/* CSS Document */
/*:::::::::::::::::::: =GLOBAL RESET :::::::::::::::::::::::::::*/
/* The Global Reset is used to neutralize all styles generated
	by browsers so all elements look alike in all browsers	 */

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
i, center,
dl, dt, dd, li, ol ul,
fieldset, form, label, legend,
article, aside, canvas, details, embed, video,
table, caption, tbody, tfoot, thead, tr, th, td {
	background-color:transparent;
	border:0;
	font-family:Arial;
	font-size:12px;
	margin:0;
	outline:0;
	padding:0;
	color:#333;
	vertical-align:baseline;
}

/*:::::::::::::::::::: =BASE TAGS :::::::::::::::::::::::::::*/
/* These are styles of elements that are site wide, be careful
	if you ever need to change any of these. TEST THOROUGHLY */
body {
	background-color:#fff;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	line-height:1.75em;
	color:#333;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	border:0;
}
pre {
	overflow-x:auto; /* Use horizontal scroller if needed; for Firefox 2*/
	white-space:pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap:break-word; /* Internet Explorer 5.5+ */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color:#2786C2;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
input::-webkit-outer-spin-button {
	margin-left:0px;
}
ul li {
	list-style-position:inside;
}

ol li {
	list-style-position:inside;
}
::-webkit-input-placeholder {
	color: #ccc;
}
:-moz-placeholder {
	color:#ccc;
}
/* -----------------------------------------------
	All input boxes in the portal have an orange
	border when in focus
-------------------------------------------------*/
input [type="text"]{
	border:1px solid #999;
}
input:focus, textarea:focus {
	border:1px solid #fcb412;
}
.errorMessage a{
	font-size:12px;
}
/* -----------------------------------------------
	=clearfix: This fixes divs when they are f'ed UP!
------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*:::::::::::::::::=Scrollbars:::::::::::::::::::*/
::-webkit-scrollbar{
	width:9px;
	height:9px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
	display:block;
	height:0;
	background-color:transparent;
}
::-webkit-scrollbar-track-piece{
	background-color:#ccc;
	-webkit-border-radius:0;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}
::-webkit-scrollbar-thumb:vertical{
	height:50px;
	background-color:#999;
	-webkit-border-radius:8px;
}
::-webkit-scrollbar-thumb:horizontal{
	width:50px;
	background-color:#999;
	-webkit-border-radius:8px;
}
.diagonalBackground{
	background-image:url(/images/background-diagonal.png);
}
/*:::::::::::::::::::=TOOLKIT::::::::::::::::::::*/
/*------------------------------------------------
	This section holds all the classes that just
	hold one style attribute, these are necessary
	to prevent inline styles
------------------------------------------------*/

/* -----------------------------------------------
	This prevents anyone from printing any page
	inn qualvu
------------------------------------------------*/
@media print {
#accountsMainContainer{ display:none }
}
.printShow{
	display:none;
}
@media print {
	.printShow {
	color:#333;
	display:block;
	}
}
/* -----------------------------------------------
	=colors for text and =backgrounds
------------------------------------------------*/
.redText {
	color: #f00;
}
.blackText{
	color:#000;
}
.blue{
	background-color:#E9F0F7;
	overflow:hidden;
	border-bottom:1px solid #7f7f7f;
}
.blueText, .blueText span, .blueText div{
	color:#2786C2;
}
.blueText:hover{
	text-decoration:underline;
}
.lightGray, .lightGray p, .lightGray span, .lightGray div{
	color:#999;
}
.gray, .gray p, .gray span{
	color:#666;
}
.grayBg{
	background-color:#f4f4f4;
}
.qualvuBlue{
	background-color:#00AEEC;
}
/*----------------------------------------------
 =font sizes
------------------------------------------------*/
.size10, .size10 a, .size10 p{
	font-size: 10px;
}
.size11, .size11 a, .size11 p{
	font-size: 11px;
}
.size12, .size12 a, .size12 p{
	font-size: 12px;
}
.size14, .size14 a, .size14 p {
	font-size: 14px;
}
.size16, .size16 a, .size16 p {
	font-size: 16px;
}
.size12 a{
	font-size: 12px;
}
.size16 {
	font-size: 16px;
}
/*----------------------------------------------
 =font decoration
------------------------------------------------*/
.italics {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.wrapText, .wrapText p, .wrapText div, .wrapText span{
	white-space:pre-wrap;
}
.superscript{
	font-size:xx-small;
	vertical-align:top;
}
.subscript{
	font-size:xx-small;
	vertical-align:bottom;
}
.underline {
	text-decoration:underline;
}
.noUnderline {
	text-decoration:none;
}
.required {
	color:#ddd;
	font-style:italic;
	font-size:14px;
	padding:2px 0;
}
.highlighted {
	background-color: #FF0;
}
.uppercase {
	text-transform: uppercase;
}
/*--------------------------------------------------
 =margins
---------------------------------------------------*/
.margin5 {
	margin:5px;
}
.margin10 {
	margin:10px;
}
.margin20 {
	margin:20px;
}
.marginLeftNegative2{
	margin-left:-2px;
}
.marginLeftNegative10{
	margin-left:-10px;
}
.marginRightNegative10{
	margin-right:-10px;
}
.marginTop3{
	margin-top:3px;
}
.marginLeft5{
	margin-left:5px;
}
.marginLeft10 {
	margin-left:10px;
}
.marginRight15{
	margin-right:15px;
}
.marginRight20{
	margin-right:20px;
}
.marginLeft20 {
	margin-left:20px;
}
.marginLeft30 {
	margin-left:30px;
}
.marginRightNone{
	margin-right:none;
}
.marginRight5{
	margin-right:5px;
}
.marginRight10 {
	margin-right:10px;
}
.marginTopNegative2{
	margin-top:-2px;
}
.marginTop {
	margin-top: 5px;
}
.marginTop10 {
	margin-top: 10px;
}
.marginTop15 {
	margin-top: 15px;
}
.marginTop20 {
	margin-top: 20px;
}
.marginBottom5{
	margin-bottom:5px;
}
.marginBottom10 {
	margin-bottom: 10px;
}
.marginBottom20 {
	margin-bottom: 20px;
}
/*----------------------------------
	=padding
------------------------------------*/
.paddingTopBottom10{
	padding: 10px 0px;
}
.padding3x5 {
	padding:2px 3px 2px 5px;
}
.padding5 {
	padding:5px;
}
.padding10 {
	padding:10px;
}
.padding20 {
	padding:20px;
}
.paddingRight5{
	padding-right:5px;
}
.paddingRight10{
	padding-right:10px;
}
.paddingRight20{
	padding-right:20px;
}
.paddingRight30{
	padding-right:30px;
}
.paddingLeft5{
	padding-left:5px;
}
.paddingLeft10{
	padding-left:10px;
}
.paddingLeft25 {
	padding-left:25px;
}
.paddingLeft30{
	padding-left:30px;
}
.paddingTop5 {
	padding-top:5px;
}
.paddingTop10 {
	padding-top:10px;
}
.paddingBottom5 {
	padding-bottom:5px;
}
.paddingBottom10 {
	padding-bottom:10px;
}
.paddingTotal10{
	padding:10px;
}
.paddingTop15 {
	padding-top:15px;
}
.paddingTop20 {
	padding-top:20px;
}
/*----------------------------------
	 Ellipsis style
----------------------------------*/
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
}

.ellipsis.multiline {
	white-space: normal;
}
/*----------------------------------
	=floats
------------------------------------*/
.right {
	float:right;
}
.left {
	float:left;
}
/*----------------------------------
	=display
------------------------------------*/
.inline {
	display:inline;
}
.block {
	display:block;
}
.none {
	display:none;
}
/*----------------------------------
	=clear
------------------------------------*/
.clearBoth {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.clearNone {
	clear:none !important;
}
/*----------------------------------
	=position
------------------------------------*/
.absolutePosition{
	position:absolute;
}
.relativePosition{
	position:relative;
}
.fixedPosition{
	position: fixed;
}

/*----------------------------------
	=border
------------------------------------*/
.noBorder{
	border:0px;
}
.border{
	border:1px solid #999;
}
.borderTop{
	border-top:1px solid #999;
}
.borderBottom{
	border-bottom:1px solid #ccc;
}
.borderLeft{
	border-left:1px solid #999 !important;
}
.borderRight{
	border-right:1px solid #999;
}
.thickBottomBorder{
	border-bottom:3px solid #ccc;
}
.borderBottomDotted{
	border-bottom:1px dotted #ccc;
}
.borderBottom td{
	border-bottom:1px solid #ccc;
}
tr.borderBottomThick th{
	border-bottom:3px solid #f4f4f4;
}
/*----------------------------------
	=overflow
------------------------------------*/
.yAuto {
	overflow-y: auto;
}
/*----------------------------------
	=paginator
------------------------------------*/
.paginator {
	float:right;
	max-width:600px;
	min-width:370px;
}
.paginator .left {
	float:left;
	color:#fff;
	margin-right:10px;
}
.paginator .right {
	float:right;
	margin-right:5px;
}
a.paginator .right:hover {
	color:#333;
}
a.paginator_active_step {
	color:#f1f2f2;
	margin:0px 4px;
	padding:4px;
	text-decoration:none;
	border:1px solid transparent;
}
.paginator_active_step:hover {
	color:#333;
}
.paginator_inactive_step {
	color:#666;
	margin-left:4px;
}
.paginator_selected_page {
	font-size:11px;
	height:18px;
	line-height:18px;
	background-color:#fff;
	color:#333;
	padding:4px 5px;
	margin-right:5px;
	border:1px solid #999;
}
/*::::::::::::NEW Navigation:::::::::::::*/
.Navigation{
	position:fixed;
	top:0px;
	left:0px;
	z-index:20;
	width:100%;
	min-width:980px;
}
.thinTopNav{
	padding:0px 0px 0px 10px;
	position:relative;
	z-index:10;
	background-color:#ccc;
	background-image:url(/images/diagonal-gray.png);
	height:27px;
}
.thickBottomNav{
	background-color:#333;
	color:#fff;
	position:relative;
	z-index:1;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.8);
}
.thickBottomNav .inside{
	/*max-width: 1400px; will add later after site redesign */
	min-width: 970px;
	margin: 0px auto;
	background-color:#00aeec;
}
.projectNameHolder{
	height:27px;
	line-height:27px;
	position:relative;
	text-align:left;
	cursor:pointer;
	z-index:10;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	float:right;
	position:relative;
}
span .projectNameHolder{
	height:27px;
	float:right;
	margin-right:25px;
	padding:0px 18px 0px 6px;
	max-width:288px;
}
span .projectNameHolder.activeHover{
	background:#333;
	color:#fff;
	cursor:pointer;
}
.projectNameHolder.clicked{
	background-color:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.projectContainer{
	width:340px;
}
.projectContainer .recentProjectPop, .projectContainer .recentProjectPopNav{
	top:26px;
	right:25px;
	width:300px;
	z-index:5;
}
.projectContainer .recentProjectPop .innerContainer{
	width:auto;
}
.projectContainer .recentProjectPop .innerContainer a{
	width:280px;
}
.projectContainer .recentProjectPopNav .innerContainer{
	width:auto;
}
.projectContainer .recentProjectPopNav .innerContainer a{
	width:280px;
	clear:both;
}
.centralSearch{
	height:24px;
	width:145px;
}
.centralSearch:hover{
	background:#333;
	padding-bottom:3px;
}
.centralSearch input[type="text"]{
	border:1px solid #999;
	height:15px;
	width:123px;
	margin-top:4px;
}
.centralSearch input:hover{
	border:1px solid #ccc;
}
.centralSearch input[type="radio"]{
	border:1px solid transparent;
}
#searchToggle{
	color:#999;
	display:none;
	background:#fff;
	position:relative;
	z-index:10;
	padding: 0px 5px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	height:22px;
	padding-top:5px;
	width:158px;
	text-align:center;
	float:right;
}
.realSearchBox{
	display:none;
	position:absolute;
	z-index:5;
	top:26px;
	right:-70px;
	width:320px;
	background:#fff;
	border:1px solid #999;
	padding:10px;
	box-shadow: 1px 1px 2px #999;
}
.thinTopNav .dropNavigation a{
	border:0px;
}
.dropNavigation hr{
	border:0px;
	width:100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin:0px;
}
.NavigationHoverLinks .blueText:hover{
	text-decoration:none;
}
.dropNavigation.project{
	width:578px;
	border-top:1px solid #ccc;
	padding:10px;
}
.dropNavigation.admin{
	width:433px;
	border-top:1px solid #ccc;
	padding:10px;
}
.dropNavigation .subCompartment{
	float:left;
}
.logoText{
	color:#fff;
	opacity:0.5;
	filter: alpha( opacity = 50 );
	text-transform:uppercase;
	font-size:10px;
	position:absolute;
	bottom:2px;
	right:50px;
}
.navLogoHolder a:hover{
	text-decoration:none;
	border:0px;
}
.navLogoHolder{
	float:left;
	position:relative;
	height:58px;
	z-index:5;
	width:201px;
	border-right:1px solid rgb(255,255,255);
	border-right:1px solid rgba(255,255,255, 0.7);
}
.navContextTitle{
	white-space:nowrap;
	margin:0px auto;
	cursor:default;
	text-align:center;
	height:58px;
	position:relative;
	z-index:1;
}
.navCustomButtons{
	position:relative;
	z-index:5;
}

.navContextTitle span, .navContextTitle a {
	color:#fff;
	line-height:58px;
	font-size: 18px;
	text-align:left;
}
.navContextTitle a {
	font-size: 12px;
}

.NavigationHoverLinks .dropNavigation{
	display:none;
	border:1px solid #999;
	position:absolute;
	z-index:10;
	top:26px;
	left:0px;
	background:#fff;
	box-shadow: 1px 1px 3px #999;
}
.topRightContainer{
	height:27px;
	float:right;
	*width:800px; /*IE7 needs a width in order not to push everything down a row*/
}
.projectNameHolder .arrowDown{
	float:right;
	border-top:5px solid #333;
	position:absolute;
	top:10px;
	right:2px;
}

.navContextTitle .arrowDown{
	border-top:8px solid #FFF;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position:absolute;
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha( opacity = 70 );
	top:25px;
}

.navContextTitle .arrowDown:hover, .navContextTitle .arrowDown.selected{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha( opacity = 100 );
}

#profileDropDown.dropList{
	width:auto;
}
#profileDropDown.dropList p{
	padding-right:20px;
}
#profileDropDown .arrowDown{
 	position:absolute;
	top:-3px;
	*top:18px; /*IE 7 has different values to work*/
	right:-13px;
	*right:-6px;/*IE 7 has different values to work*/
}

#profileDropDown .dropNavigation{
	right:10px;
	left:auto;
}
#profileDropDown .dropNavigation a{
	width:80px;
}
#profileDropDown .dropNavigation a:hover{
	text-decoration:none;
}
.blueText.activeHover span{
	color:#fff;
}
.thickBottomNav .contextArrow{
	padding:0px 10px;
	 color:#fff;
	font-size:20px;
	line-height:58px;
	height:58px;
}
.thickBottomNav .contextArrow:hover{
	background:rgb(0,0,0);
	background: rgba(0,0,0, 0.5);
}
.NavigationHoverLinks .dropNavigation a{
	color:#2786C2;
	text-decoration:none;
	float:left;
	width:120px;
	padding:4px 12px;
	clear:both;
	background:#fff;
	white-space:nowrap;
	cursor:pointer;
}
.NavigationHoverLinks .dropNavigation span{
	padding:0px;
	border-left:0px;
	border-right:0px;
}
.NavigationHoverLinks .dropNavigation span:hover{
	border-left:0px;
	border-right:0px;
}
.NavigationHoverLinks .dropNavigation a:hover{
	color:#2786C2;
	background-color:#EAF3F9;
	border-left:0px;
}
.NavigationHoverLinks span{
	position:relative;
}
.NavigationHoverLinks span p{
	color:#2786C2;
	padding: 3px 6px 3px 6px;
	float:left;
	cursor:pointer;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	position:relative;
	z-index:15;
	margin-right:10px;
}
.NavigationHoverLinks .arrowDown{
	float:right;
	margin-left:3px;
	margin-top:8px;
	*margin-top:-12px; /*This is an IE7 only hack*/
}
.NavigationHoverLinks span p.active{
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-right:6px;
}
.NavigationHoverLinks span p.activeHover{
	background:#333;
	color:#fff;
}
.singleLinks div{
	margin-top:-3px;
	padding:3px 3px 3px 7px;
	cursor:pointer;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}
.singleLinks div:hover{
	background:#fff;
	padding-right:11px;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
.singleLinks span.topNavLinkStyle a:hover{
	text-decoration:none !important;
}
.singleLinks div.noPadding{
	padding-right:6px;
}
.singleLinks div.noPadding:hover{
	padding-right:6px;
}
.navCustomButtons div{
	float:left;
	min-width:74px;
	height:58px;
	cursor:pointer;
	position:relative;
	border-left:1px solid rgb(255,255,255);
	border-left:1px solid rgba(255,255,255, 0.7);
}
.navCustomButtons .buttonInfo{
	border:1px solid transparent;
	color:rgb(255,255,255);
	color:rgba(255,255,255, 0.7);
	font-size:10px;
	font-family:Helvetica;
	height:18px;
	text-align:center;
	position:absolute;
	top:36px;
	text-transform: capitalize;
	min-width:69px;
	padding:0px 2px;
	white-space:nowrap;
}
.buttonInfo.selected{
	color:#fff;
}
.navCustomButtons .selected .buttonInfo, .navCustomButtons .buttonInfo:hover{
	color:#fff;
}
.navCustomButtons a{
	text-decoration:none;
}
.navCustomButtons .fieldwork{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:0px 0px;
}
.navCustomButtons .fieldwork:hover, .navCustomButtons .fieldwork.selected{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:74px 0px;
}
.navCustomButtons .analyze{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:0px 174px;
}
.navCustomButtons .analyze:hover, .navCustomButtons .analyze.selected{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:74px 174px;
}
.navCustomButtons .report{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:0px 116px;
}
.navCustomButtons .report:hover, .navCustomButtons .report.selected{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:74px 116px;
}
.navCustomButtons .more{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:0px 58px;
}
.navCustomButtons .more:hover, .navCustomButtons .more.selected{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:74px 58px;
}
.navCustomButtons .quoteApp{
	background-image:url(/images/ic-nav-qv-admin.png);
	background-position:0px 0px;
}
.navCustomButtons .quoteApp:hover, .navCustomButtons .quoteApp.selected{
	background-image:url(/images/ic-nav-qv-admin.png);
	background-position:74px 0px;
}
.navCustomButtons .users{
	background-image:url(/images/ic-nav-qv-admin.png);
	background-position:0px 174px;
}
.navCustomButtons .users:hover, .navCustomButtons .users.selected{
	background-image:url(/images/ic-nav-qv-admin.png);
	background-position:74px 174px;
}
.navCustomButtons .companies{
	background-image:url(/images/ic-nav-qv-admin.png);
	background-position:0px 116px;
}
.navCustomButtons .companies:hover, .navCustomButtons .companies.selected{
	background-image:url(/images/ic-nav-qv-admin.png);
	background-position:74px 116px;
}
.navCustomButtons .dashboard{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:0px 0px;
}
.navCustomButtons .dashboard:hover,.navCustomButtons .dashboard.selected{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:74px 0px;
}
.navCustomButtons .rewards{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:0px 58px;
}
.navCustomButtons .rewards:hover, .navCustomButtons .rewards.selected{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:74px 58px;
}
.navCustomButtons .tasks{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:0px 116px;
}
.navCustomButtons .tasks:hover, .navCustomButtons .tasks.selected{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:74px 116px;
}
.navCustomButtons .projects{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:0px 174px;
}
.navCustomButtons .projects:hover, .navCustomButtons .projects.selected{
	background-image:url(/images/ic-nav-qv-home.png);
	background-position:74px 174px;
}
.navCustomButtons .projectHome{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:0px 0px;
}
.navCustomButtons .projectHome:hover, .navCustomButtons .projectHome.selected{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:74px 0px;
}
.navCustomButtons .download{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:0px 56px;
}
.navCustomButtons .download:hover, .navCustomButtons .download.selected{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:74px 56px;
}
.navCustomButtons .deliver{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:0px 174px;
}
.navCustomButtons .deliver:hover, .navCustomButtons .deliver.selected{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:74px 174px;
}
.navCustomButtons .collect{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:0px -58px;
}
.navCustomButtons .collect:hover, .navCustomButtons .collect.selected{
	background-image:url(/images/ic-nav-qv-project.png);
	background-position:74px -58px;
}
.navCustomButtons .vupoint{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:0px -116px;
}
.navCustomButtons .vupoint:hover, .navCustomButtons .vupoint.selected{
	background-image:url(/images/ic-nav-qv-deliver.png);
	background-position:74px -116px;
}
.navCustomButtons .instructions{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:0px 0px;
	margin:0px;
	padding-bottom:0px;
}
.navCustomButtons .instructions:hover, .navCustomButtons .instructions.selected{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:74px 0px;
}
.navCustomButtons .community{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:0px 174px;
}
.navCustomButtons .community:hover, .navCustomButtons .community.selected{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:74px 174px;
}
.navCustomButtons .helpline{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:0px 116px;
}
.navCustomButtons .helpline:hover, .navCustomButtons .helpline.selected{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:74px 116px;
}
.navCustomButtons .mobile{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:0px 58px;
}
.navCustomButtons .mobile:hover, .navCustomButtons .mobile.selected{
	background-image:url(/images/ic-nav-qv-diary.png);
	background-position:74px 58px;
}

/* Collect */
.navCustomButtons .assignment {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:0px 0px;
}
.navCustomButtons .assignment:hover, .navCustomButtons .assignment.selected {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:74px 0px;
}

.navCustomButtons .responses {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:0px -58px;
}
.navCustomButtons .responses:hover, .navCustomButtons .responses.selected {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:74px -58px;
}

.navCustomButtons .respond {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:0px -116px;
}
.navCustomButtons .respond:hover, .navCustomButtons .respond.selected {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:74px -116px;
}

.navCustomButtons .more {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:0px -174px;
}
.navCustomButtons .more:hover, .navCustomButtons .more.selected {
	background-image:url(/images/ic-nav-qv-collect.png);
	background-position:74px -174px;
}

/*:::::::::::: DATAGRID Styles::::::::::*/
/*----------------------------------
	=datagrid
------------------------------------*/
.dtgWrapper {
	margin:5px;
	border:1px solid #ccc;
}
.dtgHeaderCaption {
	float:left;
	width:100%;
	height:30px;
	background:#26ace2;
	vertical-align:bottom;
}
.dtgHeaderCaptionTop .renderQVClear .right{
	padding-top:2px;
}
.dtgHeaderCaptionBottom {
clear: both;
line-height: 29px;
height: 30px;
background: #4B4B4B;
}

.dtgHeaderBottomLink, .dtgHeaderSuperFilters{
float: left;
margin-left: 5px;
padding-right: 5px;
border-right: 1px solid gainsboro;
background-position: right;
background-repeat: no-repeat;
color: white;
}
.dtgHeaderBottomLink .cursor {
	color: #FFF;
}
.qon, .qoff, .qon img, .qoff img, .dtgRowStyle img, .dtgAltRowStyle img, .dtgRowStyle input, .dtgAltRowStyle input {
	vertical-align: middle;
	padding: 3px 0;
	text-decoration: none;
}

.button .dtgRowStyle input, .button .dtgAltRowStyle input{
	padding: 2.5px 8px;
}

#PanelManageForm .dtgRowStyle input, #PanelManageForm .dtgAltRowStyle input, #PanelManageForm .dtgRowStyle img, #PanelManageForm .dtgAltRowStyle img { /* increase # of rows visible in viewport */
	padding:0px;
}
.dtgContainer{
	float:left;
	width:100%;
}
.QDataGridFilterIcon {
	width:13px;
	height:10px;
	margin:2px 0px;
	border-left:1px solid #666766;
	padding:8px;
	cursor:pointer;
}
.QDataGridFilterMessage {
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
	background-image:url(/images/filter_off.png);
	color: #FFF;
}
.QDataGridFilterMessageActive {
	background-image:url(/images/filter_on.png);
}
.QDataGridFilterIconContainer{
	float:right;
	margin-left:4px;
	margin-right:-3px;
	background-image:url(/images/filter_icon_gray.png);
	background-repeat: no-repeat;
	background-position:center;
}
.QDataGridFilterIconContainer:hover{
	background-image:url(/images/filter_icon_black_bg.png);
}
.dtgColHeaderName{
	float:left;
	display:inline;
}
.QDataGridFilter {
	float:left;
	display:none;
	width:191px;
	padding:7px;
	background-color: #fff;
	box-shadow:1px 1px 2px #666;
	border:1px solid #666;
	position:absolute;
	right:-3px;
	top:28px;
	color:#000;
	z-index:1;
	font-weight:normal;
}
.filterActive .QDataGridFilterIcon {
	width:13px;
	height:10px;
	margin:2px 0px;
	border-left:1px solid #FCF992;
	padding:8px;
	cursor:pointer;
}
.filterActive .QDataGridFilterIcon :hover{
	border-left:1px solid #666;
}
.filterActive .QDataGridFilterIconContainer{
	float:right;
	margin-left:4px;
	margin-right:-3px;
	background: #EAF3FA url(/images/filter_icon_green.png);
	background-repeat: no-repeat;
	background-position:center;
}
.dtgHeaderBottomLink .renderQVClear .right{
	margin-left:0px;
}
.dtgHeaderBottomLink .renderQVClear{
	width:auto !important;
}
.dtgHeaderBottomLink:hover{
	color:#CDCD60;
}
.QDataGridFilterTitle{
	float:left;
	font-weight:bold;
	margin-bottom:5px;
}
.QDataGridSelectionContainer {
	float:left;
	color:#000;
	display:none;
	width:191px;
	padding:7px;
	background-color: #fff;
	border:1px solid #ccc;
	box-shadow:1px 1px 2px #666;
	display:none;
	position:absolute;
	z-index:1;
}
.QDataGridFilter .selectButtons, .QDataGridSelectionContainer .selectButtons {
	float:left;
	width:100%;
	border-top:1px dotted #666;
	padding:10px 0 0 0;
}
.QDataGridSelectionContainer .selectButtons a, .QDataGridFilter .selectButtons a{
	color:#2786c2;
}
.QDataGridFilter .bottom{
	float:left;
	width:100%;
	color:#000;
	height:147px;
	overflow:auto;
	border:1px solid #999;
	background-color:#fff;
	white-space:nowrap;
}
.QDataGridSortableColumn{
	float:left;
	text-align:left;
	white-space:nowrap;
	cursor:pointer;
	color:#2786C2;
	font-weight:bold;
}
.QDataGridSortableColumn :hover{
	text-decoration: none;
}
.QDataGridSortableColumn span {
	color: #2786C2;
}
.QDataGridSortableColumn span:hover{
	text-decoration:underline;
}
.QDataGridSelectionContainer .bottom{
	float:left;
	width:100%;
	color:#000;
	height:147px;
	overflow:auto;
	border:1px solid #999;
	background-color:#fff;
}
.QDataGridFilter .renderQVClear .left{
	float:left;
	color:#000;
}
.QDataGridSelectionContainer .renderQVClear .left{
	float:left;
	color:#000;
}
.QDataGridFilter .renderQVClear{
	clear:both;
}
.QDataGridSelectionContainer .renderQVClear{
	clear:both;
}
/*::::::::::::::QUALVU DEFAULT BUTTON:::::::::::::*/
a.linkbutton {
	color:blue;
	text-decoration: underline;
	font:Arial;
	font-weight: bold;
}
.button {
	padding:2.5px 8px;
	border:1px solid #b3b3b3;
	background-image:url(/images/btn-bg-reg-gray-26.png);
	background-position:top left;
	background-repeat:repeat-x;
	cursor:pointer;
	text-decoration:none;
	color:#333;
	font:Arial;
	position:relative;
	overflow:visible;
	border-radius:2px;
}
.button.save{
	background-image:url(/images/btn-bg-reg-blue-26.png);
	border:1px solid #416973;
	color:#fff;
}
.button.save.large{
	color:#fff;
	border:1px solid #416973;
	background-image:url(/images/btn-bg-large-blue-35.png);
}
.button.save:hover{
	border:1px solid #031634;
	text-decoration:none;
}
.button.delete{
	background-image:url(/images/btn-bg-reg-red-26.png);
	border:1px solid #B11623;
	color:#fff;
}
.button.delete.large{
	color:#fff;
	border:1px solid #B11623;
	background-image:url(/images/btn-bg-large-red-35.png);
}
.button.delete:hover{
	border:1px solid #520805;
	text-decoration:none;
}
.button:hover {
	border:1px solid #666;
	text-decoration:none;
	box-shadow:0px 1px 5px #ccc;
}
.button:active{
	background-image:url(/images/regular_button_bg_gray_inverted.png);
}
.plusButton{
	background-image:url(/images/icon_add_generic_gray.png);
	background-repeat:no-repeat;
	border:0px;
	width:17px;
	height:17px;
	background-color:#fff;
	cursor:pointer;
}
.plusButton.negated{
	background-image:url(/images/icon_subtract_generic_gray.png);
}
.large {
	padding:8.5px 18px;
	background-image:url(/images/btn-bg-large-gray-35.png);
	border-radius:5px;
}

.large:active {
	background-image:url(/images/large_button_bg_gray_inverted.png);
}
.plusCircle{
	background-image:url(/images/ic-green_plus.png);
	background-repeat:no-repeat;
	background-position:left;
}
/*----------------------------------------------
	CSS Created Arrows (No Images)
------------------------------------------------*/
.arrowUp {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid black;
}

.arrowDown {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #2786C2;
}
.arrowDown.white{
	border-top: 5px solid #fff;
}
.arrowRight {
		width: 0;
		height: 0;
		border-top: 60px solid transparent;
		border-bottom: 60px solid transparent;
		border-left: 60px solid green;
}

.arrowLeft {
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right:10px solid blue;
}
.reportVideoLink{
		position: absolute;
		right: 10px;
		top: -30px;
		padding-left:18px;
		background-image:url(/images/ic_exclamation_gray.png);
		background-repeat:no-repeat;
		background-position:left;
}
.reportVideoLink:hover{
		background-image:url(/images/ic_exclamation_red.png);
}
.widgetItemContent p{
	text-decoration:none;
}
.qualvuForm {
	margin:15px;
	background-color:#fff;
	padding:15px;
	border:1px solid #ccc;
	overflow:hidden;
	box-shadow: 0px 0px 5px #ccc;
}
.dialogContainerBlock{
	clear:both;
	padding:20px;
}
.dialogContent{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	max-height:600px;
	overflow:auto;
}
.formHeader {
	padding:10px;
	background-color:#f2f2f2;
	font-size:14px;
	font-weight:bold;
}
.dialogContainerBlock .formHeader{
	background-color:#333;
	color:#fff;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:-20px;
}
.dialogButtons{
	text-align:right;
	background:#f4f4f4;
	border-top:1px dotted #acacac;
	padding:10px;
	margin-bottom:-20px;
	margin-right:-20px;
	margin-left:-20px;
}
.qualvuBorder {
	border:1px solid #999;
}
.closebox{
	float:right;
	color:#fff !important;
	background:#00AEEC;
	padding:0px 3px;
	height:18px;
	cursor:pointer;
}
.closeText{
	float:right;
	clear:both;
	text-align:right;
	color:#000;
}
.textbox {
	border:1px #ccc solid;
	padding:4px;
}
.qualvuForm .textbox:focus{
	border:1px orange solid;
}
.qualvuForm .textbox{
	border:1px #ccc solid;
	padding:4px;
	font-size:13px;
	line-height:18px;
	height:18px;
	width:250px;
}
.textbox:hover{
	border:1px solid #999;
}
.textbox.disabled:hover{
	border:1px #ccc solid;
	cursor:not-allowed;
}
.noFlashDetected{
	padding:20px;
	background-color:#f4d7d7;
	color:#333;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #D9B6BB;
}
.pageTitle {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.pageTitleBg {
	background: #00AEEC;
	padding: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	color: #fff;
}
.lightboxImageContainer img{
	padding:5px;
	border:1px solid #999;
}
.lightboxImageContainer img:hover{
	border:1px solid #F38630;
}
.projStatus .shortTextBox .textbox{
	width:250px;
}
.projStatus .partManagementLabel label{
	text-align: right;
}
.greyTotalColumn{
	padding:5px;
	background-color:#E3E3E5;
}
.greyTotalColumn span{
	width:250px;
	font-size:16px;
	font-weight:bold;
	margin:0px 5px;
}
.helpfuBox{
	padding:10px;
	background:#f4f4f4;
}
.commentBubble{
	text-align:center !important;
	height:26px;
	width:38px;
	font-weight:bold;
	cursor:pointer;
	background-image:url(/images/img_comment_count.png);
	background-repeat:none;
	padding-top:2px;
}
.commentBubble:hover{
	color:#fff;
	background-position:0px 29px;
}
.linkKbButton{
	height:35px;
	width:38px;
	background-color:#fff;
	background-image:url(/images/btn_set_article_link.png);
	background-repeat:none;
	cursor:pointer;
	border:0px;
}
.linkKbButton:hover, .editKbButton:hover{
	background-position: 0px 35px;
}
.mobileVerifyBlock{
	background:#f4f4f4;
	padding:10px;
}
.orBar{
	height:30px;
	text-align:center;
	font-size:20px;
	color:#fff;
	background:#00AEEC;
	padding-top:5px;
	font-weight:bold;
}

/*:::::::::::::::::qualvu button pictures:::::::::*/

#QAjaxMessage, #QPostMessage {
	width:inherit;
}

li.qsortable_item_odd, li.qsortable_item_even {
	color:#fff;
}

.legendBox{
	width:9px;
	height:9px;
	float:left;
	border:1px solid #666;
}
.videoTutorial .loginLogoutPanel{
	width:750px;
	margin:0 auto;
}
.videoTutorial #contentPlayer{
	height:360px;
}
/*:::::::::::WARNING STYLES::::::::::*/
/*-----------------------------------
	=warnings
------------------------------------*/
.warningMessage {
	background-color:#fcdfb9;
}
.warningMessage a {
	font-size:12px;
}

.warning {
	font-size:14px;
	color:#aa0000;
}

.warningSmall {
	float:left;
	clear:both;
	font-size:12px;
	color:#aa0000;
}
#containerRight #QAjaxMessage, #QPostMessage {
	width: auto;
}
.leftVD .warning {
	font-size:18px;
}
.error {
	color:red;
	vertical-align:top;
}
.errorMessage, .warningMessage {
	background-color:#f4d7d7;
	padding:5px;
	padding-left:40px;
	background-image:url('/images/warning_icon.png');
	background-position:10px;
	background-repeat:no-repeat;
	border:1px solid #d9b6bb;
	font-size:12px;
	margin-bottom:5px;
}
.message, .infoMessage {
	background-color:#e0edc9;
	padding:5px;
	margin-bottom:5px;
	padding-left:40px;
	background-image:url('/images/checkmark_icon_20x20.png');
	background-position:10px;
	background-repeat:no-repeat;
	border:1px solid #92b87f;
	font-size:12px;
}

.cautionMessage {
	background-color:#F9FAD2;
	padding:5px;
	color:#755035;
	margin-bottom:5px;
	padding-left:40px;
	background-image:url('/images/warning_icon.png');
	background-position:10px;
	background-repeat:no-repeat;
	border:1px solid #D3B78C;
	font-size:12px;
}
.transcriptContainer .cautionMessage{
	margin-top:-14px;
	border-left:0px;
	border-right:0px;
	margin-bottom:10px;
}
/*::::::::::::REALISTIC BUTTON::::::::::::::::::::::*/
/*---------------------------------------------------
	=realistic buttons (default button style)
-----------------------------------------------------*/
a.realisticButton {
	text-decoration:none;
	border-color:transparent transparent #8e8e8e; /** rgba fallback **/
	border-color:transparent transparent rgba(128, 128, 128, 0.50);
	cursor:pointer;
	outline:none;
}

a.realisticButton:hover {
	text-decoration:none;
}

a.realisticButton,
a.realisticButton b.o,
a.realisticButton b.m {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	display:block;
}

a.realisticButton b.o {
	border-color:#5A5A5A; /** rgba fallback **/
	border-color:rgba(0, 0, 0, 0.56);
}

a.realisticButton b.m {
	background:transparent url("/images/buttonsprite.png");repeat-x 0 0;
	border-color:#fff transparent #C7C7C7; /** rgba fallback **/
	border-color:#fff rgba(255, 255, 255, 0.33) rgba(255, 255, 255, 0.33);
}

a.realisticButton:hover b.m {
	background-position:0 -80px;
}

a.realisticButton:active b.m {
	background-position:0 -160px;
	border-color:#b7b7b7 transparent #d4d4d4; /** rgba fallback **/
	border-color:rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}

a.realisticButton b.m b {
	display:block;
	font-weight:bold;
	font-size:12px;
	padding:4px 16px;
	text-shadow:0 1px 0 #ddd;
	color:#262626;
	/** Make the text unselectable **/
	-moz-user-select:none;
	-webkit-user-select:none;
}
/*::::::::::::QUALVU AWESOME BUTTONS:::::::::*/
/*-----------------------------------
	=awesome buttons styles
------------------------------------*/
.qualvuAwesome {
	background:#222 url(/images/alert-overlay.png) repeat-x;
	display:inline-block;
	padding:5px 10px 6px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:1;
	-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
	text-shadow:0 -1px 1px #888989;
	border:0px;
	border-bottom:1px solid #999;
	position:relative;
	cursor:pointer;
	vertical-align:top;
}

.qualvuAwesome:hover {
	background:#333;
	text-decoration:none;
}

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

.qualvuAwesome a:hover {
	text-decoration:none;
}

/*-----------------------------------
	=awesome button sizes
------------------------------------*/
.small.qualvuAwesome {
	font-size:11px;
}
.medium.qualvuAwesome {
	font-size:13px;
}
.large.qualvuAwesome {
	font-size:17px;
	padding:8px 14px 9px;
	cursor:pointer;
}
.big.qualvuAwesome {
	font-size:12px;
	padding:8px 14px 9px;
	border:0px;
}
/*-----------------------------------
	=awesome button colors
------------------------------------*/
.blue.qualvuAwesome {
	background-color:#00aeef;
	cursor:pointer;
}
.blue.qualvuAwesome:hover {
	color:#fff;
}
.red.qualvuAwesome {
	background-color:#e33100;
}
.magenta.qualvuAwesome {
	background-color:#a9014b;
}
.orange.qualvuAwesome {
	background-color:#ff5c00;
}
.yellow.qualvuAwesome {
	background-color:#ffb515;
}
.gray.qualvuAwesome {
	background-color:#b2b2b2;
}
.white.qualvuAwesome {
	background-color: #EFEFEF;
	color: #333;
}
.white.qualvuAwesome:hover {
	background-color: #DEDEDE;
}
.green.qualvuAwesome {
	background-color: #38B34D;
}
.green.qualvuAwesome:hover {
	background-color: #28A33D;
}
/*:::::::::::SPACING OF CONTROL THROUGH RENDER:::::::::::::*/
/*-----------------------------------------------------------
	=control alignment aligns renderQV controls
-------------------------------------------------------------*/

.ContentNoWidthControl .renderQVClear .left{
	width:auto;
}
.ContentShortControl.small .renderQVClear .left{
	width:100px;
}
.ContentShortControl .renderQVClear .left{
	width:140px;
	text-align:right;
}

.ContentShortControl .renderQVClear .warningCapsule{
	width:600px;
}
.ContentMedControl .renderQVClear .left{
	width:200px;
}

.ClearChildren .renderQVClear, .ClearChildren .qualvuButton {
	clear: both;
}

.requiredStar {
	font-size:24px;
	position:relative;
	top:10px;
	color:#aa0000;
}
#projectAssets .textContent {
	padding: 5px 0;
}
.h1account {
	color:#ddd;
	font-size:14px;
}
.contentBlock {
	padding-top:5px;
	clear:both;
}
.contentColumn {
	margin:0 auto;
}
.borderedSet {
	border:1px solid #333;
	border-top:none;
	margin:0 0 10px 0;
	padding:1px 10px;
}
.formElement, .userEditAddress {
	padding:5px 0;
	clear:both;
}
.formElement label{
	font-size:13px;
	line-height:18px;
	padding-top:6px;
}
.editItem {
	padding:5px 10px;
	margin:5px 0;
	clear:both;
}
.editItemTitle {
	padding:0 0 3px 0;
	margin:0 5px 3px 0;
	text-align:right;
	float:left;
	width:130px;
}
#editSurvey .editItemTitle {
	padding:0 0 3px 0;
	margin:0 5px 3px 0;
	text-align:right;
	float:left;
	width:170px;
}
#blogHeader{
	margin: 0px auto;
	padding-top:10px;
	width:810px;
}
#blogHeader img{
	width:620px;
}
.replyHeader{
	background-color:#999;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.preEnlistmentText{
	margin:10px auto;
	background:#f4f4f4;
	border:1px solid #ccc;
	width:500px;
	padding: 3px 10px;
}
/*::::::::::::QUALVU NAVIGATION::::::::::::*/
/*-----------------------------------
	=navigation Q
------------------------------------*/
#puzzle{
	position:absolute;
	float:left;
	height:36px;
	width:60px;
	left:-5px;
	padding-left:5px;
	top:-5px;
	padding-top:5px;
}
.puzzlePopup {
	 position:absolute;
	 display:none;
	 top:40px;
	 top:39px\9; /* IE 8 specific style for the puzzle piece */
	 *top:34px; /* IE 7 specific style for the puzzle piece */
	 border-top:1px solid #333\9; /* IE 8 specific style for the puzzle piece */
	 width:735px;
	 *width:748px;
	 left:-5px;
	 padding:11px;
	 padding-right:0px\0/; /* IE 8 specific style for the puzzle piece */
	 z-index:15;
	 background-color:#f2f2f2;
	 background-image:url("/images/top-nav_gradient_bg.png");
	 background-repeat:repeat-x;
	 background-position:top left;
	 border-bottom:1px solid #adadad;
	 border-right:1px solid #adadad;
}
.puzzlePopup .innerContainer a {
	font-size:11px;
	color:#333;
	float:left;
	padding:9px 12px;
	margin-left:5px;
	text-decoration:none;
}
.puzzlePopup .innerContainer a:hover {
	color:#e2e2e2;
	background-color:#636464;
	border-color:#383838;
}
.puzzlePopup .innerContainer {
	float:left;
	width:145px;
	min-height:160px;
	border-right:1px solid #fff;
	border-left:1px solid #9b9b9b;
}
.puzzlePopup .innerContainer .noBorderRight {
	border-right:0px\9;
}
.puzzlePopup .innerContainer:first-child {
	border-left:0px;
}
.puzzlePopup .innerContainer:last-child {
	border-right:0px;
}
.recentProjectPop .innerContainer, .recentProjectPopNav .innerContainer {
	width:180px;
	background-color:#fff;
}
.recentProjectPop.filter, .recentProjectPopNav.filter{
	position:absolute;
	top:30px;
	right:-40px;
}
.jigsawLink {
	margin-top:3px;
	position:relative;
	height:22px;
	width:45px;
	background-image:url("/images/jigsaw_icon.png");
	background-repeat:no-repeat;
	background-position:top;
	margin:3px 0 0 8px !important;
}
.hoverClassForJigsaw {
	height:22px;
	background-image:url("/images/jigsaw_icon.png");
	background-repeat:no-repeat;
	background-position:bottom;
}
.dropList{
	width:75px;
	float:left;
}
/*-----------------------------------
	=recent projects button
------------------------------------*/
.recentProjectPop,.recentProjectPopNav {
	position:absolute;
	display:none;
	white-space:pre-wrap;
	top:41px;
	width:180px;
	right:15px;
	top:36px;
	font-size:11px;
	z-index:5;
	background-color:#fff;
	border:1px solid #adadad;
	text-align:left;
	box-shadow:1px 1px 2px #666;
}
.recentProjectPop .innerContainer a, .recentProjectPopNav .innerContainer a {
	color:#333;
	float:left;
	text-decoration:none;
	line-height:14px;
	padding:8px 10px;
	width:160px;
	border-bottom:1px solid #F2F2F2;
}

.recentProjectPop .innerContainer p.content, .recentProjectPopNav .innerContainer p.content {
	color:#333;
	float:left;
	text-decoration:none;
	line-height:14px;
	padding:8px 10px;
	width:160px;
	border-bottom:1px solid #afafaf;
	cursor:pointer;
}
.recentProjectPop .innerContainer p.content:hover, .recentProjectPopNav .innerContainer p.content:hover{
	color:#e2e2e2;
	background-color:#636464;
}

.recentProjectPop .innerContainer a:hover, .recentProjectPopNav .innerContainer a:hover {
	color:#2786C2;
	background-color:#EAF3F9;
}

.deactivatedTab {
	float:left;
	padding:4px 11px;
	font-size:12px;
	color:#aaa;
	text-decoration:none !important;
}
.contextProject span {
	color:#007fc6;
	font-weight:bold;
}
.contextProject a:hover span {
	color:#F1602F;
}
.participantTabButtons {
	padding:10px;
	padding-bottom:0;
	text-align:baseline;
	border-bottom:1px solid #555;
	margin:0 10px;
}
.participantTabButtons .button {
	margin-bottom:0;
	margin-left:-10px;
}
.participantIncentive {
	height:50px;
	border:1px solid #999;
	width:900px;
	margin-left:10px;
	margin-bottom:5px;
}
.participantIncentive .titles {
	color:#333;
	float:left;
	font-weight:bold;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	height:40px;
	width:300px;
	line-height:40px;
	font-size:14px;
	border-right:1px solid #999;
}
.participantIncentive .result {
	float:left;
	width:569px;
	padding:5px;
	padding-left:10px;
	height:40px;
	line-height:40px;
	font-size:14px;
	background-color:#dff1fd;
}
.participantIncentive .result p {
	font-size:14px;
}
.hoverState {
	background-color:#4d4d4d;
	color:#fff;
	background-image:url("/images/downarrow_green.png");
	background-repeat:no-repeat;
}
.innerContainer div {
	float:left;
}
.innerContainer .header {
	float:left;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	margin-left:11px;
	margin-bottom:2px;
	padding-bottom:5px;
	color:#000;
	width:121px;
	border-bottom: 1px dotted #333;
}
.innerContainer p {
	color:#383838;
	font-size:11px;
	line-height:9px;
	clear:both;
}
.innerContainer p {
	*width:145px;
}
.hoverNavBar {
	display:none;
	float:left;
	width:100%;
	height:40px;
	background:#00aeec;
	background-image:url('/images/nav_bottom_border.png');
	background-repeat:repeat-x;
	background-position:left bottom;
	color:#000;
	margin-top:-1px;
}
.hoverBarText {
	float:left;
	font-size:11px;
	margin:5px 0;
	line-height:30px;
	cursor:pointer;
	text-decoration:none;
}

.hoverBarText a {
	padding:6px 10px;
	margin-left:5px;
	text-decoration:none;
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.hoverBarText a:hover {
	background-color:#5bcbf5;
	color:#fff;
}
.hoverBarText .active a {
	color:#fff;
	padding:6px 10px;
	margin-left:10px;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#5bcbf5;
}
.datetimepicker {
	margin:0;
}
.formElement .item_label {
	float:right;
	text-align:left;
	padding:0 10px 0 0;
}
#contact .formElement .item_label {
	float:left;
	width:170px;
	text-align:right;
	padding:0 5px 0 0;
}

#projectEdit .formElement .item_label {
	float:left;
	text-align:right;
	padding:0 10px 0 0;
	width:170px;
}
.formElement img {
	padding:0 3px;
}
.rowLabel, .userEditAddress label {
	text-align:right;
	width:170px;
	padding-right:5px;
}
.userEditAddress input, .userEditAddress select {
	margin-bottom:12px;
}
.userEditAddress .renderQVClear {
	clear:both;
}
.userEditAddress .renderQVClear .left{
	display:none;
}
.addressPanelBox .renderQVClear .left{
	display:block;
}
.addressPanelFix div {
	float: none;
	clear: right;
	margin-top: 3px;
}

.QCheckboxListBoxBG {
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	max-height: 100px;
	overflow-y: scroll;
}

/* ------------------------------------------------------------------------------------
This is IE 7 specific code for user_edit page (problem caused by having address panel)
=ie7 code
--------------------------------------------------------------------------------------*/

.addressPanelBox .renderQVClear {
	*margin-bottom:12px;		/* This is IE 7 specific code*/
}

.addressPanelBox .renderQVClear .right {
	*margin-left:5px;			/* This is IE 7 specific code*/
}

.addressPanelBox .renderQVClear .right .listbox {
	*margin-left:-10px; 		/* This is IE 7 specific code*/
}

#srtQuestionSortable li {
	*margin-left:-15px;		/* This is IE 7 specific code*/
}

.dtrQuestionBox {
	*height: 30px;			/* This is IE 7 specific code*/
}


.saveCancel {
	clear:both;
	margin-bottom:15px;
}

.assignSaveCancel {
	padding-left:10px;
	clear:both;
}

#projectEdit .saveCancel {
	padding-left:10px;
}

#emailReminder .saveCancel {
	padding:10px 0 0 0;
}

#emailReminder .button {
	margin-right:5px;
}

.reminderSubject {
	margin:7px 0 10px 0;
	vertical-align:middle;
	width:540px;
}

#contentPlayer {
	padding:10px 0 0 0;
	height:307px;
}

#editVideo .saveCancel {
	padding:10px 0 0 0;
}

.commentTxt, .VupointResponseWordTsTranscript {
	margin-top:5px;
	overflow:auto;
	height:300px;
	font-size:14px;
	padding: 0px 5px;
}

.VupointResponseWordTsTranscript #expandedHighlight {
	font-size: 14px;
	background-color: #DAF1FA;
	border-radius: 4px 4px;
	padding: 1px 3px;
	border: 1px dashed #00AEEC;
}

.VupointResponseWordTsTranscript #highlight {
	font-size: 14px;
	background-color: #00AEEC;
	border-radius: 4px 4px;
	color: white;
	padding: 1px 3px;
}

.VupointResponseWordTsTranscript p {
	display:inline;
	*margin-right:3px; /* ie7 browser bug fix,lifted from vupoint.tpl*/
	*float:left; /* ie7 browser bug fix,lifted from vupoint.tpl*/
}

.step {
	height:64px;
	float:left;
	color:#666;
	padding:0 0 0 0;
}

img.controlProxy {
	cursor:pointer;
}

span.controlProxy {
	cursor:pointer;
	text-decoration:underline;
}

span.controlProxy:hover {
	color:#00aeec;
}

/*:::::::::::::::::::: LOG IN AND OUT :::::::::::::::::::::::::::*/
/*----------------------------------------------------------------
 =login
----------------------------------------------------------------*/
.loginContent {
	clear:both;
	color:#ddd;
	padding:10px;
	width:800px;
	margin:0 auto;
}

.loginContent a {
	color:#999;
}
.loginContent a:hover {
	color:#2786C2;
}
#loginButtons {
	float:left;
	clear:both;
	padding:15px 0;
	width:100%;
}
.loginContent .message {
	border:1px solid #333;
	color:#222;
	margin:5px auto;
	padding:15px;
}
.loginLogout {
	background:#def1fd; /*light blue*/
}
.loginContainerWide {
	margin:auto;
	width:790px;
}
.loginHeader {
	padding-top:20px;
}
.loginHeader > div {
	margin-bottom:15px;
}
.loginLogoutPanel {
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}
.loginLogoutPanel .compatibilityHeader {
	background:#e3e3e5;
	border-bottom:1px solid #666;
	padding:5px 10px;
	margin:-10px;
	margin-bottom:0;
	font-weight:bold;
}

.loginLogoutPanel > h2 {
	background:#00adee;
	color:#fff;
	font-size:16px;
	padding:10px;
	margin:-10px;
	margin-bottom:0;
}
.loginLogoutPanel .arrowDown{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #00aeec;
}
.loginAnnouncementsContainer {
	width:400px;
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #ccc;
}
.loginAnnouncementsItem {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
.loginAnnouncementsContainer .loginAnnouncementsItem:last-child {
	border:none;
}
.loginAnnouncementsItem > img:first-child {
	padding-right:5px;
	float:left;
}
.loginLogBackIn {
	background:#e3e3e5 url('/images/blue_down_arrow_icon.png') no-repeat 10px -1px;
	border-bottom:1px solid #666;
	padding:25px 10px;
	margin:-10px;
	margin-bottom:0;
	font-weight:bold;
}
.loginLogBackIn + div {
	font-weight:bold;
	font-size:16px;
	padding:10px 0;
}
/*:::::::::::::::::::: typeST STYLES :::::::::::::::::::::::::::*/

#video640 .vupointContainerLeft {
	position:absolute;
	top:120px;
	left:10px;
	width:355px;
}

#video640 #vupointContainerRight {
	position:absolute;
	top:120px;
	left:700px;
	right:10px;
	min-width:277px;
	padding:10px;
}

#video640 embed {
	border:0;
}

#video640 #videoActions {
	height:50px;
	width:670px;
}

#videoAction .VupointPlayerButton {
	width:165px;
	float:left;
	height:42px;
}

#video640 #responseMenu {
	float: left;
	clear: both;
	width: 150px;
	padding: 5px 0 0 0;
}


#video640 #responseContentContainer {
	padding: 5px 0 10px 0;
}

#video640 #responseRight {
	border: 1px #999 solid;
	min-height: 200px;
	padding: 5px;
	font-size: 12px;
}

#video640 #sortContent .sortFilterTitle {
	float: left;
	padding: 3px 0;
}

#video640 #sortContent {
	padding: 5px 0;
}

#video640 .sortFilterTitle {
	float: left;
	margin-right: 5px;
}

#video640 .sortFilterTitle .lstResponseSort {
	float: left;
}

#video640 .sortFilterTitle .titles {
	float: left;
	text-align: left;
	padding: 0 5px 0 0;
}

.sortFilterTitle {
	float: left;
	padding: 0 5px 0 0;
}

#video640 #btnThumbToggle {
	padding: 9px 0 0 5px;
}

/*:::::::::::::::::::: CONTAINERS :::::::::::::::::::::::::::*/

#accountsMainContainer {
	min-width: 775px;
	margin-top:82px;
}
#download{
	margin-top:82px;
}
#pageTitleIcon img {
	height: 50px;
	background-color:#000;
}

#spacerBottom {
	position: fixed;
	bottom: 10px;
	background-color: red;
}

.vupointContainerLeft {
	position:fixed;
	top:120px;
	left: 10px;
	width: 355px; /*Width of frame div*/
}
.vupointContainerLeftAb {
	position: absolute;
	top:135px;
	left: 10px;
	width: 355px; /*Width of frame div*/
}
.vupointContainerLeftAb .videoContainerL{
	border-bottom:1px solid #999;
}

#vupointContainerLeftTop {
	clear: both;
}

#vupointContainerRight {
	position: absolute;
	top:120px;
	left: 380px; /*Set left value to WidthOfFrameDiv*/
	right: 10px;
	min-width: 620px;
}
#vupointContainerRight .FormWidthExpandPanel{
	margin: 10px 0px 0px 0px;
}
#vupointContainerRight .projStatus{
	margin:0px;
}

#questionContainerRight{
	position: absolute;
	top:120px;
	left: 370px; /*Set left value to WidthOfFrameDiv*/
	right: 10px;
}
#containerLeft {
	display:none;
	position: absolute;
	top: 140px;
	left: 10px;
	width: 175px; /*Width of frame div*/
	padding: 10px;
}
#containerRight {
	float:left;
	clear:both;
	width:100%;
	min-width:940px;
	*min-height:200px; /* IE 7 only based on report page bug*/
}
#containerRightAccountSettings {
	width:100%;
	color: #DDD;
	clear:both;
}

/*Sub panel Navigation*/
.subPanelNavigationBox{
	display:none;
}
ul.subPanelNavigation{
	border:1px solid #999;
	border-top:0px;
	background-color:#fff;
	list-style-type:none;
	float:left;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	padding:0px;
	margin-top:0px;
	min-width:140px;
	box-shadow:rgba(68,68,68,0.5) 0px 3px 6px;
}

ul.subPanelNavigation li{
	border-top:1px solid #f2f2f2;
}

ul.subPanelNavigation li:hover{
	background-color:#EAF3F9;
}
ul.subPanelNavigation li a{
	display:block;
	color:#333;
	padding:5px;
}
ul.subPanelNavigation li a:hover{
	text-decoration:none;
	color:#2786C2;
}

.navContextTitle ul.subPanelNavigation li a{
	line-height:20px;
	display:block;
	padding:5px;
}

.navContextTitle .currentTitle span{
	line-height:20px;
	color:#007fc6;
	font-weight:bold;
	font-size: 12px;
}

ul.subPanelNavigation.navQuotas,.navParticipation,.navArticulation{
	display:none;
}
ul.subPanelNavigation.navParticipation{
	display:none;
}
.subNavigationContainer{
	position:absolute;
	left:110px;
	top:28px;
	z-index:5;
}
.subNavigationContainer.deliverGear{
	top:72px;
	left:-140px;
}
#currencyNavigation{
	position: absolute;
	right: 0px;
	top: 22px;
	display:none;
}
.navQuotas{
	position:absolute;
	top:90px;
	left:92px;
	width:100px;
	text-align:left;
}
.navParticipation{
	position:absolute;
	top:120px;
	left:93px;
	width:130px;
	text-align:left;
}
.navArticulation{
	position:absolute;
	top:60px;
	left:93px;
	width:100px;
	text-align:left;
}
.particpantPageTitle{
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 10px 10px;
}
.particpantPageTitle span{
	font-size:13px;
	font-weight:bold;
	margin-left:3px;
}

/*Sub panle Navigation*/
#navigationContainer {
	float:left;
	width:100%;
	clear: both;
	min-width: 950px;
	background-color: #fff;
}

#navigationContainer .titleIcon {
	float: left;
	padding: 0 5px;
}
#dropNav{
	cursor:pointer;
	padding:3px;
	border:1px solid transparent;
}

#dropNav:hover{
	background:#f4f4f4;
	border: 1px dotted #CCC;
}
.dropNavLink span{
	color:#2786C2;
}
#dropNav.dropNavClean{
	padding:0px;
	border:0px;
	background:transparent;
}
#navigationContainer .titleText {
	float: left;
	padding: 0 5px;
}
.dropNavEffect{
	background:#f4f4f4;
	border: 1px dotted #CCC !important;
}
#navigationContainer .helpIcon {
	float: right;
	padding: 1px 5px 0 5px;
}

#navigationMainList, #navigationList {
	float: right;
	padding: 3px;
	margin-right:25px;
	text-align:right;

}
#navigationMainList {
	border-left: 1px #666 solid;
	padding-left: 4px;
	padding-left:25px;
}
#logoContainer{
	margin-top:5px;
}
.topBorder a{
	background-color: #E0E0E0;
	font-weight:bold;
	text-align:center;
}
.topBorder a:hover{
	color:#F1602F !important;
}
.projectHouse{
	background-image: url(/images/project_home_blue.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 22px !important;
}
.projectHouse:hover{
	background-image: url(/images/project_home_white.png);
}

.active .projectHouse{
	background-image: url(/images/project_home_white.png);
}
.topNavHoverControls a{
	float:left;
	padding: 6px 16px;
	font-size:13px;
	background-color:#E3E3E5;
	margin-right:6px;
	color:#707070;
	border-bottom:2px solid #fff;
	text-decoration:none !important;

}

.topNavHoverControlsActive a{
	padding: 6px 16px;
	font-size:13px;
	text-decoration:none !important;
}
.navHoverButtons{
	clear:both;
	float:left;
	width:100%;
	position:relative;
	z-index: 10;
}
.navigationTabs{
	float:left;
	margin-left:20px;
	margin-top:20px;
}

.navigationTabs .active a{
	background-color:#00AEEC !important;
	border-bottom:2px solid #00AEEC;
	color:#FFF;
}

/*:::::::::::::::TOP NAV STYLE:::::::::*/
.topNavLinks {
	float:right;
	margin-top:13px;
	margin-right:15px;
}

.topNavLinkStyle{
	font-size:12px;
}
.topNavLinkStyle a{
	font-size:12px;
	margin-right:5px\9;
	text-decoration:none !important;
	color:#2786C2;
}
.topNavLinkStyle a:hover{
	text-decoration: underline !important;
}

.topNavLinks .renderQVClear .right{
	margin-left:7px;
}

.currentProject{
	float:right;
	font-size:11px;
	margin-right:10px;
	padding-top:10px;
	color:#fff;
}
/*:::::::::::::video diary blog (redesign) :::::::::*/
.blogTitle {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 16px;
	padding-top: 10px;
}
.assignmentBlogText p{
	text-indent: 0px !important;
}
.expandPanelHeaderShow .togglePanelImage{
	float:right;
	height:100%;
	width:51px;
	margin:auto;
	background-image:url(/images/show-white.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.expandPanelHeaderShow .togglePanelImage:hover{
	background-image:url(/images/show-green.png);
}


.expandPanelHeaderHide .togglePanelImage{
	float:right;
	height:100%;
	width:51px;
	margin:auto;
	background-image:url(/images/hide-white.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.expandPanelHeaderHide .togglePanelImage:hover{
	background-image:url(/images/hide-green.png);
}

.openCloseText{
	float:right;
	font-weight:bold;
	font-size:10px;
	font:Arial;
	color:#fff;
}

.openCloseText:hover{
	color: #c0d000;
}
#blogDashContain {
	display: inline;
	position: fixed;
	bottom:30%;
}

#blogDash {
	float: left;
	clear: both;
	padding: 10px;
	border: 1px solid #CCC;
	width:50px;
	border-right:0px;
}

.blogDashP {
	clear: both;
	font-size: 10px;
	text-align: center;
	color: #333;
	font-family: arial, sans-serif;
}

.addPost {
	font-size: 10px;
	background-color: #999;
	color:#FFF;
	width: 62px;
	padding: 0;
	text-align: center;
	padding: 3px 0 0 0;
	float: left;
	clear: both;
}

.downloadHeader{
	padding:5px;
	background-color: #00AEEC;
	color: #fff;
	font-size:14px;
	font-weight: bold;
}

.communityHeader{
	padding:5px;
	background-color: #00AEEC;
	color: #fff;
	font-size:14px;
	font-weight: bold;
}
.imagePad {
	padding: 0 0 10px 0;
}

#dialogVideo {
	background-color: #FFF;
	width: 350px;
	border: 1px solid #82bee3;
	padding: 10px;
	position: fixed;
	top: 2%;
	left: 35%;
	margin: 0 auto;
}

.addIcon {
	float: left;
	clear: both;
	width: 40px;
	height: 40px;
	padding: 0 2px;
	margin: 10px 0 0 0;
}

.addIconText {
	float: left;
	clear: both;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url(/images/ic_blog_main.png);
	background-repeat: no-repeat;
	background-position: -10px -10px;
	cursor: pointer;
}

.addIconText:hover {
	background-position: -10px -72px;
}


.addIconImage {
	float: left;
	clear: both;
	width: 50px;
	height: 40px;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url(/images/ic_blog_main.png);
	background-repeat: no-repeat;
	background-position: -10px -260px;
	cursor: pointer;
}

.addIconImage:hover {
	background-position: -10px -322px;
}

.addIconVideo {
	float: left;
	clear: both;
	width: 40px;
	height: 50px;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url(/images/ic_blog_main.png);
	background-repeat: no-repeat;
	background-position: -10px -130px;
	cursor: pointer;
}

.addIconVideo:hover {
	background-position: -10px -192px;
}

.leftClear {
	display: block;
}

.blogFilter .lstResponseSort {
	width: 220px;
}

.blogFilter .listbox {
	width: 370px;
}
.arrowDivider{
	border-bottom:1px solid #999;
	padding-bottom:5px;
}
.filterTitle {
	color: #666;
	font-size: 10px;
	border-bottom: 1px solid #CCC;
}

.blogFilter h2 {
	font-family: arial, sans-serif;
	font-size: 12px;
	padding: 3px 0;
	color: #666;
}

#communityResponsePopout {
	padding: 3px 2px 10px 8px;
	position:absolute;
	display:none;
	width:100px;
	height:100px;
	background-color:white;
	border: 1px solid #CCC;
}

.popoutCloseImg {
	float: right;
	cursor: pointer;
}

.popoutLink {
	font-size: 10px;
}

#blogDashContain {
	float: left;
}

/*:::::::::::::::::::: tinyMCE display styles :::::::::::::::::::::::::::*/

.bloggerRes h1, .vdContentContainer h1, .vdContentContainer h1 a, .blogComm h1, .bloggerOth h1, .titleDescription h1, .assignmentBlogText h1, .assignmentBlogText h1 a{
	clear: both;
	font-size: 26px;
	padding: 4px 0;
	line-height: 26px;
}
.assignmentBlogText h1 font, .assignmentBlogText h2 font, .assignmentBlogText h3 font, .vdContentContainer h1 font, .vdContentContainer h2 font, .vdContentContainer h3 font, .vdContentContainer h4 font, .vdContentContainer h5 font, .vdContentContainer h6 font, .assignmentBlogText h4 font, .assignmentBlogText h5 font, .assignmentBlogText h6 font{
	font-size:inherit;
}
.assignmentBlogText h1 em, .assignmentBlogText h2 em, .assignmentBlogText h3 em, .assignmentBlogText h4 em, .assignmentBlogText h5 em, .assignmentBlogText h6 em, .vdContentContainer h1 em, .vdContentContainer h2 em, .vdContentContainer h3 em, .vdContentContainer h4 em, .vdContentContainer h5 em, .vdContentContainer h6 em{
	font-size:inherit;
}
.assignmentBlogText h1 em font, .assignmentBlogText h2 em font, .assignmentBlogText h3 em font, .assignmentBlogText h4 em font, .assignmentBlogText h5 em font, .assignmentBlogText h6 em font, .vdContentContainer h1 em font, .vdContentContainer h2 em font, .vdContentContainer h3 em font, .vdContentContainer h4 em font, .vdContentContainer h5 em font, .vdContentContainer h6 em font{
	font-size:inherit;
}
.bloggerRes h2, .blogComm h2, .bloggerOth h2, .titleDescription h2, .assignmentBlogText h2, .assignmentBlogText h2 a, .vdContentContainer h2, .vdContentContainer h2 a{
	clear: both;
	font-size: 22px;
	padding: 2px 0;
	line-height: 22px;
}

.bloggerRes h3, .blogComm h3, .bloggerOth h3, .titleDescription h3, .assignmentBlogText h3, .assignmentBlogText h3 a,.vdContentContainer h3, .vdContentContainer h3 a{
	clear: both;
	font-size: 18px;
	padding: 1px 0;
	line-height: 18px;
}

.bloggerRes h4, .blogComm h4, .bloggerOth h4, .titleDescription h4, .assignmentBlogText h4, .assignmentBlogText h4 a, .vdContentContainer h4, .vdContentContainer h4 a{
	clear: both;
	font-size: 14px;
	line-height: 14px;
}

.bloggerRes h5, .blogComm h5, .bloggerOth h5, .titleDescription h5 , .assignmentBlogText h5, .assignmentBlogText h5 a, .vdContentContainer h5, .vdContentContainer h5 a{
	clear: both;
	font-size: 12px;
	line-height: 12px;
}

.bloggerRes h6, .blogComm h6, .bloggerOth h6, .titleDescription h6, .assignmentBlogText h6, .assignmentBlogText h6 a, .vdContentContainer h6, .vdContentContainer h6 a {
	clear: both;
	font-size: 10px;
	line-height: 10px;
}

.bloggerRes p, .modResBlog p, .blogComm p, .bloggerOth p, .titleDescription p, .assignmentBlogText p, .assignmentBlogText p a, .vdContentContainer p, .vdContentContainer p a{
	font-size: 12px;
	line-height: 1.6em;
}

.imgUploaderContainer {
	float: left;
	margin: 0 0 10px 0;
}

.imgUploader {
	float:left;
	border: 1px solid #CCC;
}

.imgUploader .button {
	width: 85px;
	height: 20px;
	margin: 14px 5px 0 0;
	float: left;
	clear: both;
	background-image: url('../images/browse.png');
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	text-align: center;
	padding: 0;
}

.imgUploader .imgFile {
	width: 72px;
	height: 60px;
	padding: 6px 1px 6px 5px;
	float: left;
	clear: both;
	background-color: transparent;
	margin: 0;
}

.imgUploader .delete {
	float: left;
	clear: both;
	background-image: url('../images/browse.png');
	width: 85px;
	height: 20px;
	border: none;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	margin: 5px 5px 0 0;
	text-align: center;
}

#imgUpTxt {
	float: left;
	clear: both;
	display: block;
}

.imgCommBox {
	clear: both;
	width:1100px;
}

.closeButton {
	float: right;
	margin: 0 0 5px 0;
}

.spacer2 {
	width: 100%;
	border-bottom: 1px solid #555;
	float: left;
	clear: both;
	margin: 5px 0 10px 0;
}

.QPaginatorSimplePrevious {
	background-image: url('/images/blog_prev.png');
	height:34px;
	width:25px;
}

.QPaginatorSimpleNext {
	background-image: url('/images/blog_next.png');
	height:34px;
	width:25px;
}
.blogQuestion {
	margin: 10px 10px 0px 72px;
	border: 1px solid #CCC;
	padding: 10px;
	width: 600px;
	position:relative;
}

.modResBlog, .blogThumb, .bloggerRes .blogThumb, .bloggerOth .blogThumb {
	margin: 10px 0px 5px 0;
}
.modResBlog {
	clear: both;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	margin: 5px 0px 3px 0px;
	padding:10px;
	float: left;
	width: 578px;
}

.bloggerRes {
	clear: both;
	padding: 10px;
	margin: 5px 0;
	float: left;
	width: 578px;
	border-bottom:1px solid #999;
}
.blogAuthor{
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}
.blogAuthor a{
	color:#2786C2;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
}
.blogAddToPlaylist{
	height:31px;
	width:32px;
	float:left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/ic_plus_sign.png);
}
.blogAddToPlaylist:hover{
	background-position: 0px -32px;
}
.bloggerOth {
	clear: both;
	background-color: #EEE3FF;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 5px 0;
	float: left;
	width: 578px;
	color: #444;
}

.toTheTop a{
display: block;
position: fixed;
top: 52px;
right: 52px;
background: rgba(39, 134, 194, 0.7);
opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);
padding: 18px;
font-size: 36px;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
}

.toTheTop a:hover{
	text-decoration:none;
}
.commTitle {
	font-size: 12px;
	color: #444;

}

.commContain {
	margin-top:10px;
	float: left;
	clear:both;
	width: 100%;
	padding: 3px 0;
}

.blogComm {
	clear: both;
	background-color: #E9F0F7;
	padding: 10px;
	color: #999;
	margin: 0 0 3px;
}


.blogEntry {
	background-color: #82bee3;
	color: #FFF;
	font-size: 18px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	clear: both;
}

.blogThumb {
	border: 1px solid #666;
	padding: 1px;
	cursor: pointer;
	width: 180px;
	height: 115px;
	float: left;
	position:relative;
}

.blogThumb:hover {
	background-color: #FFF;
	border-color: #f00;
}

.blogDate {
	font-size: 10px;
}

.blogAddComm {
	font-size: 11px;
	float: right;
}

.blogDelComm {
	font-size: 11px;
	float: right;
}


.trail {
	font-size: 12px;
	color: #CC00CC;
	padding: 0 0 3px 0;
	display: block;
}

.trail a {
	color: #CC00CC;
}

.trail a:hover {
	color: #000;
}

.authDate {
	font-size: 16px;
	border-bottom: 1px dotted #CCC;
	padding: 0 0 3px 0;
	margin-bottom: 10px;
}

.authDate img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.titleDescription {
	float: left;
	padding: 0 10px;
	margin: 0 0 10px 10px;
	min-height: 49px;
	width: 505px;
}

.response_dialog {
	color: #333;
	background-color: #FFF;
	padding: 10px;
	border: 3px solid #00aeec;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	clear: both;

}

.response_dialog textarea {
	background-color: #EDEDED;
	border: 1px solid #444;
	color: #222;
	float: left;
	clear: both;
	width: 600px;
	height: 300px;
	font-size: 18px;
	font-family: arial, sans-serif;
}

.response_dialog #popupButtons {
	margin: 0 auto;
	text-align: center;
	clear: both;
}

#profileBlog #panProjects {
	position: relative;
	top: 10px;
	float: left;
	clear: both;
}


#profileBlog #commPanel {
	float: left;
	clear: both;
	top: 10px;
}

#playlistBlog {
	float: right;
	padding: 5px 0 0 0;
}
#panelNav {
	float: left;
	width: 164px;
	margin: 0;
	padding: 10px 0;
}

.panelHomeContent {
	width: 635px;
	float: left;
	clear: both;
	min-height: 775px;
	border-right: 1px solid #CCC;
}

.panelAbout {
	padding: 10px;
}
/*::::::::::DO NOT MOVE::::::::::::::*/
a.paginator_active_step:hover{
	background-color: #FFF;
	border:1px solid #999;
	color:#333;
	padding: 4px;
}
/*::::::::NEEDS TO OVERIDE TEXT CONTENT::::*/

.dashAccountItem, .qvrbItem {
	padding: 3px 5px 3px 20px;
}
.dashDownloadClipsProject {
	background: transparent url(/images/icon_download_all_clips.png) no-repeat scroll 2pt 50%;
}
.qvrbItemActive a{
	padding: 3px 5px 3px 10px;
	color:#FF6600 !important;
	font-weight:bold;
	text-decoration:none;
}
.qvrbItemActive a:hover{
	color:#09F !important;
	text-decoration:underline;
}
.dashItem {
	padding: 3px 0 3px 30px;
}
.dashDownloadProject {
	background: transparent url(/images/icon_download_all_responses.png) no-repeat scroll 2pt 50%;
}

.dashDownload {
	background: transparent url(/images/icon_download_all_responses.png) no-repeat scroll 2pt 50%;
}
/*------------------------------------------------
	DIY report Options page
-------------------------------------------------*/
.reportSelect {
	width:105px;
	text-align:center;
}
.reportSelectMob {
	width:130px;
	text-align:center;
}
.reportFeaturesText{
	font-size:12px;
	float:left;
	width:150px;
	padding: 8px 0px;
}
.reportCheckBoxContainer{
	border-bottom:1px solid #999;
	height:30px;
	background-color:#f2f7e6;
	padding: 10px 0px;
}
.availableOptions{
	width:507px;
	background:#E0F3FC;
	color:#2786C2;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin-bottom:1px;
	margin-bottom:0px \9;
}
.reportHover{
	background:transparent;
	height:220px;
	position:absolute;
	width:80px;
	top:60px;
	left:150px;
}
.reportHover.chosen{
	background:#90BB33;
	opacity:0.2;
	filter:alpha(opacity=20);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.reportHover.noReport{
	width:81px;
	left:150px;
}
.reportHover.standard{
	width:109px;
	left:231px;
}
.reportHover.highlights{
	width:116px;
	left:341px;
}
.reportHover.topline{
	width:97px;
	left:457px;
}
.reportHover.indepth{
	width:103px;
	left:554px;
}
.reportHover:hover{
	background:#90BB33;
	opacity:0.2;
	filter:alpha(opacity=20);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.reportHoverMob{
	background:transparent;
	height:195px;
	position:absolute;
	width:80px;
	top:60px;
	left:150px;
}
.reportHoverMob.chosen{
	background:#90BB33;
	opacity:0.2;
	filter:alpha(opacity=20);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.reportHoverMob.noReport{
	width:107px;
	left:150px;
}
.reportHoverMob.standard{
	width:134px;
	left:258px;
}
.reportHoverMob.highlights{
	width:142px;
	left:392px;
}
.reportHoverMob.topline{
	width:121px;
	left:535px;
}
.reportHoverMob.indepth{
	width:0px;
	left:551px;
}
.reportHoverMob:hover{
	background:#90BB33;
	opacity:0.2;
	filter:alpha(opacity=20);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.reportDesign{
	width:165px;
	height:125px;
	background-color:#efefef;
	border:3px solid #c8c8c8;
	text-align:center;
	cursor:pointer;
}
.reportDesign:hover{
	background-color:#666;
}
.selectedReportDesign {
	background-color:#666;
	background-image:url(/images/img-check_in_circle.png);
	background-repeat: no-repeat;
	background-position:140px 5px;
}
.reportDesignTemplate{
	display:none;
}
#noneSelected{
	display:none;
}
.reportDesign img{
	margin-top:25px;
}
.reportOptionsHead, .reportOptionsHeadMob{
	text-align:center;
}
.reportOptionsHead div, .reportOptionsHeadMob div{
	height:20px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
.reportOptionsRow{
	float:left;
	padding: 8px 0px;
	text-align:center;
}
div.reportOptionsHead:hover, .reportOptionsHeadMob:hover div{
	background: #F2F7E6;
}
span.reportOptionsHead{
	padding:11px 19px;
	text-align: center;
	background:#90BB33;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-right:1px;
}
span.reportOptionsHeadMob{
	padding:11px 32px;
	text-align: center;
	background:#90BB33;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-right:1px;
}
.reportFeatures span{
	display:block;
	text-align:center;
	padding:21px;
	padding:21px 21px 20px 21px \9; /* Internet explorer 8 only*/
	*padding:21px 21px 20px 21px; /* Internet explorer 7 only*/
	color:#fff;
	font-size:16px;
	background:#d1d1d1;
	font-weight:bold;
}
@-moz-document url-prefix() {
	.reportFeatures span{
		display:block;
		text-align:center;
		padding:21px 21px 20px;
		padding:21px 21px 18px\9;
		color:#fff;
		font-size:16px;
		background:#d1d1d1;
		font-weight:bold;
	}
}
.reportFeatures div{
	padding:8px 0px;
	padding-right:0px;
	color: #666;
	font-size:12px;
	border-bottom:1px solid #ccc;
}
input[type=radio].qualvuCoolRadioButton{
	content:url(/images/ic_checkbox_all_states.png);
	height:20px;
	width:20px;
}
#handleTimeoutDialog_ctl{
	display:none;
}
.kbShadowBox {
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}

/*:::::::::::::::::::: DASHBOARD SIDE PANEL :::::::::::::::::::::::::::::*/
#topNavBanner{
	float:left;
	width:100%;
}

#titleHeader {
	height:20px;
	font-size:16px;
	padding:10px 0px;
	font-weight:bold;
	background-color:#e3e3e5;
	border-bottom:1px solid #7f7f7f;
	width:100%;
}

.incenterVD {
	height: 30px;
	margin: 10px;
	margin-top:0px;
	margin-right:3px;
}

#titleHeader .titleIcon img {
	margin:0px 10px;
	float:left;
}

.vdTab, .vdTabSelected {
	width:134px;
	float:left;
	background:#e3e3e4;
	padding:10px;
	margin-right:1px;

}

.vdTabSelected {
	background:#00aeec;
}
.newThing{
	float:left;
	background-image: url(/images/new_icon_reports.png);
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	position:absolute;
}
.newThing.Top{
	top:-15px;
	right:-15px;
}
a.vdTab, a.vdTabSelected {
	text-decoration:none;
	font-size:12px;
}

.vdTab span {
	color:#666;
	font-size:12px;
}

.vdTabSelected span {
	color:#fff;
	font-size:12px;
}

.vdTab img, .vdTabSelected img {
	vertical-align:middle;
}

.vdTabUnderbar {
	background:#00aeec;
	padding:10px;
	color:#fff;
	font-size:12px;
}

.vdTabUnderbar .right span div{
	color:#fff;
}

.vdContentContainer {
	background:#dff0fb;
	border:1px solid #7d7d7d;
	border-top:none;
	padding:10px;
}

.vdContentInside {
	background:#fff;
	padding: 12px 12px 0px 12px;
}

.vdContentInside a:link, .vdContentInside a:visited {
	text-decoration:none;
}

.vdContentInside a:hover, .vdContentInside a:active {
	text-decoration:underline;
}

#titleHeader .titleText {
	float:left;
	font-size:13px;
}

#titleHeader .helpIcon {
	float:right;
	padding:6px 5px 0 5px;
}

#titleHeader .helpText {
	font-size:14px;
	float:right;
	padding:3px 5px 0 5px;
	cursor:pointer;
	text-decoration:underline;
	font-weight:lighter;
}

/*:::::::::::::::::::: VIDEO SIDE PANEL (SP) :::::::::::::::::::::::::::::*/

.paddingContainerL {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px #555 solid;
	float: left;
	clear: both;
	width: 360px;
}

.videoContainerL {
	background-color:none;
	margin-bottom: 10px;
	float: left;
	border:1px solid #999;
	border-bottom:0px;
}
#video640 .videoContainerL {
	background-color:#dff1fd;
	border-bottom:1px solid #999;
}
#video640 .VupointClipDetails{
	border-bottom:0px;
}
#video640 #videoActions{
	border-bottom:0px;
}

.videoRecorderContainerL {
	margin-bottom: 10px;
	float: left;
	width:350px;
}
.videoRecorderContainerL object{
	border:1px solid #999;
	margin-bottom:10px;
}
.textContent h1.recorderHeader{
	font-size:14px;
	font-weight:bold;
}

.textContent p.recorderText{
	font-size:11px;
}
#videoPlayer {
	background-color: #FFF;
	float: left;
	margin: 0;
	padding: 0;
}

.ResponseTextPlayer {
	height: 308px;
	color: #DDD;
}

#videoActions {
	width: 350px;
	height: 42px;
	float: left;
	background-color:#f1f1f1;
	border-bottom:1px solid #999;
}

.QuestionsPanelFollowUp {
	background-image: url('/images/icon_translate.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

/*:::::::::::::::::::: QUESTION SIDE PANEL (SP) :::::::::::::::::::::::::::::*/
.questionTitleSP {
	float: left;
	background-color: #FFF;
}

.questionSP {
	background-color: #333;
	width: 313px;
	height: 24px;
	float: left;
	padding-left: 5px;
}

.questionSP:hover {
	background-color: #111;
	color: #FFF;
}
.currentQuestion:hover {
	background-color: #111;
	color: #FFF;
}

.currentLink {
	color: #BFCF44;
	text-decoration: none;
	background-image: url(/images/bgi_selected.png);
	background-repeat: no-repeat;
	padding: 2px 0 2px 15px;
}

.currentLink:hover {
	color: #BFCF44;
	cursor: auto;
}

.allResponses, .allClips, .allBuckets {
	color: #DDD;
	background-image: url(/images/allClipsResponses.png);
	background-repeat: no-repeat;
	padding: 2px 0 2px 15px;
	clear: both;
}


.questionSPSelected {
	background-color: #666;
}

.questionSP a {
	font-size: 14px;
	color: #FFF;
}

.questionSP a:hover {
	color: #BFCF00;
}

#questInfoContain {
	float: left;
	border: 1px solid #666;
	padding: 5px;
	width: 350px;
	margin: 7px 0 10px 0;
}

#questInfoContain .qimage {
	margin-right: 10px;
}

.questRight {
	float: left;
	width: 245px;
	padding-left: 10px;
	border-left: 1px solid #666;
}

.questViewAll {
	float: left;
	clear: both;
	width: 170px;
}

.questRight .listbox {
	width: 245px;
}

.questionClipsSP .titles {
	text-decoration: underline;
}

.smallThumbSP {
	width: 32px;
	background-color: #FFF;
	float: left;
}
.activeInactive {
	text-align: left;
	float: left;
}

.currentQuestion {
	background-color: #bfcf44;
	color: #222;
	font-weight: bold;
	text-decoration: underline;
}

/*:::::::::::::::::::: QUESTION PANEL :::::::::::::::::::::::::::*/


.questionTitleDP {
	background-color: #e3e3e5;
	clear:both;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}

#questionInstructions{
	float: left;
	color: #DDD;
	width: 100%;
	padding-bottom: 10px;
}

#instructionsContent {
	padding: 5px 5px 0 0;
	color: #DDD;
}

#chartContent {
	padding: 5px 0px 10px 10px;
}

#averageQuestionRating {
	background-color: #999;
}


#chartView {
	float: left;
	width: 40%;
}

.questionGraph {
	padding: 10px 0 0 0;
}
.noMatchText{
	color:#999;
}
.transcriptNoteText{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	color:#774F38;
	margin-left:150px;
	clear:both;
	display:none;
}
/*:::::::::::::::::::: RESPONSE PANEL :::::::::::::::::::::::::::*/

.notesTitleDP {
	background-color: #2D3A03;
	float: left;
	clear: both;
	width: 98%;
	padding: 0 1%;
}

.notesTitleDP .titles{
	float: left;
	padding: 3px 0;
}

#responseRight {
	border: 1px #AAA solid;
	min-height: 180px;
	background-color:#fff;
	margin-right:5px;
	height:auto;
	overflow:auto;
}
.mceEditor {
	width: 100%;
}

.mceEditorIframe {
	width: 100%;
}
#responseMenu {
	float: left;
	clear: both;
	width: 150px;
	padding: 5px 0 0 0;
	height:210px;
}
.responseContainer{
	padding-right:10px;
}
#responseContentContainer {
	padding: 5px 0 10px 0;
	min-height:210px;
}
#averageResponseRating {
	float: left;
	margin: 10px;
	padding: 5px 0 0 0;
	height:100%;
}

#averageResponseRating .listbox {
	width: 60px;
}

.menuItems {
	margin-bottom: 2px;
	height: 20px;
	border:1px solid #dff1fd;
	white-space:nowrap;
}

.menuItems a {
	padding-left: 5px;
}

.menuItemsSelected {
	background-color: #fff;
	margin-bottom: 2px;
	text-decoration: none;
	clear: both;
	height: 20px;
	z-index:10;
	position:relative;
	margin-right:-11px;
	border:1px solid #AAA;
	border-right:0px;
}

.menuItemsSelected a{
	color: #333;
	text-decoration:none;
}

.menuItemsSelected:hover {
	color: #222;
	cursor: text;
}
/*:::::::::::::::::::: REPSONSE LIST PANEL :::::::::::::::::::::::::::*/


/* Styling for tables */
.dtgQualvu {
	clear: both;
	width:100%;
	background: #FFF;
}

.dtgQualvu caption {
	height: 20px;
}

.dtgHeaderRow{
	font-size:12px;
	background:#E8E8E8;
	padding: 0 3px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.dtgHeaderRow:hover {
	background: #F6ECA5;
}

.dtgHeaderRow th {
	font-weight: normal;
}

.dtgHeaderContainer {
	float:left;
	width:100%;
	min-width:30px;
	line-height:27px;
	position:relative;
	white-space:nowrap;
	font-weight:bold;
}
.dtgHeaderContainer input[type='checkbox']{
	float:left;
}
.dtgHeaderContainer .QDataGridSortableColumn:hover{
	text-decoration: underline;
}

.dtgRowStyle .dtgRowThumb {
	background-color: #444;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}

.dtgAltRowStyle .dtgRowThumb {
	background-color: #444;
	text-align: center;
	vertical-align: middle;
}

.dtgIcon {
	float: left;
	padding-left: 4px;
}

.dtgRowStyle td {
	font-size:12px;
	padding: 1px 5px;
	vertical-align:middle;
}

.dtgAltRowStyle td {
	font-size:12px;
	background-color: #EFF2F4;
	padding: 1px 5px;
	vertical-align:middle;
}

.dtgActiveRowStyle td {
	background-color: #F2D94B;
	color: #000;
	padding: 0px 5px;
	vertical-align:middle;
	border-bottom: 1px solid #999;
}

.dtgCompletedRowStyle td {
	background-color: #D7FFAF;
	color: #000;
	padding: 0px 5px;
	vertical-align:middle;
	border-bottom: 1px solid #999;
}

.dtgRowStyle td a, .dtgAltRowStyle td a{
	text-decoration: none;
	font-size:12px;
}

.dtgRowStyle td a:hover, .dtgAltRowStyle td a:hover{
	text-decoration: underline;
}

tr.dtgRowStyle:last-child td, tr.dtgAltRowStyle:last-child td {
	border-bottom: none;
}

.rejectedTaskRow td, .assignedTaskRow td {
	background-color: #3A1313;
	color: #FFF;
	padding: 0px 5px;
	padding-left:10px;
}

.approvedTaskRow td, .rejectedTaskRow td {
	background-color: #032D3A;
	color: #FFF;
	padding: 0px 5px;
	padding-left:10px;
}

.approvedTaskRow:hover td {
	background-color: #111;
	color: #FFF;
}

.dtgRowStyle .imageRow, .dtgAltRowStyle .imageRow, .activeVupointListRow .imageRow, .dtgRowStyleActive .imageRow {
	padding: 1px;
}

.dtgRowStyle:hover td, .dtgAltRowStyle:hover td{
	background-color: #F6ECA5;
}

.activeVupointListRow a {
	color: #FFF;
	font-weight: bold;
}

.activeVupointListRow a:hover {
	color: red;
}

.activeVupointListRow td {
	padding: 0 0 0 5px;
	color: #000;
	background-color:#fdf5e6;
	font-weight: bold;
	background-image:url(/images/bg-dotted.png);
}

.activeVupointListRow .dtgRowThumb {
	background-color: #bfcf44;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	color: #222;
	font-weight: bold;
}

.activeVupointListRow img {
	vertical-align: middle;
	padding: 3px 0;
	text-decoration: none;
}

.dtgClipRowStyle td {
	background-color: #333;
	color: #FFF;
	padding: 0 0 0 5px;
}

.dtgClipRowStyle:hover td{
	background-color: #BFCF00;
	color: #333;
	cursor: pointer;
}

.dtgClipRowStyle .dtgClipThumb {
	background-color: #FFF;
	width: 30px;
	text-align: center;
	padding: 0;
}

.dtgClipRowStyle .dtgClipThumb img {
	border: 1px #333 solid;
}

.dtgClipRowStyle:hover .dtgClipThumb{
	background-color: #FFF;
}

.dtgClipRowStyle:hover .dtgClipThumb img{
	border: 1px #BFCF00 solid;
}

/*:::::::::::::::::::: PROJECT ASSETS :::::::::::::::::::::::::::*/

#projectAssets .dtgQualvu {
	width: 100%;
}

#projectAssets .dtgQualvu img {
	clear: both;
	padding: 5px 0 5px 0;
}

#projectAssets .dtgRowStyle {
	clear: both;
}

#projectAssets .dtgHeaderRow {
	background-color: #D6D6D6;
	color: #FFF;
	width: 15%;
}

.hide {
	display: none;
}

.createQuotaEdit{
	float:left;
	background-color: #fff;
	margin: 5px;
}
/*:::::::::::::::::::: =QUOTE WIZARD 2.0 :::::::::::::::::::::::::::*/
.quoteWizardShell{
	height:100%;
	background-color:#EEEDEE;
}
.quoteWizardShell .disabled{
	color:#000;
	opacity:1;
}
.quoteLinkPop {
	float:left;
	position:absolute;
	width:200px;
	z-index:10;
	background-color:#fff;
	padding: 5px;
	border:1px solid #999;
	top:16px;
	right:-180px;
}
.quoteLinkPop a {
	margin-bottom:6px;
	float:left;
	clear:both;
}
.qwContainer{
	width: 990px;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: #EEEDEE;
}
.qwMessage {
	clear: both;
	border: 1px #CCC solid;
	padding: 5px 15px 0px 15px;
	margin-left: 9px;
	width: 939px;
	background-color: #FFF;
	height: 40px;
}
.qwNormalButtons {
	border: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #fff;
	cursor: pointer;
	color: #000;
	font-size: 14px;
}
.qwNormalButtons.small {
	width: 83px;
	height: 31px;
	font-size: 12px;
	background-image: url('/images/btn_small.png');
}
.qwNormalButtons.small.blue{
	background-image: url('/images/btn-print-small.png');
	color:#fff;
	width: 130px;
	padding-left:20px;
}
.qwNormalButtons.medium {
	background-image: url('/images/btn_med.png');
}
#sldNoSegSlider.ui-widget-content{
	width:450px;
}
.qwNormalButtons:hover{
	background-position:0px -31px;
}
.qwClose{
	background-image:url('/images/btn_exit_small.png');
	background-repeat:no-repeat;
	border:0px;
	background-position:0px 0px;
	background-color:#fff;
	cursor:pointer;
	color:#fff;
	font-size:14px;
}
.qwSaveandClose{
	background-image:url('/images/btn_save.png');
	background-repeat:no-repeat;
	border:0px;
	background-position:0px 0px;
	background-color:#fff;
	cursor:pointer;
	color:#fff;
	font-size:14px;
}
.qwSaveForLater{
	background-image:url('/images/btn_save_later.png');
	background-repeat:no-repeat;
	border:0px;
	background-position:0px 0px;
	background-color:#fff;
	cursor:pointer;
	color:#fff;
	font-size:20px;
	padding-left:70px;
	text-align:left;
}
.qwSaveForLater:hover{
	background-position:0px -57px;
}
.qwBlueButton{
	background-image:url('/images/btn_med_blue.png');
	background-repeat:no-repeat;
	border:0px;
	background-position:0px 0px;
	background-color:#fff;
	cursor:pointer;
	color:#fff;
	font-size:14px;
}
.qwClose:hover {
	background-position:0px -40px;
}
.qwBlueButton:hover{
	background-position:0px -40px;
}
.qwSaveandClose:hover{
	background-position:0px -40px;
}
.qwCamVideo{
	width:355px;
	margin: 0px auto;
}
.qwHeader {
	margin: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	padding: 15px;
	background-color: #FFF;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #999;
	border-top: 3px solid #999;
}
.qwHorizontalNum{
	margin-left:50px;
}
.qwHorizontalNum .textbox{
	margin-left:10px;
	margin-top: 10px;
}
.qwCriteriaLink{
	float:left;
	margin-left:10px;
	width:110px;
}
.qwCriteriaAvailable{
	float:left;
	clear:both;
	margin-bottom:5px;
}
.qwTalkToQualvu{
	text-align:center;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.qw hr{
	color: #AAA;
	background-color: #AAA;
	height: 3px;
}
.qwFooter{
	margin: 15px 0px 30px 10px;
	color:#999;
}
.qwsubmitReview{
	background:url('/images/btn_start.png') no-repeat;
	background-position:0px 0px;
	width:286px;
	height:57px;
	border:0px;
	cursor:pointer;
	color:#fff;
	font-size:20px;
	padding-left:20px;
}
.qwsubmitReview:hover{
	background-position:0px -57px;
}
.qwViewEditButton {
	float: right;
	margin-top: -10px;
}
.qwCreateQuoteButton{
	background:url('/images/btn_create.png') no-repeat;
	background-position:0px 0px;
	width:286px;
	height:57px;
	border:0px;
	cursor:pointer;
	color:#fff;
	font-size:20px;
}
.qwCreateQuoteButton:hover{
	background-position:0px -57px;
}
.qwExitButton{
	background:url('/images/btn_exit.png') no-repeat;
	background-position:0px 0px;
	width:124px;
	height:57px;
	border:0px;
	cursor:pointer;
	color:#fff;
	font-size:20px;
	padding-left:20px;
}
.qwExitButton:hover{
	background-position:0px -57px;
}
.qwPrintQuote {
	display: block;
	background:url('/images/btn_print.png') no-repeat;
	background-position:0px 0px;
	width:335px;
	height:58px;
	border:0px;
	cursor:pointer;
	position:relative;
}
.qwPrintQuoteText{
	color:#fff;
	font-size:20px;
	position:absolute;
	top:20px;
	left:70px;
}
.qwPrintQuote:hover{
	background-position:0px -57px;
}
.qwDialogBox .renderQVClear{
	float:left;
	clear:both;
}
.qwNav {
	clear: both;
	background-color: #fff;
	border-bottom: 1px solid #CCC;
	padding:15px;
	margin-top: 10px;
}
.qwCriteriaSpecs{
	margin-left:5px;
	float:left;
	width:500px;
	line-height:14px;
}

.qwNavigationBox{
	float:left;
	background-image:url('/images/bg_gradient_gray.png');
	background-repeat: repeat-x;
	color:#fff;
	padding:10px 25.5px 10px 13px;
}
.qwNavigationBox.accessed{
	background-image:url('/images/bg_gradient_blue.png');
}
.qwFreQuestions{
	background-image:url('/images/img_faq_arrow.png');
	background-repeat:no-repeat;
	background-position:0% 15%;
	padding-left:15px;
}
.qwDialogueClose{
	background-image:url('/images/btn_close');
	background-repeat:no-repeat;
	height:42px;
	width:42px;
	background-position:0px 0px;
	position:absolute;
	right:5px;
	top:5px;
}
.qwDialogueClose:hover{
	background-position:0px -42px;
}
.qwNavArrow{
	border-color: #fff transparent #fff transparent;
	border-style: solid;
	border-width: 22.5px 0px 22.5px 8.5px;
	height: 0px;
	width: 0px;
	position:absolute;
	right:0px;
}
.qwNavArrow.white{
	border-color: transparent transparent transparent white;
	border-width: 22.5px 0px 22.5px 9.5px;
	left:0px;
}
.qwPageSection .ui-slider .ui-slider-handle{
	background-image:url('/images/icon_slider_selector.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
	background-color:transparent;
	height:21px;
	width:15px;
}
.qwPageSection .ui-slider .ui-slider-handle:hover{
	background-position:0px -21px;
}
.qwPageSection .ui-slider{
	border:0px;
}
.qwPageSection .ui-widget-content{
	background-color:transparent;
	background-image:url('/images/bg_slider.png');
	background-repeat:repeat-x;
	width:300px;
}
.qwNavArrow.whiteComplete{
	border-color: white;
	border-width: 22.5px 0px 22.5px 9.5px;
	margin-left:-9px;
}
.qwSubNav {
	padding: 10px 0px 10px 0px;
	clear: both;
}

.qwPanel {
	float: left;
	padding: 20px;
	background-color: #FFF;
	width:660px;
}
.qwPanel h1{
	color:#000;
	font-weight:bold;
	clear: both;
	font-size:16px;
	padding-bottom:10px;
	border-bottom: 2px dotted #ccc;
	margin-bottom:10px;
}
.qwProjectName{
	border:1px solid #999;
	padding:6px;
	font-size:14px;
}
.qwTickText{
	padding-left:25px;
	background-image:url('/images/img_tick.png');
	background-position:left;
	background-repeat:no-repeat;
}
.qwUnselected {
	margin: 0px 10px 0px 10px;
	font-size: 11px;
	color: #999;
	text-transform: uppercase;
}
.qwYellowBox {
	float: left;
	width: 90px;
	height: 90px;
	line-height:90px;
	color: #333;
	background-color: #F6F6EA;
	text-align: center;
	border-radius: 10px;
}
.qwSelected {
	margin: 0px 10px 0px 10px;
	font-size: 12px;
	color: #000;
	border-bottom: 3px solid #3585C1;
	text-transform: uppercase;
}
.qwDiscount {
	clear: both;
	height: 23px;
	padding: 0px 10px;
	border-top: 1px #CCC solid;
}
.qwDiscountText {
	padding-top: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.qwDiscountPrice {
	float: right;
	color: green;
}
.qwNavLink {
	float: left;
	cursor: pointer;
	line-height:12px;
}
.qwNav a:hover{
	text-decoration:none;
}
.qwNavLink .big{
	color:#4d4d4d;
	font-weight:bold;
	font-size:13px;
}
.qwNavigationBox a:hover{
	text-decoration:none;
}
.qwNavLink .small{
	color:#4d4d4d;
	font-weight:regular;
	font-size:11px;
}
#qualvuShowHide{
	cursor:pointer;
}
.qwHeader {
	margin: 5px 0px 5px 0px;
	padding: 15px;
	background-color: #FFF;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #999;
}
#QuoteWizardForm{
	height:100%;
}
.qwHeaderContainer{
	width:950px;
	margin:0 auto;
}
.qwPanel{
	min-height:500px;
}
.qwSidePanel {
	clear: both;
	float: left;
	width: 256px;
	margin: 10px;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
}
.qwInformationText{
	padding:5px;
	border: 2px solid #AEC9D6;
	background-color:#EAEEF3;
	margin-bottom:10px;
}
.qwInformationText span{
	background-color:#FCF9D8;
	padding:1px;
	font-weight:bold;
}
.qwSidePanelHeader {
	height: 22px;
	padding: 7px 7px 4px 7px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #3D84C1;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #CCC;
}
.qwQuestionEdit{
	padding:20px;
	border-bottom:2px solid #999;
}
.qwQuestionEdit textarea{
	max-width:608px;
}
.qwCheckButton{
	height:26px;
	width:27px;
	border:0px;
	cursor:pointer;
	background-color:#fff;
	background-image:url('/images/ic_checkbox_all_states.png');
	background-position: -1px -1px;
}
.qwCheckButton:hover{
	background-position: -1px -38px;
}
.qwCheckButton.selected{
	background-position: -1px 66px;
}
.qwCheckButton.selected:hover{
	background-position: -1px 29px;
}
.qwReportSelect{
	border:0px;
	width:94px;
	height:30px;
	cursor:pointer;
	background-color:#fff;
	background-image:url('/images/btn_selection.png');
	background-position: 94px 0px;
}
.qwRemove a:hover{
	text-decoration:none;
}
.selectReportBox span{
	padding:0px;
}
.qwQuestionEdit .qwRemove a:hover{
	text-decoration:none;
}
.qwReportSelect.selected{
	background-position: 94px 120px;
}
.qwReportSelect.selected:hover{
	background-position: 94px 120px;
}
.qwReportSelect:hover{
	background-position: 94px 60px;
}
.qwSidePanelHeader.gray{
	background-color: #BCBDBF;
}
.qwResultickBox{
	padding:5px;
	text-align:center;
}
.qwTotalPrice {
	float: right;
	clear: both;
	margin: 4px 0px 4px 0px;
	font-size: 14px;
}

.qwTotalPrice.red {
	color: #F00;
}

.qwTotalPrice.green {
	color: #193;
}

.qwProjectEstimate {
	height: 105px;
	padding-top: 20px;
	padding-left: 23px;
	border-bottom: 1px solid #CCC;
}

.qwEstimateText {
	margin: 5px 15px 0px 15px;
	font-weight: bold;
	size: 11px;
}

.qwEstimateBar {
	width: 210px;
	height: 20px;
	background-color: #CCC;
	overflow: hidden;
}

.qwBigAndBold {
	font-size: 16px;
	font-weight: bold;
}

.qwDottedBottom {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #CCC;
}

.qwDialogBox {
	border-radius: 8px;
	border: 10px #CCC solid;
	background-color: #FFF;
	padding: 12px;
	min-width:525px;
	max-width:800px;
	width: 625px \9;
}
.qwDialogBox img{
	margin:25px;
	margin-top:0px;
}
.qwContainer ul li{
	list-style-image: url('/images/img_faq_arrow.png');
	list-style-position: outside;
	margin-bottom:5px;
}
.qwContainer ul.subPanelNavigation li{
	margin-bottom:0px;
	list-style-image:none
}

.qwDialogBox ul li{
	list-style-image: url('/images/img_faq_arrow.png');
	list-style-position: outside;
	width:350px;
	margin-bottom:5px;
}

.selectionCriteriaPanel {
	 margin-top:50px;
	 border-top:3px solid #999;
}

.countryBlock a:hover{
	text-decoration:none;
	cursor:pointer;
}
.qwPageSection {
	padding: 20px 0px 20px 0px;
	border-bottom: 3px #AAA solid;
}
.qwReportTextBox{
	padding:10px;
	border:3px solid #ccc;
}
.countryBlock{
	padding-top:20px;
	border-top: 2px dotted #ccc;
}
.qwErrorMessage {
	clear: both;
	font-size: 12px;
	background-color: #FFAAAA;
	padding: 10px;
}

.qwParticipantCount {
	margin-left: 20px;
}

/* INTRO PANEL */
.qwTemplateText {
	float: left;
	width: 220px;
}
.qwIntroCarousel {
	width: 645px;
	height: 190px;
	overflow: hidden;
	position: relative;
}
.qwIntroHeader {
	font-size: 24px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000;
}
.qwGreyText {
	color: #848484;
}
.qwInnerHeader {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #3D84C1;
}
.qwCircleButton {
	float: right;
	margin-right: 10px;
	width: 8px;
	height: 8px;
	background-image: url( "/images/img_grayblue_circles.png" );
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}
.qwCarouselNav {
	height: 50px;
	background-image: url( "/images/bg_bluewhite_gradient.png" );
	background-repeat: x-repeat;
	margin-top: 0px;
	padding-top: 10px;
}
.qwCircleButton:hover {
	background-position: -8px 0px;
}
.qwCircleButton.active {
	background-position: -8px 0px;
}
#qwInnerCarouselContent {
	float: left;
	position: absolute;
	top: 0px;
}
.qwInnerCarouselSection {
	float: left;
	width: 645px;
	height: 200px;
	display: inline;
}
.qwBeginButton {
	width: 217px;
	height: 57px;
	position: absolute;
	top: 110px;
	left: 425px;
	background-image: url( "/images/btn_begin.png" );
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 3;
	color: #FFF;
	font-size: 20px;
	line-height: 57px;
	text-align: center;
}
.qwBeginButton:hover {
	text-decoration: none;
	background-position: 0px -57px;
}
.templateText{
	margin-top:20px;
	float:left;
	font-size:20px;
	color:#fff;
}
/* YOUR TEMPLATE PANEL */
.qwTemplateSizeIcon {
	float: left;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	margin-left: 10px;
}
.qwTemplateSizeIcon.unpicked {
	background-color: #DDD;
}
.qwTemplateSizeIcon.picked {
	color: #FFF;
	background-color: #3D85C1;
}
.qwTemplateHeader {
	height:60px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background:#8CB933;
	margin:-10px -10px 0px -10px;
	padding-top:10px;
}
.projectBuilderTitle{
	float:left;
	font-size:25px;
	font-weight:bold;
	color:#000;
	height:75px;
	line-height:50px;
	padding-left:90px;
	background-image:url('/images/icon_qualvu.png');
	background-repeat:no-repeat;
	background-position:left;
}
.qwOrDivider {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 30px;
	text-align: center;
	margin: 10px 0px;
	background:#fff;
	width:60px;
	position:absolute;
	top:100px;
	border:2px solid #999;
	left:290px;
}
.qwBetaImage{
	position:absolute;
	top:15px;
	right:-30px;
}
.qwTemplateOption {
	width: 290px;
	float:left;
	min-height: 400px;
	margin-top: 10px;
	padding: 10px;
	border: 2px #CCC solid;
	cursor: pointer;
}
.qwItalicText{
	font-style:italic;
	color:#5a5a5a;
}
.qwDifficultyImage{
	background-image:url('/images/img_difficulty_level.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:22px;
	width:49px;
}
.qwDifficultyImage.Easy{
	background-position:0px 0px;
}
.qwDifficultyImage.Medium{
	background-position:0px -23px;
	height:21px;
}
.qwDifficultyImage.Hard{
	background-position:0px -46px;
}
.qwContainer #QAjaxMessage, #QPostMessage{
	width:auto;
}
.qwGreenCheckList {
	list-style-image: url(/images/green_check.png);
	-webkit-padding-start: 30px;
}
.qwSliderText{
	margin-top:7px;
	padding:3px;
	border:1px solid #999;
}
.segmentCount{
	display:block;
	background-image:url('/images/img_segment_count.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:20px;
	width:16px;
	font-size:16px;
	font-weight:bold;
	padding:11px 10px 11px 16px;
	color:#fff;
	float: left;
}
.segmentCount.enable{
	background-position:0px -43px;
}
.qwPopout.unpicked:hover {
	border: 1px solid #e2e2e2;
	border-right: 3px solid #BCB8B3;
	border-bottom: 3px solid #BCB8B3;
}
.qwPopout, .qwPopout.unpicked:active {
	cursor: pointer;
	border: 2px solid #e2e2e2;
	padding:10px;
}
.qwPopout.picked {
	border: 2px solid #999;

}
.qwParticipantPanel {
	min-height: 50px;
	padding: 10px;
}
.qwParticipantPanel .name {
	font-size: 14px;
	font-weight: bold;
}
.qwParticipantPanel .numParticipants {
	float: right;
	font-size: 14px;
	font-weight: bold;
}
.qwParticipantPanel .check {
	float: left;
	width: 30px;
	height: 50px;
}
.qwPlus {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 11px 20px 0px 20px;
}
/* GEOGRAPHY PANEL */
.qwNationSideBar {
	width: 213px;
	padding: 10px;
	background-color: #3D84C1;
}

/* DISTRIBUTION PANEL */
.qwQualvuSuggests {
	/* Should be gradient, but im not prepared for such css =[ */
	background-color: #F6ECBC;
	width: 80px;
	height: 40px;
	position: relative;
	top: 20px;
	left: 115px;
}
#qualvuSuggests {
	width: 256px;
	height: 58px;
	margin-left: 100px;
	margin-bottom: 10px;
	background-color: #E5ECF3;
	position: relative;
	border:1px solid #999;
}
#qwSuggestionImage {
	width: 20px;
	height: 19px;
	background-repeat: no-repeat;
	position: absolute;
	left: -5px;
	top: -9px;
}
#qwSuggestionImage.low {
	background-image: url("/images/img_too_low.png");
}
#qwSuggestionImage.good {
	background-image: url("/images/img_qv_recommend.png");
}
#qwSuggestionImage.high {
	background-image: url("/images/img_too_high.png");
}
#qwSuggestionText {
	padding: 10px;
	color: #333;
}
/*:::::::::KNOWLEDGEBASE::::::::::::*/
.kbInputName{
	font-size:14px;
	font-weight:bold;
	clear:both;
}
.editKbButton{
	height:35px;
	width:38px;
	background-color:#fff;
	background-image:url(/images/btn_set_edit_article.png);
	background-repeat:none;
	cursor:pointer;
	border:0px;
}
.kbInputName.big{
	font-size:18px;
}
.kbTagStyle{
	border: 1px solid #A5D24A;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
	background: #CDE69C;
	color: #638421 !important;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: helvetica;
	font-size: 13px;
}
.kbTagCloseButton {
	font-weight: bold;
	color: #82AD2B;
	text-decoration: none;
	font-size: 11px;
	border:0px;
	background:transparent;
	cursor:pointer;
}
.kbNumberHighlight{
	padding:2px 3px;
	background:#999;
	margin-left:5px;
	border-radius:2px;
	color:#fff;
	font-weight:bold;
}
.kbTagEdit{
	background:#fff;
}
.kbTagEdit:hover{
	background:#E9F0F7;
}
.kbSearchResults{
	padding:10px;
	border-top:1px solid #ccc;
	width:620px;
}
.kbSearchResults em{
	padding:2px;
	background:#ff0;
	font-size:12px;
}
.searchImage{
	position:absolute;
	top:3px;
	right:3px;
	right:2px\9; /*IE 8 and IE 7 specific */
}
.kbCommentButton{
	height:25px;
	width:25px;
	border:0px;
	margin-left:10px;
	cursor:pointer;

}
.kbCommentButton.reject{
	background:url(/images/btn_reject_comment.png) no-repeat;
}
.kbCommentButton.accept{
	background:url(/images/btn_accept_comment.png) no-repeat;
}
.kbCommentButton.reject:hover, .kbCommentButton.accept:hover{
	background-position: 0px -25px;
}
.kbAssetBox{
	height:300px;
	border:1px solid #ccc;
	overflow:auto;
}
.kbPaginator a.paginator_active_step{
	color:#2786C2;
}
.kbPaginator a.paginator_active_step:hover{
	border: 1px solid #2786C2;
}
.kbPaginator .paginator_selected_page{
	background:#2786C2;
	color:#fff;
	font-weight:bold;
	border: 1px solid #2786C2;
}
.kbPaginator a.paginator_page{
	border: 1px solid #2786C2;
	color:#333;
}
.kbPaginator a.paginator_page:hover{
	background:#2786C2;
	color:#fff;
	font-weight:bold;
	border:1px solid #2786C2;
}
.kbPanel {
	float: left;
	padding: 20px;
	background-color: #FFF;
	width:660px;
}
.kbFlash ul li{
	list-style-position:outside;
}
.kbFlash h1,.kbFlash h1 *{
	padding-bottom:0px;
	font-size:26px;
	line-height:31px;
}
.kbFlash h2,.kbFlash h2 *{
	padding-top:0px;
	font-size:22px;
	line-height:27px;
}
.kbFlash h3,.kbFlash h3 *{
	padding-top:0px;
	font-size:20px;
	line-height:25px;
}
.kbFlash h4,.kbFlash h4 *{
	padding-top:0px;
	font-size:18px;
	line-height:23px;
}
.kbFlash h5,.kbFlash h5 *{
	padding-top:0px;
	font-size:14px;
	line-height:19px;
}
.kbFlash h6,.kbFlash h6 *{
	padding-top:0px;
	font-size:8px;
	line-height:13px;
}
/*:::::::::OLD Quote Wizard :::::::*/

#quoteWizard .formElement .item_label {
	float: left;
	text-align: right;
	padding: 0px 10px 0px 0px;
	width: 170px;
	margin-bottom:10px;
}

.quoteWizard {
	background:#f2f2f2;
	border-top:1px solid #7c7c7c;
	border-bottom:1px solid #7c7c7c;
	font-weight:bold;
	margin:15px 0 0 -10px;
	padding:15px 10px;
}

.quoteWizard span {
	font-size:18px;
	padding-left:10px;
}

.qwContent {
	background:#def1fd;
	padding-top:10px;
	padding-left:20px;
}

.quoteWizardText {
	font-size:14px;
	font-weight:bold;
	padding:10px;
	padding-left:0px;
}

.dynamicReportQuestions{
	float:left;
	font-size:12px;
	clear:both;
	margin-top:8px;
}

.dynamicReportQuestionsRadio{
	float:left;
	font-size:12px;
	clear:both;
	margin-top:8px;
	font-weight:bold;
}

.quoteWizardBreadcrumb {
	padding:0;
	width:14.2%;
	font-size:12px;
	text-align:center;
	float:left;
}

.dtrQuestion{
	border:1px solid transparent;
	padding:1px 5px 2px 5px;
	display:block;
	min-width:600px;
	color:#333 !important;
}

.dtrQuestion:hover{
	border: 1px solid #535353;
}

.dtrQuestionLocked {
	color:#333 !important;
	border-bottom:1px dotted #666;
	padding:1px 5px 2px 5px;
	display:block;
	min-width:600px;
}

.dtrQuestionBox{
	border-bottom:1px #535353 dotted;
	padding-right:2px;
	background-color:#fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

.dtrQuestionBlock{
	float:left;
	text-align:right;
	padding:7px 5px 5px 12px;
}

.summaryTitles{
	clear:both;
	font-weight:bold;
	font-size:18px;
	padding:20px 0 5px;
	width:700px;
}
.summaryQuestionBox:hover{
	background-color:#f7eda1;
}

.summaryCountryPanelText{
	float:left;
	padding-right:30px;
	min-width:150px;
	font-size:12px;
	font-weight:bold;
}

.summaryCountryPanel{
	background:#fff;
	clear:both;
	float:left;
	border:1px solid #535353;
	padding:10px;
	margin-bottom:10px;
	width:682px;
}

.summaryTotalCost{
	clear:both;
	padding:14px;
	padding-bottom:4px;
	font-size:12px;
	font-weight:bold;
}

.summaryTotalCostNumber{
	float:left;
	font-size:14px;
	padding-left:14px;
	font-weight:bold;
}

.summaryDownArrow{
	padding-top:6px;
	padding-right:7px;
	margin-left:5px;
	cursor:pointer;
}

.summaryShowPlus{
	width:51px;
	height:22px;
	background-Image:url(/images/show-white.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}

.summaryShowPlus:hover{
	background-Image:url(/images/show-green.png);
}

.summaryShowPlusHide{
	width:51px;
	height:22px;
	background-Image:url(/images/hide-white.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}

.summaryShowPlusHide:hover{
	background-Image:url(/images/hide-green.png);
}

.summaryShowAll{
	float:left;
	clear:both;
	text-align:right;
	background:#535353;
	padding:4px 10px 4px 10px;
}

.summarySubPanelCost{
	background:#deeba6;
	text-align:right;
	margin-top:3px;
	margin-bottom:3px;
	color: #333;
	font-size:12px;
	font-weight:bold;
	padding:4px 35px 4px 10px;
}

.summarySubPanel, .summarySubPanelHide {
	background:#e3e3e5;
	margin-top:3px;
	font-size:12px;
	font-weight:bold;
	padding:4px 60px 4px 10px;
	background-image: url(/images/show-white.png);
	background-repeat: no-repeat;
	background-position:99%;
	cursor:pointer;
}

.summarySubPanel:hover {
	background-image: url(/images/show-green.png);
}

.summarySubPanelHide {
	background-image: url(/images/hide-white.png);
}

.summarySubPanelHide:hover {
	background-image: url(/images/hide-green.png);
}

.demographicParticpant{
	float:left;
	margin-bottom:10px;
	border-bottom: 1px solid #434343;
	width:555px;
}

.demographicParticpant .renderQVClear .left{
	font-size:14px;
	font-weight:bold;
}

.screenToggle .horLine{
	border-top:0px;
}

.screenToggle .renderQVClear .right{
	cursor:pointer;
}

.demographicSelection{
	float:left;
	padding-top:20px;
	margin-right:15px;
}

.demographicHeaders{
	float:left;
	font-size:14px;
	font-weight:bold;
}

.demographicLeftBox{
	float:left;
	border-right:1px dotted #434343;
	padding:14px;
	width:545px;
}

.demographicTotalPat{
	float:left;
	font-size:12px;
	font-weight:bold;
}
.demographicSelectionDivider{
	float:left;
	clear:both;
}

.demographicSelection .block{
	float:left;
	display:inline;
	clear:both;
	color:#666666;
}

.demographicPanelTitle{
	float:left;
	clear:both;
	width:100%;
}

.demographicPanelTitle .renderQVClear{
	width:100%;
}

.demographicPanelTitle .renderQVClear .warningCapsule{
	width:86%;
	text-align:left;
}

.demographicSelection .renderWithNameTop .bottom{
	border:1px solid #666;
	float:left;
	font-size:11px;
	background-color:#ffffff;
	width:300px;
	height:110px;
	margin-left:24px;
	overflow:auto;
	white-space:nowrap;
	padding-top:2px;
}

.demographicSelection .selectButtons{
	margin-bottom:5px;
	margin-left:24px;
}

.demographicSelection .renderQVClear .left{
	color:#666;
	text-align:left;
}

.demographicSelection .NameTop {
	font-weight:bold;
}

.demographicSelection .renderWithNameTop{
	background-color:transparent;
}

.demographicSelection .listboxSelectAll, .demographicSelection .listboxReset {
	color:#2786C2;
}

.demographicOptions{
	float:left;
	border-bottom:1px solid #434343;
	padding:14px 0px 14px 0px;
	width:98%;
}

.demographicsDropdown{
	float:left;
	padding:14px 14px 14px 0px;
}



.demographicsDropdown .dropDown{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.questionSummaryTable:hover{
	background-color:#3c3a3a;
	text-decoration:none;
	color:#ffffff;
}

.questionSummaryTable:hover a{
	background-color:#3c3a3a;
	text-decoration:none;
	color:#ffffff;
}

.dtrQuestionDismiss{
	float:right;
	padding:5px 8px 5px 5px;
	text-align:center;
}

.dtrCountryDelete{
	padding-right:10px;
	border-bottom:1px #535353 dotted;
	background:#f6d9d9;
	border:1px solid #fff;
	border-right:none;
	color:#333;
	padding-left:10px;
}

.dismissBlock{
	text-align:center;
	padding-right:10px;
	border-bottom:1px #535353 dotted;
	background-color:#f6d9d9;
	border:1px solid #fff;
	border-left:none;
	color:#003366;
}

.dtrRemoveColumnEmpty{
	background:#fff;
	text-align:center;
	padding:5px;
	border-bottom:1px #535353 dotted;
}

.dtrCountryPanel{
	color:#fff;
	padding-left:10px;
	background:#00acf1;
	font-weight:bold;
}

.dtrCountryName {
	background:#fff;
	padding:3px 0 3px 10px;
	border-bottom:1px #535353 dotted;
	border-left:1px solid #666;
	vertical-align:middle;
}

td.dtrCountryName + td {
	border-left:none;
	border-right:1px solid #666;
}

.dtrRemoveColumn{
	color:#fff;
	text-align:right;
	padding-right:10px;
	width:2%;
	background:#00acf1;
	font-weight:bold;
}

.quoteWizardReport {
	width:550px;
	background-color:#fff;
	border:1px solid #666;
	padding: 20px;
	font-size: 12px;
	margin-bottom:5px;
}

.quoteWizardNavigation{
	float:left;
	clear:both;
	background:#f2f2f2;
	margin-left: -10px;
	height:45px;
	width: 100%;
	text-align: center;
	padding-top:15px;
	padding-right:10px;
	border-top:1px solid #7c7c7c;
	border-bottom:1px solid #7c7c7c;
}

.quoteWizardFooter{
	float:left;
	margin-left:5px;
	padding-left:5px;
	font-size:11px;
	text-align:center;
}

.quoteWizardChat a{
	float:left;
	font-size:11px;
	background-image:url(/images/chat_icon_gray.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:21px;
	cursor:pointer;
}

.quoteWizardChat a:hover{
	background-image:url(/images/chat_icon_green.png);
}

.quoteWizardMail a{
	float:left;
	font-size:11px;
	background-image:url(/images/mail_icon_gray.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:21px;
	cursor:pointer;
}

.quoteWizardMail a:hover{
	background-image:url(/images/mail_icon_green.png);
}

.quoteWizardFooterDivider{
	float:left;
	height:13px;
	margin-left:8px;
	border-left:1px solid #333;
	margin-top:3px;
	width:8px;
}

.quoteWizardError{
	display:none;
	color:#333;
	background:#f6d9d9;
	border:1px solid #fff;
	padding:5px;
	margin:10px 0 10px;
}

.quoteWizardError a{
	color:#003366;
}

.quoteWizardButton:hover{
	border:2px solid #787F29;
}

/* :::::::::::::::::::::::QUOTE WIZARD REPORT:::::::::::::::::::::::::::*/

div#resetBtn {
	position: absolute;
	background-color: red;
	cursor: pointer;
}

/*:::::::::::::::::::::::MY BIDS::::::::::::::::::::::::::::::::::::::::*/

.myBidsGrid{
	width:100%;
	margin-top:5px;
	margin-bottom:20px;
	background-color:transparent;
	color:#ffffff;
	border-spacing:0px;
}

.myBidsGrid caption{
	height:20px;
	padding-right:2px;
}
.myBidsRow{
	background-color:transparent;
	width:100%;
}

.myBidsRow:hover{
	background-color:#666666;
}

.myBidsRow selected{
	background-color:#666666;
}

.myBidsRow td{
	color:#cccccc;
	font-size:12px;
	padding: 3px 8px 3px 8px;
	border-bottom:1px dotted #606060;
}

.myBidsRow tr{
	font-size:12px;
	padding: 0px 8px 0px 8px;
	border-bottom:1px dotted #606060;
}
.myBidsRowAlternate{
	font-size:12px;
	color:#cccccc;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #606060;
	background-color:#333333;
}
.myBidsRowHeader{
	color:#999999;
	background-color:#333333;
}

.myBidsRowHeader a{
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

.myBidsRowHeader th{
	padding:3px 6px 3px 6px;
	border:0px;
	border-left:1px solid #666666;
}

.myBidsBtn{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	background-color:#333333;
	border:1px solid #434343;
	margin: 10px 5px 5px 0px;
	color:#999999;
}
.myBidsBtn:hover{
	color:#ffffff;
	border:1px solid #ffffff;
}

/*:::::::::::::::::::::::MY BIDS END:::::::::::::::::::::::::::::::::::*/

.quoteReport{
	float:left;
	width:180px;
	text-align:center;
}
.serviceAgreementHead{
	width:100%;
	float:left;
	font-size:12px;
	color:#fff;
	margin:5px 0;
	text-align:right;
}
.quoteSubReport{
	float:left;
	width:100%;
}

.quoteWizardReportDisabledbasicSelected,
.quoteWizardReportbasicSelected {
	background-image: url(/images/report-icon-3.png);
	background-position: center;
	width:68px;
	height:84px;
	padding:10px;
	display:block;
	margin:auto;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-color: #00acf1;
	cursor:pointer;
}
.quoteWizardReportDisabledbasic,
.quoteWizardReportbasic {
	background-image: url(/images/report-icon-3.png);
	background-position: center;
	width:68px;
	height:84px;
	padding:10px;
	display:block;
	margin:auto;
	margin-bottom:0px;
	background-repeat: no-repeat;
	cursor:pointer;
}

.quoteWizardReportbasic:hover {
	background-color: #00acf1;
}

.quoteWizardReportDisabledstandardSelected,
.quoteWizardReportstandardSelected {
	background-image: url(/images/report-icon-2.png);
	background-position: center;
	width:68px;
	height:84px;
	padding:10px;
	display:block;
	margin:auto;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-color: #00acf1;
	cursor:pointer;

}
.quoteWizardReportDisabledstandard,
.quoteWizardReportstandard {
	background-image: url(/images/report-icon-2.png);
	background-position: center;
	width:68px;
	height:84px;
	display:block;
	margin:auto;
	margin-bottom:0px;
	padding:10px;
	background-repeat: no-repeat;
	cursor:pointer;
}

.quoteWizardReportstandard:hover {
	background-color: #00acf1;
}
.quoteWizardReportDisabledintegratedSelected,
.quoteWizardReportintegratedSelected {
	background-image: url(/images/report-icon-1.png);
	background-position: center;
	width:68px;
	height:84px;
	display:block;
	margin:auto;
	margin-bottom:0px;
	padding:10px;
	background-repeat: no-repeat;
	background-color: #00acf1;
	cursor:pointer;
}
.quoteWizardReportDisabledintegrated,
.quoteWizardReportintegrated {
	background-image: url(/images/report-icon-1.png);
	background-position: center;
	width:68px;
	height:84px;
	display:block;
	margin:auto;
	margin-bottom:0px;
	padding:10px;
	background-repeat: no-repeat;
	cursor:pointer;
}

.quoteWizardReportintegrated:hover {
	background-color: #00acf1;
}
/* :::::::::::::::::::::::QUOTE WIZARD REPORT END:::::::::::::::::::::::::::*/

/*:::::::::::::::::::: SORT PANEL :::::::::::::::::::::::::::*/

#sortContainer {
	width:100%;
	float:left;
	border-top: 1px #999 dotted;
	clear: both;
}

#VupointSortContainer {
	margin: 0 0 10px 0;
	clear: both;
}

#sortProjects {
	background-color: red;
}

.sortTitleDP {
	margin-top:20px;
	background-color: #555;
	clear: both;
}

#sortContent {
	float: left;
	vertical-align: top;
}

#sortContent .titles {
	color: #666;
}

.item_label {
	padding: 0 3px 0;
}

#btnThumbToggle {
	vertical-align: top;
	float: left;
	padding: 6px 0 0 5px;
	margin-bottom:10px;
}

/*:::::::::::::::::::: PROJECT PAGE :::::::::::::::::::::::::::*/

.projectFilterList .listbox {
	width: 160px;
}

.projectsPerPage {
	padding: 10px 0 0 0;
	float: right;
}

.userEditForm {
	padding-top: 5px;
}


/*:::::::::::::::::::: TOGGLE PANELS :::::::::::::::::::::::::::*/


:focus
{
 outline: none;
}
.cursor {
	cursor: pointer;
}
.togglePaddingContainer {
    margin: 15px 10px 0px 10px;
    padding: 0px 10px;
    background-position: left bottom;
    background-repeat: repeat-x;
    border-bottom:0px;

}
.plus_minus{
	float:left;
	height:29px;
	width:29px;
	margin-right:5px;
	overflow:hidden;
}
.toggleHeader{
	cursor:pointer;
}
.toggleHeader h2{
    height:auto;
    overflow:hidden;
    font-size:16px;
    padding:5px;
    font-weight:bold;
    background-color: white;
    border-bottom:1px solid #ccc;
    margin: 0px -10px;
    line-height:29px;
}
.responseBlock{
	overflow:hidden;
	background-color:#dff1fd;
	border:1px solid #999;
}

.qualvuHeader .toggleHeader h2{
	margin:0px;
}

.togglePaddingContainer b {
	letter-spacing: .5px;
}

.panelOptions {
	height: 26px;
	padding: 10px 0px 3px;
	clear: both;
}

.panelOptions img {
	padding-left: 5px;
}

/*:::::::::::::::::::: tinyMCE :::::::::::::::::::::::::::*/

.mceQuestionEditBlog {
	width:505px;
	height: 500px;
}

.mceQuestionEditDiary {
	width:80%;
	height: 540px;
}

.mceQuestionEditBlog .mceEditor, .mceQuestionEditDiary .mceEditor {
	height: 500px;
}

.mceSimple {
	width: 50%;
	height: 200px;
}

.mceSimple.largePane {
	height: 300px;
	width: 600px;
}

.mcePanel {
	width: 100%;
	height: 210px;
}

#editDiary .mceEditor, #projectEdit .mceEditor, #editSurvey .mceEditor, #editStimulus .mceEditor, #editInsite .mceEditor {
	width: 50%;
	height: 200px;
}

.questionTextbox .textbox {
	width: 275px;
	margin: 3px 0;
}

.mceBig {
	width: 100%;
	height: 300px;
}

.mceSmall {
	width: 100%;
	height: 200px;
}

.mceMulti {
	width: 580px;
	height: 100px;
	background-color: #f9f9f9;
	padding: 5px;
	border: 1px #CCC solid;
}

/*:::::::::::::::::::: USER TRANSFER :::::::::::::::::::::::::*/


#userTransfer {
	width: 400px;
	border: 2px solid #555;
	background-color: #222;
	padding: 5px;
}

#groupAssign{
	width: 600px;
	padding: 5px;
	background-color: #222;
	border: 2px solid #555;
}

#roleAssign{
	width: 450px;
	padding: 10px;
	background-color: #222;
	border: 2px solid #555;
}

#editQuestionTargeted #groupAssign {
	border: none;
}

#groupEdit {
	width:610px;
	border:2px solid #555;
	background:#fff;
	padding:5px;
	float:left;
}

#groupEdit #titleHeader {
	margin:-5px;
	margin-bottom:5px;
}

.collisionEdit td {
	width: 600px;
}

#groupAssign .listbox, #groupEdit .listbox {
	width: 265px;
}

.userHead {
	color: #FFF;
	height: 20px;
	margin: 0px auto;
	background-color: #666;
}
#myUserList {
	padding: 5px;
	float: left;
	clear: both;
}

#myRecipientList {
	padding: 5px;
	float: left;
}

.publishButtons {
	position: relative;
	clear: both;
	text-align: center;
	padding-bottom: 5px;
}

#myUserList select {
	width: 160px;
	height: 200px;
	border: 1px solid #666;
}

#myRecipientList select {
	width: 160px;
	height: 200px;
	border: 1px solid #666;
}

#publishEmailTransfer {
	width: 390px;
	float: left;
	padding: 5px;
}

#publishEmailTransfer p {
	line-height: 14px;
}

#textMyUsers {
	clear: both;
	display: block;
	text-align: left;
}

#textMyUsers p {
	color: #FFF;
}

#publishEmailTransferIcons {
	float: left;
	width: 40px;
	height: 175px;
	padding: 5px;
}

.addIcon {
	position: relative;
	top: 30%;
	float: left;
}

.removeIcon {
	position: relative;
	top: 60%;
	float: right;
}

/*:::::::::::::::::::: PANEL REQUEST :::::::::::::::::::::*/



#publishDetails {
	background: #111;
	width: 828px;
	min-height: 580px;
	display: inline;
	float: left;
	border: 1px solid #666;
	padding: 2px 2px 7px 2px;
}

#publishDetails .textContent {
	width: 350px;
	margin: 0 auto;
}

#publishProject {
	padding: 5px 0px 0px 10px;
}



#publishProject ul {
	 list-style-position: inside;
	 text-align: left;
}

#publishEmbedLink {
	margin: 0 auto;
	text-align: left;
}

#publishEmbedLink input {
	width: 500px;
}

.embedLink {
	width: 500px;
	height: 300px;
}

.embedButtons {
	margin: 5px 0;
}

#publishStatus {
	float: left;
	clear: left;
	width: 500px;
	position: relative;
	top: 30px;
}


#publishEmbedLink {
	float: left;
	clear: both;
	float: left;
	padding: 5px;
	text-align: right;
}

.bannerHolder{
	margin:10px 10px 0px 10px;
	border:1px solid #999;
	background-image:url(/images/bg-mobile-banner.png);
	background-repeat:repeat-x;
	position:relative;
}
.bannerHolder .bannerTitle{
	position:absolute;
	top:35px;
	left:310px;
	font-weight:bold;
	color:#000;
}
.bannerHolder .bannerTitle span{
	font-size:25px;
}
.importControl .renderQVClear .left{
	width:70px;
	text-align:left;
}

.importControl select[multiple]{
	width:200px;
}

.ContentLongControl .renderQVClear .left{
	width:350px;
}

.contentEdit .renderQVClear .left{
	width:130px;
	padding-right:0px;
}
/*::::::::::::::::RENDER FUNCTION :::::::::::::*/

/*This renders the left column of a control usually the name of the control*/
.renderQVClear{
	float:left;
}
.renderQVClear .left {
	clear:left;
	float: left;
	text-align: right;
	padding-right: 5px;
	font-size:12px;
}

/*left render specific for radio buttons*/
.renderQVClear .listbox{
	width: 125px;
}

.renderQV .radio {
	clear:both;
	padding-top:4px;
}

.renderQVClear .leftCheckBox {
	float:left;
	margin-top:5px;
	text-align:right;
}
.instructions{
	float:left;
	margin-right:2px;
	padding-bottom:2px;
}
.renderQVClear .dropDown {
	float:left;
	padding-bottom:10px;
}

.renderQV .left {
	float: left;
	clear:both;
	color: #ffffff;
	text-align: right;
	padding-right: 5px;
	margin-top:5px;
}

.renderQV .right {
	clear:both;
	float: left;
	padding-bottom:2px;
}

.renderQVClear .right {
	margin-left: 10px;
	float: left;

}

.renderQVClear .radioRight {
	clear:right;
	float: left;
	text-align:left;
	border:0px;
	color:#ffffff;
}

.renderQVClear .checkbox {
	float: left;
	padding-top:2px;
	color:#000000;
}

.renderQV .warningCapsule {
	float: left;
	clear:both;
	padding-left: 1px;
	padding-top: 4px;
	width:auto;
	background-color: #fde9e9;
}

.renderQVClear .warningCapsule {
	float: left;
	padding-top: 2px;
	padding-bottom:2px;
	padding-left: 1px;
	background-color: #fde9e9;
}

.renderQVClear .warningCapsule span{
	float:left;
}
.renderQVClear .textbox{
	float:left;
	font:Courier;
}

.renderQVClear .required {
	clear:both;
	float:left;
	color: #ffffff;
	background-color: transparent;
	font-style:normal;
}

.renderQV .required {
	float:left;
	clear:both;
	color: #ffffff;
	background-color: transparent;
}
.requiredAsteric{
	color:#f00;
}

.hideRequired .requiredAsteric{
	display: none;
}

.qualvuFieldWarning {
	font-weight:bold;
	font-size: 11px;
	color: #990000;
	padding-left: 5px;
	padding-top:3px;
	padding-right:5px;
}

.qualvuFieldWarning .dropDown{
	float:left;
	padding-bottom:10px;
	padding-top:0px;
}


.qualvuButton {
	float:left;
	margin-right:10px;
}

/*::::::::::::::::RENDER FUNCTION END:::::::::::::*/


/*::::::::::::::SERVICE AGREEMENT PANEL::::::::::*/
.servicePanel{
	float:left;
	width:100%;
	border:1px solid #444444;
	margin-bottom:4px;
	background:#fff;
}

.servicePanelText{
	float:left;
	width:60%;
	padding-top:19px;
	padding-bottom:19px;
	font-size:11px;
	line-height: 130%;
}

.servicePanelName{
	float:left;
	font-weight: bold;
	font-size:18px;
	padding:14px;
	width:25%;
}

.serviceRightPanel{
	float:left;
	border-left: 1px dotted #444444;
	padding-left:14px;
	width:47%;
	min-width:532px;
}
.hiddenDetail{
	padding-left:8px;
	display:none;
	float:left;
	clear:both;
	width:100%;
}

.hiddenDetail .renderQVClear{
	float:left;
	width:100%;
}
.hiddenDetail .renderQVClear .right{
	float:right;
	width:95.5%;
	padding-right:38px;
	padding-bottom:5px;
}

.serviceSubPanel, .serviceSubPanelHide, .serviceSubPanelTotal {
	float:left;
	clear:both;
	background-color:#e3e3e5;
	width:100%;
	padding:10px 15px 10px 15px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	background-image: url(/images/show-white.png);
	background-repeat: no-repeat;
	background-position:99%;
	cursor:pointer;
}

.serviceSubPanel:hover {
	background-image: url(/images/show-green.png);
}

.serviceSubPanelHide {
	background-image: url(/images/hide-white.png);
}

.serviceSubPanelHide:hover {
	background-image: url(/images/hide-green.png);
}

.serviceSubPanelPrice{
	float:right;
	margin-right:45px;
}

.serviceSubPanelTotal{
	background-color:#d7eab0;
	padding:15px 15px 15px 15px;
	font-size:14px;
	margin-bottom:14px;
	text-align:right;
	background-image:none;
	cursor:default;
}

.showButton{
	height:26px;
	width:109px;
	background-color:#333333;
	background-image:url(/images/show_details_icon_default.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.showButton:hover{
	height:26px;
	background-image:url(/images/show_details_icon_hover.png);
	cursor:pointer;
}

.hideButton{
	height:26px;
	width:109px;
	background-image:url(/images/hide_details_icon_default.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.hideButton:hover{
	height:26px;
	background-image:url(/images/hide_details_icon_hover.png);
	cursor:pointer;
}

/*::::::::::::SERVICE AGREEMENT PANEL END::::::::*/

.renderWithName .left {
	text-align: right;
	width: 150px;
	float: left;
	padding-right: 5px;
}

.renderWithName .right {
	float: left;
}

.renderWithName .required {
	float:left;
}

#panelRequest .required {
	padding: 1px 3px;
}

#panelRequest #buttons {
	clear: both;
	float: left;
	padding-left: 160px;
	margin: 5px 0;
}

#panelRequest .contentColumn {
	clear: both;
	float: left;
	padding: 5px 0;
}

.renderWithName .listbox {
	width: 172px;
}

#panelRequest .renderWithName {
	clear: both;
	padding: 10px 0;
}

/*:::::::::::::::::::: PARTICIPANT UPLOAD
:::::::::::::::::::::::::*/

.horRule {
	border-top: 1px solid #444;
	color: red;
	padding-top: 5px;
	margin-top: 5px;
}

#participantUpload ul {
	list-style: none;
}

#participantUpload h4 {
	color: #669911;
}
#participantUpload .button {
	margin-right: 5px;
}

.uploadSteps {
	margin: 5px 0;
	font-size: 14px;
	color: #fff;
	font-weight: lighter;
}

#formatContainer {
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px #444 solid;
	width: 350px;
}

#formatContainer ul {
	list-style: none;
	-webkit-padding-start:0px;
}


#uploadButtons {
	padding: 10px 0;
	margin: 5px 0;
}

.dtgQualvu .rowConflictPanelRequest td {
	background-color: #0099CC;
	color: #FFF;
	padding-left: 5px;
}

.dtgQualvu .rowConflictUser td {
	background-color: #669911;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
}

#participantUpload .dtgQualvu td img {
	vertical-align: middle;
	padding: 5px 0;
}

.rowConflictUser:hover td {
	background-color: #333;
}

.dtgQualvu .articulationPassed td {
	background-color: #993399;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
}

.articulationPassed:hover td {
	background-color: #333;
}

.dtgQualvu .rowStyleRed td {
	background-color: #CC3333;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
}

.rowStyleRed:hover td {
	background-color: #333;
}

.dtgQualvu .rowStyleOrange td {
	background-color: #FF9933;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
}

.rowStyleOrange:hover td {
	background-color: #333;
}

.pmHover {
	position:absolute;
	left:0px;
	top:45px;
	background-color:#DFF1FD;
	display:none;
	border:1px solid;
	z-index:100;
	width:150px\9;
}

.pmHoverElement{
	border-top: 1px solid;
	width: 100%;
}

.conflictBlue{
	background-color: #0099CC;
	color: #FFF;
	padding: 3px;
}
.conflictBlue .dtgHeaderContainer span.left{
	color: #FFF;
}
.highlightRed {
	background-color: #CC3333;
	color: #FFF;
	padding: 3px;
}

.highlightOrange {
	background-color: #FF9933;
	color: #FFF;
	padding: 3px;
}
.highlight{
	background:#FFE500;
}
.highlight.blue{
	color:#fff;
	background:#00aeec;
	border:none;
}
.articulationPassedPurple {
	background-color: #993399;
	color: #FFF;
	padding: 3px;
}

.conflictGreen {
	background-color: #669911;
	color: #FFF;
	padding: 3px;
}

#uploadTable p {
	margin-top: 5px;
}

/*:::::::::::::::::::: EMBED POPUP :::::::::::::::::::::::::*/

#embedContainer {
	float: left;
	position: absolute;
	top: 92px;
}

.embedTextBox {
	width: 600px;
	text-align: left;
	float: left;
	clear: both;
	padding: 10px;
}

.embedTextBox .textbox {
	border: 1px #555 solid;
	width: 780px;
	padding: 2px;
	margin: 10px 0;
}

.embedExample {
	padding: 10px;
	color: #FFF;
}
/*:::: ERROR PAGE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ERROR PAGE ::::::::::::*/

#errorContentContainer {
	padding: 10px;
	margin: 0 auto;
	width: 800px;
}
#errorContent p{
	color: #333;
	font-size:25px;
	float:left;
	margin-bottom:10px;
	line-height:30px;
	margin-top:20px;
	width:400px;

}
#errorContent a{
	display:block;
	font-size:18px;
}
#errorContent a:hover {
	color: #666;
}
.note2 a {
	color: #999;
}

.note2 a:hover {
	color: #BFCF00;
}

.centered {
	text-align: center;
	color: #BFCF00;
	border: 1px #BFCF00 solid;
	padding: 25px;
}

.steps {
	height: 64px;
	text-align: center;
	margin: 20px auto;
	border-bottom: 1px #666 dotted;
	font-size: 14px;
	padding: 0 0 30px 20px;

}

.step {
	height: 64px;
	float: left;
	color: #669911;
	padding: 0 10px 0 10px;
}

.currentStep {
	height: 64px;
	float: left;
	color: #669911;
	padding: 0 10px 0 10px;
}


/*::::::::::::::::::: USER PAGES ::::::::::::::::::::::::::::::::::*/

#accountUserListPaddingContainer {
	padding: 5px 5px 5px 0px;
	float: left;
	clear: both;
}

#accountUserList {
	background: #111;
	width: 828px;
	height: 587px;
	display: inline;
	float: left;
	border: 1px solid #666;
	padding: 2px 2px 0px 2px;
}

/*::::::::::::::::::: TERMS AND CONDITIONS PAGE ::::::::::::::::::::::::::::::::::*/

#termsContainer {
	padding: 15px;
	clear: both;
	margin: 0 auto;
	text-align: center;
}

#terms {
	width: 600px;
	margin: 0 auto;
	color: #DDD;
	font-size: 14px;
	padding: 25px;
}
#terms li {
	list-style-position: outside;
}
#terms p {
	padding: 25px;
	font-size:12px;
}

#termButtons {
	color: #999;
	margin: 0 auto;
}

/*:::::::::::::::::: VIDEO DIARY 1.5 :::::::::::::*/
.margin-7Top {
	margin-top:-7px;
}

.padTop {
	padding-top: 5px;
}

.padRight {
	padding-right: 5px;
}

.padLeft {
	padding-left: 5px;
}

.padLeft15 {
	padding-left:15px;
}

.padBottom1 {
	padding-bottom:1px;
}

.padBottom5 {
	padding-bottom:5px;
}

.overFlow{
	overflow:hidden;
}

.leftAlign {
	text-align:left;
}
.centerAlign {
	text-align:center;
}
.rightAlign {
	text-align:right;
}
.verticalAlignCenter{
	vertical-align:middle;
}
.centerAlign.green{
	background-color:#90BB33;
	color:#fff;
}
ol.assignmentText{
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
}

ol.assignmentText li{
	padding:3px 0px;
	border-bottom:1px solid #e2e2e2;
	font-weight:bold;
}
ol.assignmentText span, ol.assignmentText div{
	font-weight:normal;
	margin-left:10px;
	color:#848484;
}
 ol.assignmentText div{
	margin-left:20px;
}
.qvvdContentContainer, .qvvdContent {
	background:#dff0fb;
	border:1px solid #666;
	margin-top:10px;
	padding:10px;
}

.qvvdContent {
	background:#f7fcfe;
	border-top:none;
	margin-top:0;
}

.qvvdQuestion img {
	border:2px solid #bbb;
}

.editCurrent a {
	text-decoration: none;
	color: #BFCF00;
	padding: 0 3px;
}

.editCurrent a:hover {
	color: #FFF;
}

.editCurrent a img {
	padding: 0 3px;
	width: 12px;
	height: 12px;
}

.status {
	font-size: 16px;
}

#questionControl {
	width: 328px;
	padding: 0px;
	float: left;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #444;
}

.scha {
	background-color: red;
	color: orange;
}

.instructionsThumb {
	float: left;
	width: 80px;
}

.instructionNote {
	float: left;
	width: 320px;
	clear: both;
	padding: 5px 0;
}

.qListFont {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.qListFont .listbox {
	float: left;
	width: 235px;
}

.reRec {
	clear: both;
}

.questionStats {
	float: left;
	padding: 0 10px;
}

#questionThumb {
	width: 80px;
	height: 60px;
	background-color: #ff6611;
}

#instructionsContent {
	list-style-position: inside;
}

#instructionsContent h1, #instructionsContent a {
	color: #ccc;
}

#instructionsContent p {
	color: #DDD;
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 10px;
}

#instructionsContent h3, #instructionsContent a:hover {
	padding-top: 10px;
}

.communityArrow {
	width: 80px;
	margin: 0 auto;
	clear: both;
}

/* QCalendar */
div.calendar {
	width: 200px;
	border: 1px solid #999;
	background-color: #fff;
}
div.calendar a{
	color:#000;
}
div.calendar div.navigator {
	background-color: #E7EDF4;
	overflow: auto;
	height: 100%;
	padding: 2px 6px 2px 6px;
	float:none;
}

div.calendar div.navigator div.left {
	float: left;
	line-height:17px;
	clear:none;
}
div.calendar div.navigator div.month{
	float: left;
	width: 80px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	clear:none;
}

.year .arrow{
	float:left;
	line-height:17px;
}

div.calendar div.navigator div.year {
	float: right;
	clear:none;
}

div.calendar div.navigator div.year span {
	font-size: 12px;
	font-weight: bold;
	margin-left: 6px;
	margin-right: 6px;
}

div.calendar div.navigator a:hover {
	text-decoration: underline;
}

div.calendar table {
	border: 0;
	margin-left: auto;
	margin-right: auto;
}

div.calendar th {
	text-align: center;
	border: 0;
	padding: 4px 2px 4px 2px;
	font-weight: bold;
	font-size: 10px;
}

div.calendar td {
	text-align: center;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666;
	padding: 0;
}

div.calendar td.lastRow {
	border-width: 0;
}

div.calendar td a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 2px 6px 2px 6px;
}

div.calendar td.today {
	background-color: #dff1fd;
}

div.calendar td.nonMonth a {
	color: #666;
}

div.calendar td.selected {
	background-color: #ED354B;
	font-weight: bold;
}

div.calendar td.selected a{
	color: #000;
	font-weight: bold;
}

div.calendar td a:hover {
	background-color: #f6eca5;
	color: #000;
}

div.calendar div.options {
	float:none;
	text-align: center;
	background-color: #E7EDF4;
}

div.calendar div.options a {
	font-size: 12px;
}
/* QualvuCalendar */

.qualvucalendar {
	background-color: #999;
	color: #fff;
	border-spacing: 1px;
}

.qualvucalendar td {
	vertical-align: top;
}

.qualvucalendar-month {
	font-weight: bold;
}

.qualvucalendar th {
	background-color: #00aeec;
	width: 100px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color:#fff;
}

.qualvucalendar td {
	background-color: #fff;
}

.qualvucalendar-day {
	padding: 23px 3px 3px;
	min-height: 80px;
	position: relative;
}

.qualvucalendar-today {
	background-color: #FFFBE9;
}
.qualvucalendar-today .qualvucalendar-date{
	background-color: #f6eca5;
}
.qualvucalendar-date {
	width: 115px;
	text-align: right;
	background-color: #dff1fd;
	position: absolute;
	top: 0;
	right: 0;
	padding-right:5px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ASSETS :::::::::::::*/

.assetsContainer .imgupload a {
	color: #666;
	float: left;
	clear: both;
}

.clearButton {
	float: left;
	clear: both;
}

.imgupload {
	float: left;
	clear: left;
	padding: 10px 0;
	position: relative;
	left: 180px;
}

.fileassetDbox {
	width: 250px;
	background-color: #222;
	border: 1px #666 solid;
	padding: 15px;
	color: #FFF;
	text-align: center;
}

.fileassetDbox p {
	color: #FFF;
	padding: 3px 0;
}

.fileassetDbox h1 {
	font-size: 14px;
}

.fileassetDbox .button {
	margin: 15px 0 5px 0;
}

.file_asset_dbox {
	border: 1px solid #1c4a8c;
	background-color: #fff;
	padding: 0px;
	width: 400px;
	height: 400px;
	overflow: auto;
}

.file_asset_dbox h1 {
	margin: 0;
}

.file_asset_dbox input {
	padding: 3px;
	margin-right: 5px;
}

.file_asset_icon {
	border-width: 2px;
	border-style: solid;
	border-color: #147;
}

/*:::::::::::::::::::::::::::::::::::::::::: EMAIL DIALOG :::::::::::::*/

.reminder_dialog, .email_dialog {
	background-color: #dff1fd;
	padding: 10px;
	border: 1px #999 solid;
	width: 792px;
	float: left;
}

.reminder_dialog textArea, .email_dialog textarea {
	background-color: #fff;
	border: 1px solid #444;
	color: #222;
}

.reminder_dialog h5 {
	color:#000;
	font-size:13px;
	font-weight:bold;
}

.messagePreview {
	height: 400px;
	overflow: auto;
	border: 1px #999 solid;
	padding: 5px;
	background-color:#fff;
}

.footerNav{
	float:left;
	clear:both;
	height:20px;
	width:100%;
	text-align:center;
	margin-top:50px;
}
.footerNav a{
	text-decoration: none;
}

.footerNav a:hover{
	text-decoration:underline;
}

/*::::::::::::::::: VIDEO DIARY :::::::::::::*/

.clearVD {
	clear: both;
}

.outerVD {
	margin-right: 10px; /* R */
	margin-top: -7px;
}

.containerLeftDiary {
	border: 1px #666 solid;
}

.containerRightDiary{
	float: rght;
	margin-left: 365px;
}

.centerVD {
	min-width: 580px;
	min-height:530px;
	margin-top:20px;
}
.inleftVD object{
	border:1px solid #999;
}
.leftVD {
	float: left;
	display: inline;
	width: 350px;
	margin-left: 10px;
	position: fixed;
	top: 120px;
	left: 0px;
}

.leftNoFix {
	float: left;
	clear: both;
	width: 350px; /* L */
	margin-left: 10px; /* -L-1 */
	display: inline;
	top: 197px;
	left: 0px;
}

.minwidthVD {
	min-width: 504px;
}

/* previene allargamento floats (hidden) e problemi rendering left col (relative) in IE/Mac */
* html .inleftVD, * html .inrightVD, * html .incenterVD {
	width: 100%;
	overflow: hidden;
}
* html .containerLeftDiaryVD {
	position: relative;
	margin-right: 0;
}
* html .centerVD {
	margin-left: 0;
}
* html .leftVD {
	margin-right: 1px;
}
* html .rightVD {
	margin-left: 1px;
}
* html .minwidthVD {
	border-left: 504px solid #fff;
}

/*:::::::::::::::::::::::::::::::::::: Download dialog box */


.videoclipdownload_dialog, .videodownload_dialog {
	width: 250px;
	height: 225px;
	background-color: #222;
	border-width: 2px;
	border-color: #999;
	border-style: solid;
	padding: 10px;
	text-align: center;
}

.videoclipdownload_dialog a, .videodownload_dialog a {
	color: #999;
}

.downloadIcon {
	padding-right: 5px;
}

.videoclipdownload_dialog h5, .videodownload_dialog h5 {
	color: #DDD;
	font-size: 14px;
}

#dialogVideo {
	background-color: #FFF;
	width: 350px;
	border: 1px solid #82bee3;
	margin: 0 auto;
	text-align: center;
	position: fixed;
	top: 30%;
	left: 41%;
	padding: 10px;
	z-index:999;
}

#dialogVideo .button {
	margin: 10px 0 0 0;
}

/*:::::::::::::::::::::::::::::::::::: Comomunity View */

.communityResponse, .selectedCommunityResponse {
	text-align: center;
	float: left;
	padding: 5px;
	height: 90px;
	width: 90px;
	overflow: hidden;
	border:1px solid #fff;
	margin:5px;
}

.communityResponse:hover, .selectedCommunityResponse {
	border:1px solid #555;
	background:#f6eca1;
}

.communityResponse input, .selectedCommunityResponse input {
	border: 1px #555 solid;
}

.inactiveQuestion a img {
	border: 1px #555 solid;
}

.activeQuestion a img {
	border: 1px #BFCF00 solid;
}

#communityUp, #communityDown {
	padding: 5px 0;
	height: 22px;
	display: block;
	clear: both;
	text-align: center;
}

.rightVD .note {
	text-align: center;
}

.rightVD a {
	color: #999;
}

.rightVD a:hover {
	color: #BFCF00;
}

.file_asset a {
	color: green;
}

.communityArrow {
	width: 80px;
	margin: 0 auto;
	clear: both;
}

/* BEGIN CUE POINT POP-UP (VIDEOMETA...) --------------------------------------------------------------------------------------------------------------- BEGIN CUE POINT POP-UP (VIDEOMETA...) */

#dlgRatingWrapper {
	padding: 10px 0;
	clear: both;
}

.dlgHeader {
	background-color: #333;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	clear: both;
}

#dlgClipRating {
	float: left;
	padding: 0;
}

.file_asset_icon {
	border-width: 2px;
	border-style: solid;
	border-color: #147;
}

#dlgClipReaction {
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
}

.videometa_dialog {
	width:450px;
	background:#fff;
	border:2px solid #999;
	padding:0 10px 10px 10px;
	left:40%;
}

.videometa_dialog .mceSimple {
	width: 290px;
}
#VideodiaryBlog .videometa_dialog{
	position:fixed;
	top:100px;
	left:30%;
}
.topline_dialog {
	width: 600px;
	background-color: #222;
	border-width: 1px;
	border-color: #555;
	border-style: solid;
	padding: 0px 10px 10px 10px;
}

.topline_dialog .mceEditor {
	height: 400px;
}

.topline_dialog .mceEditorIframe{
	height: 400px;
}

.topline_dialog h5, .videometa_dialog h5 {
	color: #FFF;
}

.videometa_dialog_viewerRate {
	width: 300px;
	height: 180px;
	background-color: #222;
	border-width: 1px;
	border-color: #555;
	border-style: solid;
	padding: 0px 10px 10px 10px;
}

.downloadIcon {
	padding-right: 5px;
}

.videoclipdownload_dialog h5 {
	color: #FFF;
}

.textAreaClipTitle {
	width: 295px;
	border-style: solid;
	border-width: 1px;
	border-color: #555;
}

.textAreaClipDescription {
	width: 295px;
	height: 140px;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	overflow: auto;
}

.videoclipdownload_dialog #popupButtons {
	padding: 5px 0px 5px 0px;
}

#popupButtons {
	margin-top: 10px;
	clear: both;
	text-align: left;
}

#popupButtons .button {
	margin: 1px;
}
/*::::::::::: REPORT STYLE ::::::::::::::*/
.reportInfoBox {
	border-bottom: 2px solid #999;
	position: relative;
	padding: 20px 0px;
	height: 100px;
}

.reportInfoBox:hover {
	background-color: #FEFBC9;
}
.reportThumbImage{
	float:left;
	position: relative;
	margin-left: 20px;
	border:1px solid #999;
}

.absoluteBottomRight {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.reportInfoBoxText {
	float:left;
	margin-left:10px;
}
.reportInfoBoxText h1 {
	font-size: 14px;
	color: #305E9C;
}
.reportInfoBoxText .date{
	font-size: 11px;
	color:#6A6A6A;
}
.reportInfoBoxText .desc{
	white-space: pre-wrap;
	width: 405px;
}
.reportDownloadBox{
	float:left;
	background: #DFF1FD;
	width:350px;
	padding:10px 10px;
	border:1px solid #999;
	margin-left:-1px;
	height:100px;
}

.reportDownloadBox h2{

	font-size:18px;
	font-weight: bold;
}

.reportDownloadBox .date{

	font-size: 11px;
	color:#6A6A6A;
}

.reportDownloadBox .file{

	font-size:11px;
	font-weight:bold;
}

.reportHoverImage{
	text-align:center;
	position:absolute;
	top: 0px;
	left: 0px;
	display:none;
	background:#000;
	width:130px;
	height:100px;
	cursor:pointer;
	opacity:0.9;
	filter:alpha(opacity=90);
}
/* video Setup help styles */

.dottedBorder {
	border: 2px #BFCF00 dotted;
	width: 350px;
	height: 328px;
	padding: 10px;
}

#videoSetupHelp {
	color: #DDD;
}

#videoSetupHelp a {
	color: #999;
}

#videoSetupHelp a:hover {
	color: #BFCF00;
}

#helpVideoSetup {
	padding: 20px;
	clear: both;
}

.helpBorder {
	padding: 10px;
	border: 1px #666 solid;
	margin: 10px 0;
}

.helpBorder img {
	padding: 10px 0;
}

.notes {
	font-style: italic;
	font-size: 12px;
}

.notes {
	font-style: italic;
	font-size: 12px;
}

/* VIEWER */

#viewerContainerLeft {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 370px; /*Width of frame div*/
	background: #222;
}



#viewerContainerRight {
	position: absolute;
	top: 140px;
	left: 380px; /*Set left value to WidthOfFrameDiv*/
	right: 10px;
}

.viewerContainer {
	padding: 10px;
	border: 1px #555 solid;
}

#topline {
	height: 400px;
	border: 1px #555 solid;
	margin-bottom: 10px;
	padding: 10px;
}

#topline h3 {
	font-size: 18px;
}

.toplineText {
	height: 320px;
	width: 98%;
	overflow: auto;
	margin: 10px 0;
	padding: 10px;
	float: left;
	clear: both;
	color: #DDD;
}

#topline p {
	padding: 5px 0;
}

#viewerContentContainer {
	padding: 5px 0 0 0;
}

.dtgRowStyleActive .dtgRowThumb {
	background-color: #CCC;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

.dtgRowStyleActive td {
	background-color: #CCC;
	color: #FFF;
	padding: 0 0 0 5px;
	width: 20%;
}

.edit {
	padding: 0 0 0 10px;
	color: #fff;
	float: right;
}

.edit img {
	vertical-align: middle;
}

#lipsum a {
	color: #999;
}

#lipsum a:hover {
	color: #BFCF00;
}


/* CLIP DESCRIPTION */

#rateReact {
	background-color: #333;
	clear: both;
	height: 24px;
	color: #FFF;
	padding: 0 5px 3px 5px;
	border-top: 2px #000 solid;
}

.clip_description {
	list-style: inside;
}

.stars {
	float: left;
	padding: 3px 10px 0 10px;
}

.clipColors img {
	vertical-align: middle;
}

.clipControls {
	position: relative;
	top: 0px;
}

.clipTimes {
	width: 120px;
	clear: both;
	float: left;
	margin-top: 3px;
	font-size: 18px;
	font-weight: lighter;
}

.clipReaction {
	float: left;
	clear: both;
	padding: 3px;
}

.clipBorder {
	padding: 5px 0;
	margin: 5px 0;
	clear: both;
}

.editClip {
	float: right;
	padding: 4px 5px 0 0;
}

.editClip img {
	vertical-align: middle;
	padding: 0 3px 0 0;
}

#clipTimeAndRating {
	border: 1px #555 solid;
	padding: 5px;
	margin: 5px 0;
	clear: both;
	background-color: #222;
}

#clipTimeEdit {
	clear: both;
}

#rateReact {
	border: none;
}

#clipDetails .button {
	margin: 1px 0;
}

#clipDetailsBox {
	height: 100px;
	overflow: auto;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #555;
}

#clipMenu .textbox {
	width: 250px;
	background-color: #FFF;
	border-color: #555;
}

#clipMenu .textbox:hover {
	border-color: #BFCF00;
}

#clipDetailsBox h4 {
	color: #FFF;
}

#clipDetails .notesTitleDP {
	margin-bottom: 5px;
}
/*:::::::::::::::::=SEARCH STYLE:::::::::::::::::::::*/
.responseResult{
	margin-left:20px;
	width:800px;
	padding:5px;
	padding-top:0px;
	clear:both;
	margin-bottom:10px;
	position:relative;
	padding-left:90px;
}
.responseResult .title a{
	float:left;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.responseResult .title a:hover{
	text-decoration:none;
}
.responseResult .project{
	margin-top:5px;
	color:#999;
}
.qvpVideoText .nowplaying{
	color:#AA0511;
	float:left;
}
.responseSearchText{
	float:left;
	clear:both;
	font-size:12px;
	color:#5b5b5b;
}
.responseResult .thumbContainer {
	position:absolute;
	top:0px;
	left:0px;
}
.responseResult .thumbnail{
	float:left;
	border:1px solid #999;
	position:relative;
}
.responseResult .timeOverlay{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:2px 4px;
	font-size:10px;
	background-color:#333;
	color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80)
}
.responseResult .responseFooter{
	float:left;
	clear:both;
	margin-top:10px;
	color:#999;
}
.responseResult .clipInfo{
	float:left;
	clear:both;
	font-size:12px;
}
.responseResult .clips{
	color:#999;
	margin-top:-5px;
}
.responseResult .details{
	color:#999;
	font-size: 10px;
	margin-top: -5px;
}
.responseResult .response h1{
	float:left;
	clear:both;
	font-size:12px;
	color:#333;
}
.responseResult .textContainer{
	margin-left:5px;
	width:600px;
	min-height:80px;
}
.searchResultTag{
	float:left;
	clear:both;
	font-weight:bold;
	padding:1px 5px;
	width:70px;
	border:1px solid #999;
	background-color:#ececec;
	color:#333;
	margin-top:3px;
	text-align:center;
}
.qvpClose{
	padding-top:2px;
	cursor:pointer;
}
.filterIconSearch{
	float:left;
	padding-top:7px;
	margin-right:5px;
}
.searchBoxContainer{
	float:left;
	margin: 20px 0px 0px 5px;
	position:relative;
}
.searchResultTag.blue{
	background-color:#C0DEED;
}
.searchResultTag.pink{
	background-color:#FC9D9A;
}
.searchResultTag.purple{
	background-color:#EEC5FC;
}
.searchResultTag.green{
	background-color:#D1E751;
}
.searchVideoHeader{
	height:30px;
	background-color:#eee;
	border-top:1px solid #999;
	position:fixed;
	bottom:0px;
	width:100%;
	left:0px;
}
.searchVideoTop{
	height:20px;
	background-color:#DFEFFA;
	padding:3px;
	color:#333;
	border-bottom:1px solid #999;
}
.searchWrap, .searchGlobal{
	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:6px;
	padding-right:30px;
	font-size:12px;
	margin:0px;
}
.qualvuSearchButton, .qualvuSmallSearchButton{
	width:26px;
	height:26px;
	position:absolute;
	margin-top:-2px;
	top:2px;
	right:6px;
	right:2px\9; /*IE 8 and IE 7 specific */
	border:1px solid transparent;
	background-image:url('/images/search_button.png');
	background-repeat:no-repeat;
	background-color:transparent;
}
.qualvuSmallSearchButton{
	width:13px;
	height:13px;
	background-image:url('/images/search_small_button.png');
}
.qualvuSearchButton.clearButton{
	background-image:url('/images/cancel-search.png');
}
.qualvuSearchButton.filter{
	position:absolute;
	right:1px;
}
.searchFilter{
	clear:both;
	background-color:#e4e4e4;
	padding:10px;
	*padding-top:5px;
	margin:20px;
	margin-top:10px;
	border-radius:5px;
}
/*-----------------------------------------------
	=search paginator
------------------------------------------------*/
.searchPaginator{
	float:left;
	margin-left:20px;
}
.paginatorBox{
	display:block;
	padding:1px 6px;
	border:1px solid #00AEEC;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
.paginatorBox:hover{
	color:#fff;
	background-color:#00AEEC;
	text-decoration:none;
}
.paginatorBox.selected{
	color:#fff;
	font-weight:bold;
	border:1px solid #00AEEC;
	background-color:#00AEEC;
}
.paginatorPrev{
	float:left;
	margin-right:10px;
	padding-top:5px;
	cursor:pointer;
}
.paginatorNext{
	float:left;
	margin-left:10px;
	padding-top:5px;
	cursor:pointer;
}
.searchResultText{
	margin-left:20px;
	cursor:text;
}
.searchResultText span{
	font-size:15px;
	font-weight:bold;
}
.noSearchResult{
	float:left;
	font-weight:bold;
	color:#666;
}
.noSearchResult li{
	color:#666;
	font-size:13px;
}
.playOverlay{
	height:60px;
	width:80px;
	background-color:#000;
	opacity:0.8;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('/images/play_img.png');
	background-repeat:no-repeat;
	background-position:60% 50%;
	cursor:pointer;
	display:none;
}
.selectedSearchFilter a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.searchSlideOption{
	float:left;
	border:1px solid #999;
	padding:10px;
	display:none;
	width:150px;
	left:-150px;
}
.searchqvpContainer{
	position:absolute;
	right:30px;
	bottom: 30px;
	display:none;
	border:1px solid #999;
	border-bottom:0px;
	width:352px;
}
.qvpVideoText{
	position:absolute;
	bottom:-25px;
	font-weight:bold;
	left:0px;
}
.responseResult em {
	background-color: #ff0;
}
/*:::::::::::: FOOTER :::::::*/

#footer {
	bottom: -30px;
	color: #999;
	clear: both;
}

#footer a {
	color: #999;
}

#footer a:hover {
	text-decoration:underline;
}

#bottomNavUL {
	list-style: none;
}

#bottomNavUL li {
	float: left;
	padding: 0px 7.5px 0px 7.5px;
	border-left: #666 1px solid;
}

#address {
	float: right;
	list-style: none;
}

#address li {
	float: left;
	padding-right: 7.5px;
}

#bottomNav #bottomNavUL .first-child {
	border: 0;
	padding-left: 0;
}


.tinyFont {
	font-size: 50%;
}

.smallFont {
	font-size: 100%;
}

.mediumFont {
	font-size: 135%;
}

.largeFont {
	font-size: 200%;
}

/*::::::::::::::: PROJECT PARTICIPATION :::::::*/

#projectParticipation thead td {
	background-color: #555;
	padding: 5px;
	width: 1%;

}

.allNotes {
	background-color: #333;
	color: #CCC;
	padding-left: 5px;
	margin: 5px 0;
	border-bottom: 1px dotted #666;
}
.participationFilter {
	width: 194px;
	float: left;
	padding: 3px;
}

/* ::::::::::::::: FILTER first child menu ::::::::::::::: */

#calStart a, #calEnd a {
	text-decoration: none;
}
/* ::::::::::::::: QUESTION ORDER ::::::::::::::: */

TD.QOrderSelected {
	background-color: #BFBF22;
	padding: 0 4px;
	margin: 1px 0;
}
.orderInactive {
	color: #FF3333;
}
/*:::::::::: =INVITE PAGE :::::::::::*/
.requiredInviteNB {
	width: 450px;
	padding: 15px 0 30px 0;
	margin: 5px auto;
}
#InvitationEmail{
	background-color: #DFF1FD;
	border:1px solid #999;
	border-top: 0px;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}
/*:::::::::: PERMISSIONS :::::::::*/
#permissionEdit .rowLabel {
	width: 200px;
	padding: 0 5px 0 0;
}

#panelManagerPermission .rowLabel {
	width: 200px;
	padding: 0 5px 0 0;
}


#panelManagerPermission .item_label {
	width: 200px;
	padding: 0 5px 0 45px;
	margin: 0 0 0 18px;
}
#panelManagerPermission input {
	padding: 2px;
}
.containerAccountSettings {
	border: 1px solid #444;
	padding: 10px;
}
/*:::::::::: TRANSCRIPT PAGE :::::::::::*/
#permissionDialog, #projectMessageDialog {
	width: 400px;
	border: 2px solid #555;
	background-color: #FFF;
	padding: 5px;
}

#permissionDialog .item_label {
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 3px;
	display: block;
}

#permissionDialog .textbox, #projectMessageDialog .textbox {
	display: block;
}

#permissionDialog .publishButtons, #projectMessageDialog .publishButtons {
	padding: 5px 0;
	text-align: left;
}

.disabled {
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*::::: NEWPASS PAGE ::::*/

#newpassPage .warning {
	display: block;
	font-size: 12px;
	padding: 5px 0;
}

.systemCheckImage {

	border: 1px solid #222;
}

.systemCheckImage:hover {
	border: 1px solid #BFCF00;
}

.systemCheckActiveChapter {
	background-color: #F7F7F7;
	background-image: url(/images/img-blue-arrow.png);
	background-repeat: no-repeat;
	background-position: left 50%;
	color:#333 !important;
}
.systemCheckChapter{
	padding:10px 10px 10px 15px;
	font-size:12px;
	display:block;
	color:#2786C2;
}
.systemCheckChapter.disabled{
	color:#999;
}
.bottomImage {
	padding-bottom: 3px;
	vertical-align: bottom;
}

.checkAll {
	cursor: pointer;
}

.checkAll tr {
	margin: 0 15px 0 0;
	float: left;
}

.checkAll td {
	margin: 4px 0 0 0;
	float: left;
}

.checkAll input {
	margin: 2px 0 0 0;
	float: left;
}

#projectParticipation .checkAll td{
	background-color: transparent;
}

#projectParticipation .checkAll td:hover {
	background-color: transparent;
}

#projectVideos {
	width: 250px;
	height: 100%;
	min-height: 286px;
	float: left;
	margin-left: 5px;
}

#bucketVideos {
	width: 250px;
	height: 100%;
	min-height: 286px;
	float: left;
	margin-left: 10px;
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	width: 10em;
	border: 1px solid #666;
}

ul.boxy li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px;
	border: 1px solid #999;
	background-color: #666;
	color: #000;
}

ul.boxy li:hover {
	background-color: #333;
	border: 1px solid #BFCF00;
	color: #DDD;
}

.embedPlayerLinks {
	float: left;
	clear: both;
	padding: 2px 0;
}

.embedPlayerCustom {
	float: left;
	clear: both;
	padding: 2px 0;
	width: 300px;
}

.embedPlayerNotes {
	float: left;
	padding: 2px 0 2px 10px;
	color: #BFCF00;
	font-style: italic;
}

.embedPlayerAdd, .embedPlayerAssign {
	margin: 5px 0 0 142px;
	float: left;
	clear: both;
	padding: 5px;
}

.embedPlayerCustom .listbox {
	width: 150px;
}

.embedPlayerCustom .item_label {
	text-align: right;
	float: left;
	width: 135px;
}

.embedPlayerCustom .textbox {
	float: left;
	width: 150px;
}

.embedPlayerButtons{
	padding: 10px 0 0 153px;
	float: left;
	clear: both;
}

.embedPlayerLinks h2 {
	color: #BFCF00;
	font-size: 16px;
	padding-top: 10px;
}

#embedPlayer .textContent {
	float: left;
	clear: both;
	padding: 2px 0;
}

#embedPlayer #videoPlayer {
	width: 350px;
	height: 328px;
	background-image: url(/images/sort_thumb_click.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
}

.embedPlayerList {
	float: left;
	padding: 10px;
}

.playlistTitle {
	color: #BFCF00;
	font-size: 18px;
	padding-left: 10px;
}

.treenav div {
	clear:both;
	margin:-20px 0;
	*margin:0;
}

.embedPreviewTitle {
	width: 696px;
	height: 20px;
	padding: 4px;
	background-color: #FF0000;
	margin: 20px 10px 0 0;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	font-weight: lighter;
	clear: both;
	float: left;
}

.embedPreview {
	border: 2px solid #FF0000;
	width: 700px;
	margin: 0 10px 10px 0;
	clear: both;
}

.embedPreview .qvCategory {
	padding: 0;
	margin: 0;
}

.embedPreview #qvRight h2 {
	padding: 5px 0;
	margin: 0;
}

#customTestimonial #txtEmbedCode {
	font-size: 10px;
	width: 740px;
	margin: 10px 0;
	float: left;
	clear: both;
}

.vdIrlResponse img {
	padding-right:10px;
}

.treenavIcons {
	position:relative;
	top:50px;
	left:70px;
}

.treenavThumbs {
	height:45px;
	width:60px;
	float:left;
	border:1px solid #555;
}

.selectedImageRadioListItem {
	border: 1px solid #BFCF00 !important;
}

.rootTreenav, .rootTreenavHover, .rootTreenavSelected,
 .threadTreenav, .threadTreenavHover, .threadTreenavSelected {
	float:left;
	width:100%;
	margin:-10px -10px -9px -10px;
	padding:10px;
}

.rootTreenav, .rootTreenavHover, .rootTreenavSelected {
	border-top:1px solid #666;
}

.rootTreenavHover, .rootTreenavSelected,
 .threadTreenavHover, .threadTreenavSelected {
	background:#f6eca1;
	cursor:pointer;
}

.treenavText {
	position:relative;
	left:10px;
	line-height:16px;
}

.VDTextQuestionResponse {
	height:90px;
	width:343px;
	margin:5px 0;
}

.VDTextQuestionConfirmation {
	color: #BFCF00;
	height: 100px;
	width: 328px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #BFCF00;
	float: left;
	font-size: 14px;
	margin: 5px 0;
}

.VDTextQuestion {
	height:145px;
	display:block;
	padding:5px;
	overflow:auto;
	border:4px solid #e3e3e5;
}

.VDReponseText {
	height: 295px;
	width: 338px;
	padding: 5px;
	border: 1px solid #666;
	float: left;
	overflow: auto;
}

.titleHeader {
	margin-top:-2px;
	display:block;
	padding:5px;
	background-color:#e3e3e5;
	font-weight:bold;
	border:4px solid #e3e3e5;
}

.titleHeader p {
	display:inline;
}

#incentive .textContent {
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
}

.incentiveTitles {
	color: #BFCF00;
	font-size: 18px;
}
.noIncent {
	float: left;
	clear: both;
}

/* - - Importing Page - - */

.importFrom {
	float: left;
	clear: both;
	border: 1px solid #444;
	padding: 5px;
	margin-top: 10px;
}

#importingPage #groupAssign {
	border: none;
	float: left;
}


#importingPage .button:hover, #participantEdit .button:hover {
	background-color: #555;
}

#importingPage .buttonAnchor, #participantEdit .buttonAnchor {
	padding: 3px 8px 1px 8px;
	text-decoration: none;
	font-size: 11px;
	background-color: #444;
	border: 1px solid #555;
}

/* ajax spinners */
#savewaitoverlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-image: url(/images/maskBG.png);
}

#savewaitoverlay img {
	padding-top: 30%;
}

#waitoverlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-image: url(/images/maskBG.png);
}

#waitoverlay img {
	padding-top: 30%;
}

.dtgWaitIcon {
	float:right;
	padding-top:5px;
	padding-right:10px;
}

/* - - VideoBlog - - */

#videoBlog{
	margin: 0 auto;
	width: 950px;
	padding: 0;
	clear: both;
	background:#fff;
}

#videoBlog #titleHeader {
	padding:0;
	margin:0;
	width:100%;
}

#videoBlog .centerVD {
	background-color: #666;
	margin: 10px 0;
	padding: 0;
	border: 0;
}

#videoBlog .incenterVD {
	padding: 10px;
}

.reportIcon {
	text-decoration: none;
}

#loggedOut {
	width: 800px;
	margin: 0 auto;
	clear: both;
	padding: 20px 0;
}

.logHead {
	font-size: 20px;
	font-weight: lighter;
	color: #BFCF00;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #666;
}

#loggedOut input {
	float: left;
	clear: both;
	margin: 5px 0;
}

.inviteFields {
	width: 300px;
	font-size: 12px;
	padding: 3px;
	color: #444;
	float: left;
	clear: both;
}

.inviteFields .textbox {
	width: 200px;
	font-size: 12px;
	padding: 3px;
	color: #444;
	float: left;
	clear: both;
}

.inviteForm {
	float: left;
	clear: both;
	margin: 10px 0;
	padding: 20px 0;
	border-top: 1px solid #555;
	width: 100%;
}

.inviteFormLine {
	float: left;
	clear: both;
	margin: 3px 0;
}

.inviteSubmitContain {
	float: left;
	clear: both;
	margin: 10px 0;
	width: 100%;
}

.loggedNote {
	font-size: 11px;
	color: #57E5FF;
	clear: both;
}

.login {
	border-bottom: 1px solid #555;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}

.logBackIn {
	float: left;
	clear: both;
	height: 38px;
	width: 187px;
	background-image: url(/images/loggedout.png);
	background-repeat: no-repeat;
	margin: 10px 0 15px 0;
}

.logBackIn2 {
	float: left;
	clear: both;
	height: 38px;
	width: 187px;
	background-image: url(/images/loggedout.png);
	background-repeat: no-repeat;
	margin: 10px 0;
}

.logBackIn:hover, .logBackIn2:hover {
	background-image: url(/images/loggedout_o.png);
}

.logInvite {
	float: left;
	clear: both;
	height: 38px;
	width: 400px;
	background-image: url(/images/loggedout_join.png);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}

.logInvite:hover {
	background-image: url(/images/loggedout_join_o.png);
}

.logFeedback {
	float: left;
	clear: both;
	height: 38px;
	width: 480px;
	background-image: url(/images/loggedout_quest.png);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}

.logFeedback:hover {
	background-image: url(/images/loggedout_quest_o.png);
}

.logHome {
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0 0 0;
	padding-top: 10px;
	border-top: 1px solid #666;
	font-size: 11px;
	color: #999;
}

.logLink {
	float: left;
	clear: both;
	font-size: 11px;
	color: #999;
	width: 100%;
}

.logoutPara {
	float: left;
	clear: both;
	width: 400px;
	padding: 0 10px 5px 10px;
	margin: 0 0 0 40px;
	display: inline;
}

#ffInvite {
	clear: both;
	padding: 20px 0;
	margin: 0 auto;
	width: 800px;
}

#ffInvite img {
	margin: 0 0 10px 0;
}

.spacer {
	border-bottom: 1px solid #ccc;
	clear: both;
	margin: 20px 0 0 0;
}

.spacer2 {
	border-bottom: 1px solid #ccc;
	clear: both;
	margin: 5px 0 10px 0;
}

.blogHeadImage {
	padding: 0;
	margin: 0;
}

.blogHeadImage .imgupload {
	width: 145px;
	padding: 10px 0 0 0;
	margin: 0;
	position: relative;
	left: 153px;
}

.profileAvatar {
	padding: 0 0 0 76px;
}

.profileAvatar input {
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

#panelEdit .renderWithName {
	clear: both;padding: 0;
	margin: 0;
}

#panelEdit .renderWithName .required {
	color: #DDD;
	font-size: 12px;
	font-style: normal;
}

#panelEdit .mceSimple {
	width: 413px;
}

.uploadPanel .imagePad {
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
	float: left;
}

.uploadPanel .imagePad img {
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}

.uploadPanel .imagePad .imgupload {
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

.padInvIcon {
	float: left;
	margin: 3px 3px 0 0;
}

.transcriptContainer1 {
	margin: 5px 0;
	clear: both;
	padding: 0 0 10px 0;
}
.blueBand{
	padding:5px;
	background:#EAF3F9;
}
#pnlDeliver .qualvuPlayerContainer{
	border-bottom:1px solid #ccc;
}
#quoteDescription{
	color:#999;
	padding:5px;
	cursor:pointer;
	margin-right:10px;
	border:1px solid transparent;
	border-bottom:1px solid #ccc;
	max-height:100px;
	width: expression( document.body.clientWidth > 99 ? "100px" : "auto" ); /* sets max-width for IE */
	overflow:hidden;
	overflow:ellipsis;
}
#quoteDescription:hover{
	border:1px solid #999;
	text-decoration:underline;
}
#txtQuoteDescription{
	height:70px;
	width:302px;
}
#addNewCode{
	float:left;
	cursor:pointer;
	height:30px;
	width:30px;
	margin-left:3px;
	margin-top:-2px;
	background:url('/images/btn-add-qt.png');
	background-position:0px 0px;
}
#addNewCode:hover{
	background-position:30px 0px;
}
#useCreatedCode{
	float:left;
	cursor:pointer;
	height:30px;
	width:30px;
	background:url('/images/btn-qt-panel.png');
	background-position:0px 0px;
}
#useCreatedCode:hover{
	background-position:-59px 0px;
}
#useLastCode{
	float:left;
	cursor:pointer;
	height:30px;
	width:30px;
	background:url('/images/btn-qt-panel.png');
	background-position:-29px 0px;
}
#useLastCode:hover{
	background-position:-147px 0px;
}
.codeColorBlock{
	height:10px;
	width:10px;
	float:left;
}

.selectedCodes:hover{
	background:yellow;
}
.deleteCode{
	float:right;
	background:url('/images/cancel-search26x26.png');
	height:23px;
	width:23px;
	display:block;
	cursor:pointer;
}
.editCode{
	float:right;
	background:url('/images/ic-edit-26x26.png');
	background-repeat:no-repeat;
	height:23px;
	width:23px;
	display:block;
	cursor:pointer;
}
.listedCodes{
	/*display:none;*/
	/*position:absolute;
	left:150px;*/
	top:30px;
	background:#fff;
	float:left;
	padding:10px;
	/*z-index:10;*/
	border:1px solid #999;
}
.listedCodes .listbox{
	border:1px solid #999;
	border-bottom:0px;
	max-height:300px;
	overflow:auto;
}
.listedCodes .codes{
	padding:2px 5px;
	border-bottom:1px solid #999;
}
.chosenCode:hover{
	background:#F9FAD2;
}
.codeText{
	float:left;
	width:230px;
	height:24px;
}
.editPopup {
	display: none;
	background:#fff;
	padding:10px;
	z-index:10;
	border:1px solid #999;
	box-shadow: 0px 0px 3px #666;
	position:absolute;
	top:-60px;
}
.editPopup.code{
	top:0px;
	left:0px;
	width:308;
}
.editPopup.code textarea{
	height:50px;
}
.editPopup.code input,.editPopup.code textarea{
	width:300px;
}
.fieldClass {
	border-bottom: 1px solid #666;
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
}

.fieldClassNB {
	border: none;
}
.orPL {
	float: left;
	padding: 40px 10px 0 10px;
}

.addPL {
	float: left;
	padding: 18px 0 0 0;
}
.addPLR {
	float: right;
	padding: 28px 0 0 0;
}
.PLselectContain {
	padding: 0 25px;
}
.notePL {
	float:left;
	font-style:italic;
	line-height:12px;
	margin-left:5px;
	margin-top:25px;
	width:150px;
}

.leftAndClear {
	float: left;
	clear: both;
}
.newPL {
	width: 20px;
	height: 20px;
	background-color: red;
}

#PLTarea .textbox {
	width: 500px;
	float: left;
}

.PLBlogView {
	background-image: url(/images/icon_video_diary.png);
	background-repeat: no-repeat;
	padding: 3px 0 3px 20px;
	background-position: left;
}

.PLDown {
	background-image: url(/images/icon_download_all_responses.png);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

.PLNew {
	background-image: url(/images/icon_add_generic.png);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

.PLCopy {
	background-image: url(/images/icon_copy.png);
	background-repeat: no-repeat;
	padding: 4px 0 1px 20px;
	background-position: left;
}

.dropArea {
	clear: both;
}

.sortableClipHeader{
	background-image:url(/images/datagrid_header_bg.png);
	background-position:left;
	background-repeat:repeat-x;
	overflow:hidden;
	color:#fff;
}

.sortableClipHeader h6{
	font-weight:normal;
	color:#fff;
}
.searchGlass{
	width:15px;
	height:15px;
	background: url('/images/icon_search_gray.png') no-repeat;
	position:absolute;
	top:22px;
	right:7px;
}

/* Download Page */

.downloadTable {
	padding: 0;
	margin: 0;
	clear:both;
}

.tableHeadDL {
	background-color: #666;
	color: #FFF;
	border-bottom: 1px solid #666;
}

.downloadTable th {
	padding: 2px 5px;
	background-color:#F7F7F7;
}


.downloadTable td {
	padding: 2px 5px;
	background-color:#E8E8E8;
}

.statusDL span span span {
	padding: 3px;
	margin: 0;
}

.downloadList {
	background-color: #555;
	clear: both;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border-right: 1px solid #222;
	border-left: 1px solid #222;
	color: #FFF;
}

/* QSortable */
ul.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.sortable li {
	margin-bottom:2px;
	padding: 5px;
	clear: both;
	background-color:#fff;
}

li.qsortable_item_odd {
	color:#333;
}

li.qsortable_item_even {
	color:#222;
}

li.li.playlist_item_odd {
	background-color:transparent;
	color: #333;
}

li.playlist_item_even {
	background-color:#666;
	color: #DDD;
}

div.qsortable_item_text_content {
	padding-left:3px;
	font-size:11px;
	float:left;
	min-width:275px;
	line-height:10px;
}

.nowPlaying{
	padding-top:5px;
	color:#f00;
}

.passImg {
	vertical-align: middle;
	padding: 0 0 3px 5px;
}

.passImg2 {
	position: relative;
	top: 4px;
	padding: 0 0 0 5px;
}

.reuseVideo {
	width: 340px;
	padding: 5px 5px 10px 5px;
	background-color: #dff1fd;
	margin: 0;
	text-align: right;
}

.reuseVideo .listbox {
	width: 150px
}

.imgUploaderContainer {
	float: left;
	margin: 10px 0;
}

.imgUploader {
	float:left;
	border: 1px solid #666;
}

.imgUploader .button {
	width: 85px;
	height: 20px;
	margin: 14px 5px 0 0;
	float: left;
	clear: both;
	background-image: url('../images/browse.png');
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	text-align: center;
	padding: 0;
}

.imgUploader .imgFile {
	width: 72px;
	height: 60px;
	padding: 6px 1px 6px 5px;
	float: left;
	clear: both;
	background-color: transparent;
	margin: 0;
}
.imgUploader .imgFile img{
	height:60px;
	width:60px;
}
.imgUploader .delete {
	float: left;
	clear: both;
	background-image: url('../images/browse.png');
	width: 85px;
	height: 20px;
	border: none;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	margin: 5px 5px 0 0;
	text-align: center;
}

#imgUpTxt {
	float: left;
	clear: both;
	display: block;
}

.tipStyle {
	vertical-align: top;
	margin: 2px 0 0 2px;
	color:#fff;
}

#advancedSet {
	height: 30px;
	background-color: #333;
	color: #DDD;
	padding: 5px;
}

.openClose {
	float: right;
	padding: 2px 0 0 0;
}

fieldset.whiteFieldBlock {
	padding:10px;
	display:block;
	border:1px solid #333;
	margin:5px;
}

.incentiveStep {
	clear: both;
	padding:10px;
	margin:10px;
}

.incentiveHeader {
	padding: 5px;
	font-size:16px;
	margin-bottom: 5px;
	font-weight: bold;
}

.incentiveRequest {
	border-top: 1px dashed #555;
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.incentiveRequest .button {
	margin: 0 0 0 155px;
}
.totalRewards{
	padding:10px 30px 5px 5px;
	margin: 10 0px;
	height:22px;
	font-weight:bold;
	font-size:13px;
	background-color:#E8E8E8;
	text-align:right;
}
.rewardHistoryTotal{
	background-image: url(/images/img-left-arrow-big.png);
	background-repeat: no-repeat;
	float: left;
	background-position: 52px -4px;
	height: 30px;
	line-height: 25px;
	margin-left: 135px;
}
.rewardHistoryTotal span{
	font-size: 12px;
}
.closeButton {
	float: right;
	margin: 0 0 5px 0;
}

/* - - Interpretation Styling - - */

.interpretationStep {
	clear: both;
	padding: 0 0 10px 0;
	display: block;
}

.intTitle {
	margin: 10px 0;
	padding: 2px 1%;
	width: 98%;
	clear: both;
	color: #CCC;
	font-style: italic;
	font-size: 14px;
	background-color: #666;
}

.intTitleHeader {
	background-color: #333;
	color: #DDD;
	padding: 5px;
}

.interpretationStep .renderWithName .left {
	float: left;
	text-align: left;
	width: 103px;
}

.intTip {
	padding: 0 0 0 5px;
	vertical-align: top;
}

.intTable td {
	padding: 3px;
}

.intUpTitle {
	float: left;
	clear: both;
	margin: 10px 0;
	padding: 5px;
	font-size: 10px;
}

.activeVupointListRow a.activeVupointDubLink {
		color:red;
}

.VupointFieldsetVtip {
	padding-left: 5px;
	vertical-align:middle;
}
/* Vupoint Clipping Overhaul */
.vupointBucketStageNav {
	background-color:#333;
	clear:both;
	margin-top:-2px;
	margin-bottom:5px;
	padding:5px;
}

.vupointBucketStageNavItem {
	background-color:#444444;
	margin:1px;
	padding:10px;
}
.VupointClipDetails {
	background-color:#dff1fd;
	width:350px;
	min-height: 190px;
	border-bottom:1px solid #999;
}

.VupointClipTitle {
 	padding-left:7px;
}
.VupointClipTitle h6 {
	font-size:.9em;
	color:#dff1fd;
	display:block;
	color:#333 !important;
}
.VupointClipSave {
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
	background-color: #dff1fd;
}

.VupointBucketDetailFilter {
	clear:both;
}

.FilterControl {
	float:left;
	padding:5px;
}

.VupointBucketDetailActions {
	clear:both;
	padding-top:10px;
}

.projStatus .VupointBucketDetailActions label{
	float:none;
}

.projStatus span.accessFilter{
	line-height:33px;
	float:left;
}
.VupointCheckAll {
	float:left;
	padding-right:20px;
}
.VupointTask {
	background-color:#ddd;
	color:black;
	padding:5px;
}
.VupointTaskQuestion {
	color:#AAA;
	margin-left:20px;
}
.vupoint-clipping-task-progress {
	width:300px;
}
.ClipNoteSaveMessage {
	color:green;
}
.VupointStatsItem {
	padding: 0px 10px 0px 10px;
	float:left;
}
.VupointClipTitle {
	border-top:0px;
	border-bottom:0px;
}
fieldset.VupointField {
	border-color:#2D3A03;
}
.VupointCompleteTask {
	font-size:.9em;
	color:#FFF;
	text-decoration:underline;
	cursor:pointer;
}
#NoteTabs {
	font-size:0.9em;
	padding: 0;
	background-color: #dff1fd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin: 5px;
	border:0px;
}
#NoteTabs .otherNote, #NoteTabs #ClipTranscript, #NoteTabs #ClipHumanTranscript {
	height:100px;
	overflow:auto;
}
#MyNotes {
	background-color: #000;
	border: none;
	margin: 0;
	padding: 0 5px;
}
#MyNotes textarea {
	border: 1px solid #DDD;
	color: #222;
	padding: 3px;
	width:331px;
}
.listboxSelectAll, .listboxReset {
	font-size: 11px;
	color:#333;
	text-decoration:none;
}
.closeButtonx{
	float:right;
	cursor:pointer;
	font-size: 11px;
	color: #333;
}
.VupointParticipantFilter {
	width : 180px;
}
.cancelClipContain {
	background-color:#dff1fd;
	padding: 5px 0 5px 0;
	text-align:center;
}
#orderButtons {
	background-image: url(/images/save_btn_trans_bg.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 320px;
	height: 24px;
	position: fixed;
	text-align: center;
	left: 540px;
	bottom: 0px;
	margin: 0 auto;
	padding: 26px 0 0 0;
	border: none;
}
.FormWidthExpandPanel {
	margin: 10px 10px 0px 10px;
	overflow:hidden;
}
.formWidgetCollapse{
	float:left;
}
.projStatus{
    border: 1px solid #ccc;
    border-top: 0px;
    margin: 0px 10px;
    padding:10px;
    background-color: white;
}
.projStatus.cleanWhite{
	border:0px;
	background-color:#fff;
}
.projStatus.cleanWhite p{
	border-bottom:1px solid #ccc;
}
.projStatus label{
	width:165px;
	float:left;
	overflow:hidden;
	text-align:left;
}
.projStatus p{
	border-bottom:1px solid #F2F2F2;
}
.projStatus .textbox{
	width:450px;
}
.FormWidthExpandPanel .toggleHeader h2{
    height:auto;
    overflow:hidden;
    font-size:16px;
    font-weight:bold;
    background-color: #fff;
    line-height:29px;
    width:auto;
    margin:0px;
}
.lengthException .renderQVClear .left{
	width:30px;
}
.newTaskCreate .renderQVClear .textbox{
	width:170px;
	margin-bottom:8px;
}
.AssignmentDlgNewPlaylist .warningSmall {
	color: #990000;
	width: 245px;
	float: right;
	clear: both;
	text-align: left;
}
.VupointResponseDetailsPanelMenuContent {
	padding:5px;
}
.vupointFolderButtons{
	background-color:#fff;
	min-width:600px;
	color:#333;
}
.vupointFolderButtons .large{
	height:28px;
	line-height:28px;
	position:relative;
}
.vupointButton{
	padding:8.5px 18px;
	margin: 0px 10px;
}

/*------------------------------------------------------
 Text based clipping
 =vupoint clipping
-------------------------------------------------------*/
.VupointResponseDetailsSelectionToolbar {
	border-bottom:1px solid #999;
	height:23px;
	background-color:#f7f7f7;
	padding:4px;
}
.VupointResponseDetailsSelectionToolbar .accuracyText {
	line-height:23px;
	float:right;
	font-size:12px;
}
.VupointResponseDetailsSelectionToolbar .accuracyText span.red {
	font-size:12px;
	color:red;
}
.VupointResponseDetailsSelectionToolbar .accuracyText span.green {
	font-size:12px;
	color:green;
}
.VupointResponseDetailsSelectionToolbar .accuracyText span.yellow {
	font-size:12px;
	color:orange;
}
.VupointSelectionInfoToolbar {
	font-size:12px;
	text-align:center;
	padding:2px;
	color: black;
}
.VupointSelectionInfoToolbar.start {
	border-bottom: 1px solid #00AEEC;
	background-color:#DFF1FD;
}
.VupointSelectionInfoToolbar.warning {
	border-bottom: 1px solid #E5C730;
	background-color:#FCFB8D;
}
.VupointSelectionInfoToolbar.good {
	border-bottom: 1px solid #92b87f;
	background-color:#e0edc9;
}
.VupointSelectionInfoToolbar.bad {
	border-bottom: 1px solid #d9b6bb;
	background-color:#f4d7d7;
}
.VupointResponseDetailsSelectionToolbar a {
	background-repeat: no-repeat;
	background-color: transparent;
	height: 21px;
	width: 21px;
	display:block;
	float:left;
	margin:0px 2px 0px 2px;
	cursor:default;
}
.VupointResponseDetailsSelectionToolbar .InactivePlay {
	background-image: url(/images/text_clipping_icons.png);
	background-position: -23px -21px;
}
.VupointResponseDetailsSelectionToolbar .ActivePlay {
	background-image: url(/images/text_clipping_icons.png);
	background-position: -23px 0px;
}
.VupointResponseDetailsSelectionToolbar .ActivePlay:hover {
	border:1px solid #0c2258;
	background-color: #AAA;
}
.VupointResponseDetailsSelectionToolbar .ActiveClip {
	background-image: url(/images/text_clipping_icons.png);
	background-position: 0px 0px;
}
.VupointResponseDetailsSelectionToolbar .ActiveClip:hover {
	border:1px solid #0c2258;
	background-color: #AAA;
}
.VupointResponseDetailsSelectionToolbar .InactiveClip {
	background-image: url(/images/text_clipping_icons.png);
	background-position: 0px -21px;
}

/**** DualListBoxAssignmentPanel *****/
.DualListBoxAssignmentPanel {
	height:320px;
	text-align:left;
	margin-top:10px;
}

.DualListBoxAssignmentPanel .instructions {
	float: left;
	clear: both;
	display: block;
	text-align: left;
}

.DualListBoxAssignmentPanel .instructions p {
	color: #FFF;
}

.DualListBoxAssignmentPanel .available {
	padding: 5px;
	float: left;
	clear: both;
}

.DualListBoxAssignmentPanel .available select {
	width: 425px;
	height: 200px;
	border: 1px solid #666;
}

.DualListBoxAssignmentPanel .buttons {
	float: left;
	width: 40px;
	height: 175px;
	padding: 5px;
}

.DualListBoxAssignmentPanel .assigned {
	padding: 5px;
	float: left;
}

.DualListBoxAssignmentPanel .assigned select {
	width: 	425px;
	height: 200px;
	border: 1px solid #666;
}

/* dual list box overrides */
.ProjectRoleEditDialog{
	padding: 5px 0px 5px 0px;
	float: left;
	width: 450px;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #555;
}

#ProjectRoleFormProjectRoleEditDialog .ProjectRoleEditDialog {
	width:930px;
}
#ProjectSegmentFormProjectSegmentAssignmentDialog .ProjectSegmentAssignmentDialog {
	width:750px;
}
#QuestionGroupFormQuestionGroupAssignmentDialog .QuestionAssignmentDialog {
	width:750px;
}
#QuestionGroupFormQuestionGroupAssignParticipantsDialog .QuestionAssignmentDialog {
	width:750px;
}
.search_container {
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}

.userCompanyBar{
	float:left;
	clear:both;
	background-image:url(/images/datagrid_header_bg.png);
	background-position:left;
	background-repeat:repeat-x;
	height:27px;
	width:99.5%;
	line-height:27px;
	padding:5px;
}

.btnspace{
	margin:5px 5px 5px 0px;
}

.5bPadding{
	padding-bottom:5px;
}

.5bmargin{
	margin-bottom:5px;
}
.actionMenuBlock {
	position: relative;
	margin:3px 0px;
	min-width: 85px;
}
.dialogueTopPage{
	position: fixed;
	top:100px;
}
.profileAbout{
	width:450px;
	margin-left:10px;
}
.actionsMenu {
	display: none;
	position: absolute;
	border-top: 1px solid #CCC;
	top: 0px;
	right: 100px;
	z-index: 20;
	background-color: #FFF;

}
.actionMenuBlock a.realisticButton b.m b{
	padding:2px 8px;
	text-align:center;
}
.actionMenuBlock .realisticButton a{
	text-decoration:none;
}
.actionMenuBlock a.realisticButton:hover{
	text-decoration:none;
}
.actionsMenu .innerContainer {
	height: 20px;
	padding: 2px 5px;
	border: 1px solid #CCC;
	border-top:0px;
	overflow: hidden;
}

.actionsMenu .innerContainer:hover {
	color: #FFF;
	background-color: #333;
	cursor: pointer;
}


/*:::::::::::::::::::DATA GRID STYLE END:::::::::::*/
.userCompanyBox{
float:left;
width:700px;
border-bottom:1px dotted #ccc;
padding-top:12px;
padding-bottom:6px;
}
.userCompanyBox2{
	float:left;
	width:700px;
	padding:12px 0px;
	padding-bottom:6px;
}

.userCompanyOrText{
	float:left;
	margin:0px 8px 0px 12px;
	font-weight:bold;
	font-size:12px;
}

.userCompanyBox .left{
	float:left;
	width:140px;
}

.userCompanyBox .calendar .navigator .left{
	float:left;
	width:auto;
}

.userCompanyBox .calendar .navigator .month{
	float:left;
	width:auto;
}
.userCompanyOnlyButton{
	float:left;
	font-size:12px;
	background-color:#333;
	background-image:url(/images/cascading_icon_gray.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:3px;
	padding-left:17px;
	margin-left:5px;
	border:1px solid #434343;
	cursor:pointer;
	margin-top:1px;
}

.companyModalContainer{
	float:left;
	border:1px solid #999;
	background:#dff1fd;
	z-index:1;
	padding:10px;
}

.transcriptDialogContainer{
	float:left;
	border:1px solid #999;
	background:#dff1fd;
	z-index:1;
	padding:10px;
	overflow-y:scroll;
	height:400px;
	width:578px;
}

.createCompanyModal{
	float:left;
	clear:both;
	margin-top:15px;
	background-color:#fff;
	padding:10px;
	border:1px solid #999;
}

.createCompanyModal h1{
	font-size:14px;
	color:#F60;
}

.dialogbox{
	float:left;
	background-color: #fff;
}

.createCompanySubModal{
	float:left;
}

.createCompanySubModal div{
	float:left;
	clear:both;
}

.createCompanySubModal .textbox{
	width:170px;
	margin-bottom:3px;
}

.createCompanySubModal .listbox{
	border:1px solid #666;
}

.createCompanySubModal .addressPanelBox{
	margin-left:-30px;
}

.createCompanySubModal .renderQVClear{
	margin-left:20px;
}

.createCompanySubModal .renderQVClear .left{
	color:#000;
	text-align:right;
	width:140px;
}

.createCompanySubModal .renderQVClear .right{
	clear:none;
}

.createCompanySubModal .renderQVClear .dropDown{
	margin-bottom:3px;
	padding-bottom:0px;
}

.createCompanySubModal h1{
	float:left;
	margin:10px 0px 0px 10px;
	color:#000;
	font-size:14px;
}

.titles{
	color:#fff;
	font-size:14px;
}

.vupointNotice{
	color:#000;
	background-color:#FCDFB9;
	float:left;
	width:99%;
	height:30px;
	padding:5px;
	margin-bottom:10px;
}

.userClearBothLeft{
	clear:both;
	float:left;
}

.userCompanyPlus{
	float: right;
	cursor: pointer;
}

.infoBlock {
	width: 400px;
	display: none;
	padding: 30px 10px 10px 50px;
}

.infoLabel {
	float: left;
	clear: left;
	width: 120px;
	text-align: right;
	padding: 0px 14px 0px 0px;
}

.crmCompanyName {
	font-size:12px;
}

.crmUserName {
	float:left;
	font-size:14px;
	font-weight:bold;
}

.crmInteractionEditBlock {
	float:left;
	clear:both;
	margin:10px 0px;
}

.crmInteractionEditBlock .renderQVClear .left {
	text-align:right;
	width:120px;
}

.crmInteractionEditBlock .renderQVClear .right {
	*margin-left:0px; /* IE 7 specific code*/
}

.crmInteractionEditBlock div {
	margin:1px 0px;
}

.crmInteractionBreadcrumb ol {
	list-style-image: url(/images/double_chevron.png);
	padding: 0;
	margin: 0;
}

.crmInteractionBreadcrumb ol li {
	float: left;
	padding-left: 7px;
}

.selectionName {
	font-weight: bold;
}

a.paginator_page {
	color: #f1f2f2;
	padding:4px 5px;
	text-decoration:none;
	border:1px solid transparent;
}

a.paginator_page:hover{
	height:18px;
	line-height:18px;
	background-color: #FFF;
	color: #333;
	padding:4px 5px;
	border:1px solid #999;
}

.navigator .left{
	clear:none;
	padding:0px;
	width:auto !important;
}

.navigator .month{
	margin:0px 10px;
	width:auto !important;
}
/*:::::::::::::::::::LEADS360 INFORMATION VIEW:::::::::::::::::::*/
table.leadsInfo, table.actionsLogs {
	width:100%;
}
.leadsInfo td, .actionsLogs td {
	color:#333;
	background:#f4f4f4;
	padding:8px 14px;
}
.leadsInfo tr td:first-child {
	background:#ccc;
	text-align:right;
	width:150px;
}

table.actionsLogs tr:nth-child(odd) td {
	background:#ccc;
}

/*:::::::::::::::::::PARTICIPANT MANAGEMENT:::::::::::::::::::*/
.partMgmtHeader {
	background-color:#444;
	border:1px solid #666;
	padding:5px;
	margin-top:10px;
	color:#fff;
}
.partMgmtHeaderLeft, .partMgmtHeaderRight{
	width:50%;
	float:left;
	font-size:18px;
	font-weight:bold;
	border-right:2px ridge #888;
}
.partMgmtHeaderRight {
	font-size:14px;
	border-right:none;
	margin-right:-2px;
}
.partMgmtCount {
	float:left;
	padding:0 10px;
	border-right:2px ridge #888;
}
.partMgmtCount img {
	float:left;
	padding-right:10px;
	padding-top:2px;
}
.partMgmtDate {
	padding:0 10px;
	text-align:center;
}
#ProjectIndicator {
	float:right;
	font-weight:normal;
	padding-right:2px;
	padding-left:10px;
	border-left:2px ridge #888;
	width:60px;
}
#ProjectInfo {
	margin-top:10px;
	padding:5px;
}
#ProjectInfo div.ContentShortControl, #ProjectInfo div.ContentShortControl {
	width:50%;
	float:left;
	border-right:1px solid #999;
	margin-right:-2px;
	font-weight:bold;
}
#ProjectInfo div.ContentShortControl + div div {
	padding-left:10px;
}
#ProjectInfo div.ContentShortControl + div div:nth-child(2) {
	font-weight:normal;
	font-style:italic;
}
.partMgmtBorder {
	border-bottom:2px solid #666;
}
.partMgmtBorder2 {
	border-bottom:1px dotted #000;
	margin-bottom:7px;
}

.QualvuPopupBubble {
	position:absolute;
	top:-121px;
	left:35px;
	z-index:100;
	background-color:#dff1fd;
	border:1px solid #999;
	width:300px;
	height:200px;
	padding:15px;
	display:none;
	text-align:left;
}

#QualvuPopupBubbleqpbTaskDetails {
	background-color:#fff !important;
}

#EnlistFollowUpPanel {
	position:absolute;
	top:-98px;
	left:35px;
	z-index:100;
	background-color:#dff1fd;
	border:1px solid #999;
	width:300px;
	padding:15px;
	display:none;
	text-align:left;
}

#EnlistFollowUpPanel .textbox{
	width:300px;
}
.partMgmtBubble{
	background-image:url('/images/participant_bubble_triangle.png');
	width:13px;
	height:19px;
	position:absolute;
	top:100px;
	left:-13px;
}

.qualvuBubbleTriangleLeft{
	background-image:url('/images/participant_bubble_triangle_left.png');
	width:13px;
	height:19px;
	position:absolute;
}

#QualvuPopupBubbleqpbTaskDetails .qualvuBubbleTriangleLeft {
	background-image:url('/images/participant_bubble_triangle_left_white.png');
}

.qualvuBubbleTriangleRight{
	background-image:url('/images/participant_bubble_triangle_right.png');
	width:13px;
	height:19px;
	position:absolute;
}

#QualvuPopupBubbleqpbTaskDetails .qualvuBubbleTriangleRight {
	background-image:url('/images/participant_bubble_triangle_right_white.png');
}

.qualvuBubbleTriangleUp{
	background-image:url('/images/participant_bubble_triangle_up.png');
	width:20px;
	height:13px;
	position:absolute;
}

#QualvuPopupBubbleqpbTaskDetails .qualvuBubbleTriangleUp {
	background-image:url('/images/participant_bubble_triangle_up_white.png');
}

.qualvuBubbleTriangleDown{
	background-image:url('/images/participant_bubble_triangle_down.png');
	width:20px;
	height:13px;
	position:absolute;
	background-repeat: no-repeat;
}

#QualvuPopupBubbleqpbTaskDetails .qualvuBubbleTriangleDown {
	background-image:url('/images/participant_bubble_triangle_down_white.png');
}

.taskMgmtBubble{
	background-image:url('/images/participant_bubble_triangle_right.png');
	width:13px;
	height:19px;
	position:absolute;
	top:75px;
	right:-13px;
}

.partMgmtCellImage {
	position:relative;
	text-align:center;
	width:20px;
}
.partMgmtCellTitle {
	padding-left:10px;
	font-weight:bold;
}
.partMgmtNotes {
	display:none;
	margin-top:10px;
	line-height:normal;
}
.partMgmtFollowup {
	position:relative;
	text-align:center;
	width:20px;
	margin:auto;
	float:left;
}
.partMgmtFollowupCount {
	float:left;
	font-size:20px;
	color:#346733;
	font-weight:bold;
	padding-left:5px;
}
.partMgmtViewAll {
	text-align:right;
	text-decoration:underline;
}
.partMgmtFollowupInfo {
	border-top:1px solid #666;
	padding-bottom:5px;
}

.vdContentInside h2 {
	background:#e3e3e4;
	font-size:16px;
	padding:5px 10px;
}

.vdContentInside h3 {
	font-size:14px;
	padding:15px 0 0 20px;
}
.mobileInfo{
	font-size:12px;
}
.mobileInfo li{
	font-size:12px;
}
.mobileInfo ul{
	list-style-image: url('/images/img_faq_arrow.png');
}
ul.mobileInfo{
	list-style-image: url('/images/img_faq_arrow.png');
}
.mobileStatistics{
	text-align:left;
	margin:0px 20px 10px 0px;
	padding-left:10px;
}
#pnlVDHelpline h2 img, #pnlVDHelpline h3 img {
	vertical-align:middle;
	padding-right:5px;
}

#pnlVDHelpline ul {
	margin-bottom:10px;
	margin-left:5px;
}

#pnlVDHelpline h2 + ul {
	margin-top:10px;
	margin-bottom:20px
}

#pnlVDHelplineLost {
	margin:5px;
	padding:0 25px 15px 0;
	border-left:1px solid #999;
}

.dttTime {
	font-style: italic;
}
.dttDate {
	font-weight: bold;
}
.white{
	color: #fff;
}
.white th, .white td{
	color:#fff;
}
.whiteBg{
	background-color: #fff;
}
.blueBox:hover{
	background-color:#5AB9E8;
}
.whiteBackground {
	background-color: white;
}
.rejectedTaskRow td {
	color: #000;
	vertical-align: middle;
}
.rejectedTaskRow, .rejectedTaskRow td {
	background-color: #FFA199;
	padding: 0px 5px;
	padding-left:10px;
	line-height:16px;
	text-align:left !important;
	vertical-align: middle;
	border-bottom: 1px solid #999;
}

.activeProposalRow, .activeProposalRow td {
	color:#000;
	background-color: #D6FFAE;
	padding: 0px 5px;
	padding-left:10px;
	line-height:16px;
	text-align:left !important;
	vertical-align: middle;
}

.inactiveProposalRow, .inactiveProposalRow td {
	color:#000;
	background-color: #FFC0C0;
	padding: 0px 5px;
	padding-left:10px;
	line-height:16px;
	text-align:left !important;
	vertical-align: middle;
}

.completeTaskRow, .completeTaskRow td {
	color:#000;
	background-color: #D6FFAE;
	padding: 0px 5px;
	padding-left:10px;
	line-height:16px;
	text-align:left !important;
	vertical-align: middle;
	border-bottom: 1px solid #999;
}

.submittedTaskRow, .submittedTaskRow td {
	color:#000;
	background-color: #F7D745;
	padding: 0px 5px;
	padding-left:10px;
	line-height:16px;
	text-align:left !important;
	vertical-align: middle;
	border-bottom: 1px solid #999;
}

.assignedTaskRow, .assignedTaskRow td {
	background-color: #F4F4F4;
	color:#000;
	padding: 0px 5px;
	padding-left:10px;
	line-height:16px;
	text-align:left !important;
	vertical-align: middle;
	border-bottom: 1px solid #999;
}

tr.rejectedTaskRow:last-child td, tr.completeTaskRow:last-child td, tr.submittedTaskRow:last-child td, tr.assignedTaskRow:last-child td {
	border-bottom: none;
}

.assignedTaskRow td a, .submittedTaskRow td a, .completeTaskRow td a, .rejectedTaskRow td a{
	color:#000;
	text-decoration:underline;
}
.renderQVClear .fg-button{
	margin:0px;
	float:left;

	font-size:12px;
	padding:5px;
	border:1px solid #434343;
	background-color:#333;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	margin-bottom:10px;
}


.renderQVClear .fg-button:hover{
	float:left;
	border:1px solid #CDCD60;
	color:#CDCD60;
}


.expandNewTask{
	width:100%;
}
.renderQVClear .ui-corner-all{
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	-moz-border-radius:0px;
}
.assignedTaskRow .dttTime, .submittedTaskRow .dttTime, .completeTaskRow .dttTime, .rejectedTaskRow .dttTime{
	color:#6d6d6d;
}
.colorLegend{
	float:left;
	margin-left:8px;
	margin-right:5px;
	margin-bottom:5px;
}
.colorLegend .descText{
	float:left;
	line-height:17px;
	margin-left:2px;

}
.colorLegend img{
	float:left;
	border:1px solid #666;
}
.assignedTaskRow i, .submittedTaskRow i, .completeTaskRow i, .rejectedTaskRow i{
	color:#6d6d6d;
}

.TaskListMenuBar {
	margin-top:20px;
	clear:both;
}

.taskAssigned, .taskComplete, .taskReject, .taskUnRejected, .taskUnComplete, .taskDownload {
	float:left;
	width:31px;
	height:32px;
	cursor:pointer;
	margin:5px 5px 5px 0px;
}
.help {
	cursor: help;
}
.InlineEditDropDown, .InlineEditCalendar, .InlineEditText {
	text-decoration:underline;
	cursor:pointer;
}

.InlineEditText input[type="text"]{
	width:85%;
}
.textHoverContainer a:hover{
	color:#000;
	text-decoration:none;
}
.InlineEditText .textHoverContainer:hover {
	padding:5px;
	border:1px solid #666;
	margin-left:-6px;
}
.textContent .renderQVClear{
	width:100%;
}
.InlineEditText .pencilContainer:hover{
	padding-right:18px;
	margin-bottom:10px;
	background-image:url(/images/edit-icon.png);
	background-repeat:no-repeat;
	background-position:right;
	width:85%;
}
.DataGridSuperFilter {
	padding:0px 5px 0px 5px;
	cursor:pointer;
	color:#fff;
	text-decoration: underline;
}
.DataGridSuperFilter:hover{
	color:#CDCD60;
}

.buttonMargin20{
	margin-left:20px;
	padding:8px 4px;
	margin-top: -1px;
}

.buttonMargin20{
	*padding: 8px 0px 6px 0px;
	*margin-top: -5px;
}
.TaskListMenuBar .renderQVClear{
	margin-left:-20px;
	margin-right:20px;
}
.DataGridSuperFilterActive {
	padding:0px 5px 0px 5px;
	color:#fff;
	font-weight:bold;
	cursor:default;
	text-decoration: none;
}

.pubPlaylistAct{
	float:left;
	width:31px;
	height:32px;
	cursor:pointer;
	margin:5px 5px 5px 0px;
}

.actionGrayFlag{
	background:url(/images/flag_icon_gray.png) no-repeat;
}

.actionGreenFlag{
	background:url(/images/flag_icon_green.png) no-repeat;
}

.actionDelete{
	background:url(/images/trash_icon_gray.png) no-repeat;
}

.actionDelete:hover{
	background:url(/images/trash_icon_hover.png) no-repeat;
}

.actionDelete:active{
	background:url(/images/trash_icon_click.png) no-repeat;
}

.actionEmbed {
	background:url(/images/embed_icon_gray.png) no-repeat;
}

.actionEmbed:hover{
	background:url(/images/embed_icon_hover.png) no-repeat;
}
.actionEmbed:active{
	background:url(/images/embed_icon_click.png) no-repeat;
}

 .actionDownload{
	background:url(/images/download_icon_gray.png) no-repeat;
}

.actionDownload:hover{
	background:url(/images/download_icon_hover.png) no-repeat;
}
.actionDownload:active{
	background:url(/images/download_icon_click.png) no-repeat;
}


#RejectTaskPanel {
	position:absolute;
	top:-50px;
	left:-250px;
	z-index:100;
	background-color:#ccc;
	border:1px solid #000;
	width:300px;
	height:160px;
	color:#000;
	padding:15px;
	display:none;
	text-align:left;
}

.interpInstructions{
	float:left;
	padding: 5px;
	margin-left:5px;
	width:680px;
	min-height:200px;
}


/*:::::::::::::::::::Widget:::::::::::::::::::*/

.dashboard #dropZone {
	display: none;
	padding: 10px;
}

.dashboard #dropZone div {
	border: 2px dashed #bbb;
	width:100%;
	height:100%;
}

.dashboard .layoutTwoColStretchRight .leftc {
	float:left;
	width: 420px;
}

.dashboard .layoutTwoColStretchRight .rightc {
	margin-left: 420px;
}

.dashboard .column {
	border: 0px hidden #fc0;
}

.dashboard .widget {
	border: 1px solid #ccc;
	position: relative;
}

.dashboard .widget .widgetTitle {
	background-image: url(/images/dashboard_header_dotted_icon.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-color:#efefef;
	border-bottom: 1px solid #ccc;
	padding:3px;
	padding-left:5px;
	color: #BBB;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;
}

.dashboard .widget .widgetTitle .menuContainer {
	width:40px;
	height:20px;
	float:right;
	position:relative;
}

.dashboard .widget .widgetTitle .menuContainer .menuIcon {
	background-image: url(/images/dashboard_widget_options_icon_set.png);
	background-repeat: no-repeat;
	background-position: top;
	float:right;
	height:13px;
	width:15px;
	margin-top:3px;
	cursor: pointer;
}

.dashboard .widget .widgetTitle .menuContainer .menuIcon:hover {
	background-position: bottom;
}

.dashboard .widget .widgetTitle .menuContainer .menu {
	width:175px;
	background-color:#fff;
	position:absolute;
	top:25px;
	right:-3px;
	display:none;
	border-left: 1px solid #c9c9c9;
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 3px #999;
	box-shadow: 0px 3px 3px #999;
}

.dashboard .widget .widgetTitle .menuContainer .menu:hover {
	cursor:pointer;
}

.dashboard .widget .widgetTitle .menuContainer .menu a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font: 11px;
	padding:3px;
	padding-left:10px;
	border-bottom:1px solid #c9c9c9;
}

.dashboard .widget .widgetTitle .menuContainer .menu a:hover {
	background-color:#eaf3f9;
	color: #2786C2;
	cursor:pointer;
}

.dashboard .widget .content {
	background-color:#f4f4f4;
	padding:10px;
	color:#000;
	overflow:hidden;
}

/***** Widget styles accessible for widgets to override ****/

.widget .listItem {
	background-color:#fff;
	border-bottom:1px solid #bbb;
	padding:5px 10px;
}


.widget .listItem:hover {
	background-color: #F6ECA5;
	cursor: pointer;
}


.widget .footerNavigation{ /* 	This anchors the content within to the
								bottom of the parent element. see announcements
								widget */
	height:60px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}

.widget .footerNavigation .navContent {
	margin:0px 20px;
	border-top: 1px solid #9e9e9e;
	padding:20px 0px 30px 0px;
}

.widget .footerNavigation .arrow {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
}

.ie7Show {
	display:none;
	*display:inline;
}

.widget .footerNavigation .arrow.prevArrow {
	background-image: url(/images/widget_bk_arrow_set.png);
	background-position: top left;
	margin-right:5px;
	*background-image:none;
}

.widget .footerNavigation .arrow.prevArrow:hover {
	background-position: top right;
}

.widget .footerNavigation .arrow.nextArrow {
	background-image: url(/images/widget_fwd_arrow_set.png);
	background-position: top left;
	*background-image:none;
}

.widget .footerNavigation .arrow.nextArrow:hover {
	background-position: top right;
}

.widget .footerNavigation .arrow.disabledArrow {
	background-position: bottom left;
}

.widget .footerNavigation .arrow.disabledArrow:hover {
	background-position: bottom left;
}
.myProjectsWidget .olControlPanPanel div{
	background-image:url('/images/pan-panel.png');
}
.myProjectsWidget .olControlZoomPanel div{
	background-image:url('/images/zoom-panel.png');
}
/**** My Quotes Widget ****/
.quoteList {
	height: 275px;
	overflow: auto;
}
/*-------------------------------------------------------
 =Video Diary Widget
--------------------------------------------------------*/
.videodiaryWidget .tabContainer {
	border-bottom:1px solid #9e9e9e;
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
	background-color: #eee;
}
.videodiaryWidget .tabContainer .tab {
	display:block;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #000;
	text-decoration:none;
}
.videodiaryWidget .tabContainer .tab:hover {
	text-decoration:underline;
}
.videodiaryWidget .tabContainer .selectedTab {
	border-top: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-bottom: 1px solid #eee;
	margin-bottom:-1px;
	background-color: #eee;
	text-decoration:none;
}
.videodiaryWidgetContent{
	background-color:#eee;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:-10px;
}
.widgetVideoHolder{
	margin-bottom:20px;
	float:left;
	padding-top: 15px;
	text-align: center;
	width: 390px;
}
.videodiaryWidget .listItem {
	height: 45px;
}
.videodiaryWidget .listItem img{
	float: left;
	margin-right:10px;
	width:60px;
	height:45px;
	cursor:pointer;
}
.videodiaryWidget .listItem .title{
	color: #2786C2;
}
.videodiaryWidget .listItem .title:hover{
	text-decoration:underline;
}
.videodiaryWidget .listItem .info{
	font-style: italic;
	color: #999;
}
.videodiaryWidget .responseList{
	overflow:auto;
	height:300px;
	border-bottom: 1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	clear:both;
}
.videodiaryWidget .emptyList {
	display:block;
	text-align:center;
	margin-top:100px;
}
.playlistPlayButton {
	background-image: url(/images/dashboard_small_arrow_allstates.png);
	background-repeat: no-repeat;
	background-position: top;
	width:18px;
	height:11.5px;
	float:right;
	margin-top: 17px;
	margin-right:20px;
}
.playlistPlayButton:hover {
	background-position: bottom;
}
.playlistList{
	float: left;
	width:100%;
	clear:both;
	background-color:#eee;
}
.previousWidgetVideoButton{
	background-image: url(/images/bk_arrow_all_states.png);
	background-repeat: no-repeat;
	background-position: center;
	width:18px;
	height:29px;
	float:left;
	margin: 15px;
	margin-top:7px;
}
.previousWidgetVideoButton:hover{
	background-position: bottom;
}
.nextWidgetVideoButton{
	background-image: url(/images/fwd_arrow_all_states.png);
	background-repeat: no-repeat;
	background-position: center;
	width:18px;
	height:29px;
	float:right;
	margin: 15px;
	margin-top:7px;
	cursor:pointer;
}
.nextWidgetVideoButton:hover{
	background-position: bottom;
}
.boxSpace{
	width:97%;
	float:left;
	height:20px;
}

.responseBar{
	border-top:1px solid #000;
	margin-left:10px;
	width:380px;
}
.replyVideoList{
	overflow:hidden;
	margin-left:2px;

}
.replyVideoContainer{
	padding-bottom: 10px;
	width:390px;
}

/**** Report Widget ****/

.reportWidgetName{
	font:12px;
	font-weight:bold;
	color:#005688;
	float:left;
	margin-top:10px;
}
.reportWidgetImageContainer{
	position:relative;
	text-align:center;
}

.reportWidgetDownloadText{
	font:11px;
	color: #999;
}
.reportWidgetButton{
	position:absolute;
	top:20px;
	left:0px;
	display:none;
	color:#fff;
	width:237px;
	text-align:center;
}
.reportWidgetButton a{
	margin-bottom:20px;
	clear:both;
}
.reportWidgetImage{
	position:relative;
	cursor:pointer;
	text-align:center;
	width:237px;
	height:189px;
	margin: 0px auto;
	background-image: url('/images/report_thumbnail_bg.png');
	background-position: bottom left;
	padding:5px 5px 5px 5px;
}
.reportWidgetImage .reportImg > img {
	width:237px;
	height:185px;
	border:0px;
}
.reportWidgetHover{
	width:237px;
	position:absolute;
	top:2px;
	*left:5px;
	background-color: #000;
	opacity:0.9;
	height:191px;
}
.reportWidgetImage .newReport {
	position:absolute;
	top:-10px;
	left:5px;
	z-index:15;
}
/**** Announcements Widget ****/
.announcementsWidget .announcementText {
	height:140px;
	padding-bottom:60px;
	overflow:hidden;
}
.questionControl{
	float:left;
	width:97%;
	padding:5px;
	clear:both;
}
.questionControl .renderQVClear .left{
	color:#000;
}
.responsePlayList{
	width:100%;
	overflow:auto;
	height:330px;
	border-bottom: 1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	clear:both;
}
.responseList .renderQVClear .left{
	padding-left:10px;
	color:#000;
}
.questionControl .renderQVClear .dropDown{
	padding-bottom:0px;
	padding-left:4px;
}
.videoThumbnails img {
	height:35px;
	width:42px;
	margin-right:15px;
	border: 2px solid #9e9e9e;
}
.videoThumbnails img:hover {
	border:2px solid #fcb412;
}
.replyVideoContainer .selectedImageRadioListItem {
	border: 2px solid #fcb412 !important;
}
.myProjectsWidget {
	display: block;
}
.myProjectsWidget .projectSearch {
	position: absolute;
	right:60px;
	top:1px;
	color: #fff;
}
.myProjectsWidget .projectSearch .ac_input {
	height:17px;
	background-image: url('/images/search_icon.png');
	background-position: 97% center;
	background-repeat: no-repeat;
}
.myProjectsWidget .projectSearch .ac_loading {
	background: white url('/images/indicator.gif') 97% center no-repeat !important;
}
.myProjectsWidget .projectSearch .ac_selected {
	background-color: #fff !important;
}
.myTasksWidget_projectId {
	padding-right: 25px;
}
.ac_over .myTasksWidget_projectId,
.ac_over strong,
.ac_over .myTasksWidget_projectStage {
	color: white;
}
.myProjectsWidget .contentContainer {
	background-color:#fff;
	border:1px solid #bbb;
}
.myProjectsWidget .listPanel .header {
	float:right;
	margin-bottom:5px;
}
.myProjectsWidget .listContainer .dataContainer {
	height:350px;
	overflow: auto;
}
.myProjectsWidget .listContainer .headerRow {
	background-color:#E8E8E8;
	border-bottom: 1px solid #bbb;
	padding: 2px 0px;
}
.myProjectsWidget .listContainer .col1 {
	margin-left: 20px;
}
.myProjectsWidget .listContainer .col2 {
	margin-right: 0px;
	float:right;
	width:150px;
	text-align:left;
}
.myProjectsWidget .listItem {
	background-color:#fff;
	border-bottom:1px solid #bbb;
	line-height:24px;
	padding:5px 0px;
}
.myProjectsWidget .listItem:hover {
	background-color: #FBF6B8;
}
.myProjectsWidget .listItem .projectName {
	float:left;
	width:150px;
	margin-right:20px;
}
.myProjectsWidget .listItem .projectActionButtons {
	float:left;
}
.myProjectsWidget .projectActionButtons .quickLookBtn {
	margin-right: 5px;
}
.myProjectsWidget .listItem .statusIcon {
	margin-right:2px;
}
.myProjectsWidget .detailsPanel .header {
	margin-bottom:5px;
}
.myProjectsWidget .detailsPanel .projectInfo {
	padding: 10px;
	padding-right: 0px;
	padding-bottom:0px;
	height:80px;
	position:relative;
}
.myProjectsWidget .detailsPanel .projectInfo .infoContainer {
	padding-right:275px;
	height: 80px;
	overflow:hidden;
}
.myProjectsWidget .detailsPanel .projectInfo .projectName {
	font-weight: bold;
}
.myProjectsWidget .detailsPanel .projectInfo .projectOverview {
	font-style: italic;
}
.myProjectsWidget .projectInfo .projectOverview .red {
	color:red;
}
.myProjectsWidget .projectInfo .projectOverview .green {
	color:red;
}
.myProjectsWidget .projectInfo .linkContainer {
	width:275px;
	position:absolute;
	right:0px;
	top:0px;
}
.myProjectsWidget .detailsPanel .projectInfo .headerLink {
	float:right;
	border-left: 1px solid #bbb;
	height:65px;
	width:90px;
	text-align:center;
	padding-top:25px;
	font-weight: bold;
}
.myProjectsWidget .detailsPanel .projectInfo .headerLink a {
	text-align:center;
	display: block;
	text-decoration: none;
}
.myProjectsWidget .detailsPanel .tabContainer .tab {
	width:30%;
	float:left;
}
.myProjectsWidget .detailsPanel .tabContainer .tab.projectDetails {
	width: 40%;
}
.myProjectsWidget .detailsPanel .tabContainer .tab div {
	display:block;
	border:1px solid #bbb;
	margin:0px 2px;
	padding: 2px 0px;
	text-align: center;
	margin-bottom:-1px;
	cursor: pointer;
}
.myProjectsWidget .detailsPanel .tabContainer .tab div.tabSelected {
	background-color: #fff;
	color: #000;
	border-bottom:1px solid #fff;
}
.myProjectsWidget .detailsPanel .tabContainer .tab div.tabUnSelected {
	background-color: #3A71AC;
	border-color:#3A71AC;
	color: #fff;
}
.myProjectsWidget .detailsPanel .tabContainer .tab.projectDetails div.tabUnSelected {
	background-color: #F3C714;
	border-color:#F3C714;
	color: #5f5f5f;
}
.myProjectsWidget .detailsPanel .tabContainer .tabContent {
	border-top:1px solid #bbb;
	height:234px;
	padding:10px;
	overflow:auto;
}
.myProjectsWidget .detailsPanel .tabContainer .tabContent.projectActivity {
	padding:20px;
	height:214px;
}
.myProjectsWidget .detailsPanel .tabContainer .tabContent .chart{
	height: 214px;
}
.myProjectsWidget .detailsPanel .tabContent.projectDetails {
	padding:20px;
	height:214px;
}
.myProjectsWidget .detailsPanel .tabContent.projectDetails .renderQVClear {
	clear: left;
}
.myProjectsWidget .detailsPanel .tabContent.projectDetails .renderQVClear .left {
	font-weight: bold;
	text-align:left;
	width: 110px;
}
.myProjectsWidget .detailsPanel .tabContent.demographics {
	padding-top:0px;
	height:244px;
}
.myProjectsWidget .detailsPanel .tabContent.demographics .map {
	border:1px solid #bbb;
	height: 220px;
}
.myProjectsWidget .detailsPanel .tabContent.demographics .participantInfo {
	font-weight: bold;
}
.myTasksWidget .listItemContainer {
	height:200px;
	overflow: auto;
	clear:left;
}
.myTasksWidget .listItem {
	background-color:#fff;
	border-bottom:1px solid #bbb;
	line-height:32px;
	padding:5px 10px;
	height: 32px;
	overflow: hidden;
}
.myTasksWidget .listItem.complete {
	background-color: #DEEAA9;
}
.myTasksWidget .listItem.submitted {
	background-color: #F9F6BF;
}
.myTasksWidget .listItem:hover {
	background-color: #FBF6B8;
}
.myTasksWidget .listItem .taskListIcon {
	float:right;
	height: 32px;
	width:32px;
	background-repeat: no-repeat;
	margin-left:10px;
	cursor: pointer;
}
.myTasksWidget .listItem .taskListIcon.assigned {
	background-image: url("/images/icon_checkmark_gray.png");
}

.myTasksWidget .listItem .taskListIcon.submitted {
	background-image: url("/images/icon_checkmark_yellow.png");
}

.myTasksWidget .listItem .taskListIcon.complete {
	background-image: url("/images/icon_checkmark_green.png");
}

.myTasksWidget .listItem .taskListIcon.rejected {
	background-image: url("/images/icon_thumbsdown_red.png");
}

.myTasksWidget .listItem .listItemDesc {
	cursor:pointer;
	line-height:32px;
}

.myTasksWidget .taskDetails .taskInfo {
	border-top:2px solid #bbb;
	padding-top:10px;
	margin-top: 10px;
}

.myTasksWidget .taskDetails .taskDesc {
	clear: left;
	height: 110px;
	overflow: auto;
}

.myTasksWidget .taskDetails .renderQVClear {
	clear: left;
}
.myTasksWidget .taskDetails .renderQVClear .left {
	width: 100px;
	text-align:left;
}

.myTasksWidget .backButtonContainer {
	position:absolute;
	bottom:20px;
}

.myTasksWidget .menuContainer {
	position:relative;
	padding:3px 7px;
	float:left;
	margin-bottom:5px;
	border:1px solid transparent;
}

.myTasksWidget .menubutton {
	position:relative;
	float:left;
	cursor:pointer;
	background-image: url('/images/dashboard_widget_task_icon.png');
	background-repeat: no-repeat;
	width:48px;
	height:28px;
	background-position: 0% 0%;
}

.myTasksWidget .menubutton:hover,
.myTasksWidget .menubutton.active {
	background-position: 0% 100%;
}

.myTasksWidget .menuContainer.active {
	background-color:#fff;
	border:1px solid #bbb;
}

.myTasksWidget .menuContainer .menu {
	z-index:10;
	position:absolute;
	top:32px;
	left:-1px;
	background-color: #fff;
	border:1px solid #bbb;
	width:130px;
	color:#000;
}

.myTasksWidget .menuContainer .menuItem {
	color: #000;
	padding:2px 10px;
}

.myTasksWidget .menuContainer .menuItem:hover {
	background-color:#EAF3F9;
	color: #2786C2;
	cursor:pointer;
}

.myTasksWidget .tasksAwaitingIcon {
	background-image: url(/images/dashboard_widget_task_notification_icon.png);
	width: 15px;
	height: 20px;
	background-position: left top;
	background-repeat: no-repeat;
	display:block;
}

.myTasksWidget .tasksAwaitingIcon.disabledIcon {
	background-position: left bottom;
	cursor: default;
}

.myTasksWidget .taskApprovalContainer {
	position: relative;
	float:left;
	margin:4px;
}

.myTasksWidget .tasksAwaitingNumber {
	position:absolute;
	top:0px;
	left:10px;
	line-height: 9px;
	padding: 1px 3px;
	height:9px;
	font-size:8px;
	background-color: #f00;
	border: 1px solid #900;
	color:#fff;
}

/*::::::::::::::::Search Page:::::::::::::::*/
.searchLeftContentBox{
	float:left;
	clear:both;
	margin-top:10px;
	padding:10px;
	padding-left:0px;
	margin-left:10px;
	border-bottom: 1px solid #999;
	width:120px;
}
.searchLeftContainer {
	position:absolute;
	left:0px;
	top:0px;
}
.searchLeftContentBox h1, .leftMenuStyleDelta{
	color:#acacac;
	font-size:12px;
	font-weight:bold; /*for when it's not in h1*/
}
.searchContent{
	margin-left:10px;
	margin-top:20px;
	min-height:400px;
	position:relative;
	padding-left:150px;
}

/*::::::::::::::::=PROJECT INVOICE:::::::::::*/
.button .padding10{
	padding:10px;
}
div.projectInvoiceTotal{
	width:100%;
	float:left;
	margin-bottom:20px;
}

div.projectInvoiceTotal a{
	color:#2861B2;
}

div.projectInvoiceTotal .informationBox{
	float:right;
	margin:5px;
}

div.projectInvoiceTotal .totalText{
	float:left;
	font-size: 14px;
	font-weight:bold;
	width: 600px;
	text-align:right;
}

div.projectInvoiceTotal .totalResult{
	float:left;
	font-size: 14px;
	margin-left:10px;
}

.totalResult .renderQVClear .right{
	margin-left: 0px;
}

.invoiceDivider{
	padding: 5px 0px;
	width:100%;
}
table.projectInvoice {
	border:0px;
	color:#000;
	margin-bottom: 10px;
	width:100%;
	min-width:950px;
	border-collapse:collapse;
}

table.projectInvoice th{
	color:#ADADAD;
	font-size:12px;
	background-color: #4f4f4f;
	padding:5px;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
}

table.projectInvoice th.header{
	color:#fff;
	border-top:0px;
}

table.projectInvoice th.service{
	color:#fff;
	border:1px solid #333;
	border-left:0px;
	border-top:0px;
}

table.projectInvoice th.finance{
	color:#333;
	background-color: #fcb412;
	border-left:1px solid #333;
}

table.projectInvoice th.finance span{
	color:#666;
}

table.projectInvoice td{
	background-color: #f3f4f5;
	padding:5px;
	border-bottom:1px solid #333;
}

table.projectInvoice td.service{
	background-color: #cbcbcb;
	padding:5px;
	border:1px solid #333;
	border-left:0px;
}

table.projectInvoice td.finance{
	background-color: #f6eca5;
	padding:5px;
	border:1px solid #333;
	border-right:0px;
}


/*::::::::::::::::::END:::::::::::::::::::::*/

/* *****NavInfoDialog Styles***** */
#navInfoDialog {
	background-color:#fff;
	padding:30px;
	border:1px solid #333;
	border-radius:20px;
	color:#000;
	width:600px;
	font-size:20px;
	background-image: url("/images/pop_up_bg.png");
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navInfoDialogTitle {
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

#navInfoDialogText {
	background:url(/images/megaphone.png) top left no-repeat;
}

#navInfoDialogText div{
	font: 14px;
	margin:30px 0 30px 110px;
	line-height:22px;
}
.serviceAgreementHolder{
	margin:auto;
	width:1050px;
}

/***************** Timeout Dialog *****************/

#timeoutDialog {
	background:#fff url("/images/pop_up_bg.png") repeat-x bottom;
	border-radius:10px;
	padding:20px;
}
#transcriptUpload td {
	padding:3px;
}
.tuWarning {
	background:#f3d73c;
}
.tuSuccess {
	background:#3cf35e;
}
.tuError {
background:#f33c3c;
}
#handleTimeoutDialog_ctl {
	display:none !important;
}
#handleTimeoutDialog_ctldbbg {
	display:none;
}
#timeoutOK {
	display:none;
}

/*::::::::::::: project_stage_managment :::::::::::::*/
.projectStage {float:left; width:235px; margin:5px; border:1px solid black;}
.projectStageHeader {text-align:center; border-bottom: 1px solid black; padding:5px;}
.ProjectStage {padding:2px; min-height:100px;}
.dtrProjectStage {min-height:100px;}
.projectItem {margin:5px 0 5px 0; border:1px solid #dfdfdf; padding:2px;}


/*----------------------------------------------------
	=TASK LIST
------------------------------------------------------*/
.scheduleSection {
border:1px solid #ccc;
margin:5px;
}
.scheduleHeader {
color:#fff;
font-size:14px;
font-weight:bold;
padding:5px;
}
.noTasks {
text-align: center;
}
.milestoneGrid:hover {
background-color:#F6ECA5;
}
.milestoneGrid td {
font-size:12px;
border-bottom:1px solid #ccc;
padding: 5px 0px 5px 15px;
}
.milestoneGrid td a{
font-size:12px;
}
.milestoneGrid td:first-child {
border-left:1px solid #ccc;
}
.milestoneGrid td:last-child {
border-right:1px solid #ccc;
}
/* overriding .today from Gantt css */
.today {
background:#d2e9f9 url('/images/bg_today.png') !important;
}

div.ganttFilterContainer {
border-right:1px solid #ccc;
padding:0 10px;
margin-right:10px;
width:auto !important;
}
div.ganttContainer {
width:83% !important;
text-align:left !important;
height:auto !important;
}
div.ganttview-hzheader-month, div.ganttview-hzheader-day, div.ganttview-hzheader-hour, div.ganttview-grid-row-cell {
margin-left:0 !important;
margin-right:-1px !important;
}
div.ganttview-hzheader-month, div.ganttview-hzheader-day, div.ganttview-hzheader-hour {
background:#00aeec !important;
color:#fff !important;
font-weight:bold !important;
}
div.ganttview-vtheader-tasks-name {
overflow: hidden;
}
div.ganttview-grid-row-group {
background-color:#efefee !important;
border-top:1px solid #999 !important;
}
span.roleLink span {
color:#2786C2 !important;
}
span.roleLink span.selected, span.roleLink span a{
color: #000 !important;
font-weight: bold;
text-decoration:underline;
background:#fff;
border:0px;
}
span.roleLink span:hover {
cursor:pointer;
text-decoration:underline;
}
.headerGamma {
background:#efefef;
font-size:14px;
padding:10px;
margin-bottom:10px;
}
.frequentQuestions{
width:600px;
}
.frequentQuestions h2{
font-size:16px;
}
.frequentQuestions li{
list-style: url(/images/img_faq_arrow.png);
margin-bottom:5px;
}
/* Quotes Widget, IE7 fix */
.quoteWidgetIe7 {
*height:25px;
*overflow:hidden;
}
.taskOverdue {
background-color: #E18925;
color: #FFF;
}
.taskUpcoming {
background-color: #699040;
color: #FFF;
}
.taskAnytime {
background-color: #3366CC;
color: #FFF;
}
.taskStatusBadge {
line-height: 9px;
padding: 1px 3px;
height:9px;
font-size:8px;
background-color: #ffa949;
border: 1px solid #900;
color:#000;
}
.limelightReachBadge {
background-image: url("/images/limelight_reach_badge.png");
background-repeat:no-repeat;
float: right;
margin-left:20px;
color: white;
height: 18px;
padding-left: 20px;
width: 93px;
}
/*----------------------------------------------------
	=quote app
----------------------------------------------------*/

div.previewContainer {
	background-color: white;
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 10px;
}
span.previewHeaderTitle {
	font-weight: bold;
}
span.previewHeader {
	font-style: italic;
}
div.previewContainer table {
	width: 100%;
	background-color: #000;
}
.previewContainer td{
	background-color:#fff;
}
div.previewContainer td, div.previewContainer th {
	text-align: left;
}
div.controlSection {
	margin: 0px 0px 3px 3px;
	padding: 5px;
	float:left;
	border: 1px solid black;
}
div#proposalContainer {
	white-space: nowrap;
	min-width:1500px;
	margin-top:20px;
}
div.renderWithName div.left {
	white-space: nowrap;
}
div#proposalContainer div.renderWithName {
	padding: 1px 0;
}

div#proposalContainer input.calculated {
	background-color: yellow;
}
div#proposalContainer input.modified {
	background-color: orange;
}
div#proposalContainer div.renderWithName div.right span {
	margin-left: 10px;
}
div#proposalContainer div.controlSection select.listbox {
	width: 160px;
}
div#proposalContainer input.textbox {
	float: left;
	width: 75px;
}
div#proposalContainer .formElement {
	clear: left;
}

.totalHeader td, .totalHeader th{
	color:#333 !important;
	background-color:#E5ECF3 !important;
}
table.borderAlign, .borderAlign th, .borderAlign td {
	border:1px solid #666;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	vertical-align:middle;
}

/*::::::::::::::SHEIK STYLES::::::::::::::::*/
/*----------------------------------------------------
	=sheik
----------------------------------------------------*/
.bidAppNav {
	padding: 0px 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
}

.bidAppTab {
	line-height: 32px;
	padding: 5px 12px;
	text-decoration: none;
	position: relative;
	bottom: -4px;
	*bottom: -3px;
}
.bidAppTab.current {
	border: 1px solid #999;
	border-bottom: 1px solid #FFF;;
}

.bidAppTitle {
	clear: both;
	font-size: 26px;
	padding: 20px 20px 8px 20px;
}
.bidAppFooter {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 32px;
	background-color: #E9F0F7;
	border-top: 1px solid #CCC;
	z-index: 9;
}

.bidAppContainer {
	padding: 15px;
	min-width: 1200px;
}

#bidAppNoteSidebar {
	width: 450px;
	right: 10px;
}

#bidAppNoteSidebar.leftPos {
	left: 765px;
}
#bidAppNoteSidebar.rightPos {
	right: 10px;
}

#bidAppNoteSidebar.fixedPosition {
	top: 20px;
}

#bidAppNoteSidebar.absolutePosition {
	top: 272px;
}

.bidAppNotes {
	margin-top: 10px;
	border: 2px solid #CCC;
	border-bottom: none;
	max-height: 400px;
}

.bidAppNotes .note {
	padding: 10px;
	border-bottom: 2px solid #CCC;
}

.bottomBar {
	background-color: #EFEFEF;
	padding: 0px 10px;
	height: 35px;
	border: 2px solid #CCC;
}

.bottomBar a {
	line-height: 35px;
}

.bidAppForm .renderQVClear .left {
	width: 200px;
	padding: 10px;
	text-align: left;
}

.bidAppForm .renderQVClear .right {
	padding: 10px;
}

.sheikSection {
	border-top: 3px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 345px;
	float:left;
	clear:left;
}
.sheikSectionHeader {
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	line-height:30px;
	padding:0px 5px;
	cursor:pointer;
}
.shiekPreview {
	width: 600px;
	float: left;
	padding-top:0px;
}
.sheikLangItem {
	line-height: 40px;
	background-color: #ddd;
	padding: 0px 30px;
	margin-bottom: 5px;
}
.shiekGeneral {
	border: 1px solid black;
	float:left;
}
.sheikTrainer{
	width:300px;
	position:absolute;
	background-color:#E5ECF3;
	padding:5px;
	height:180px;
	top:-200px;
	left:20px;
	z-index:40;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}
.buttomTriangle {
	position:absolute;
	width: 0px;
	height: 0px;
	top: 190px;
	left: 200px;
	border-color: #E5ECF3 transparent transparent transparent;
	border-width: 10px 10px;
	border-style: solid;
}

/*---------------------------------------------------
	=Collect
----------------------------------------------------*/
#topResponsePanel {
	text-align: center;
	width: 100%;
	background-color: #333;
	background-image: url(/images/bg-response-ribbon.png) repeat-x;
	background-position: 0px 0px;
	position: fixed;
	z-index: 1;
}

#topResponsePanel .buttonBar {
	width: 550px;
	margin: 0 auto;
	text-align: center;
	color: #999;
}

.responseButton, a.responseButton {
	float: left;
	width: 95px;
	line-height: 40px;
	padding: 0px 5px;
	margin: 10px 0px;
	color: #999;
	text-decoration: none;
	border: none;
}

.responseButton.cursor {
	cursor: pointer;
}

.responseButton.cursor:hover {
	background-color: #666;
	color: #FFF;
}

.responseIcon {
	float: left;
	width: 40px;
	height: 40px;
	background: url(/images/ic-response-ribbon-40x40.png) no-repeat;
	background-position: 40px 40px;
}

.responseButton .video {
	background-position: 0px -2px;
}

.responseButton:hover .video {
	background-position: -40px -2px;
}

.responseButton .photo {
	background-position: 0px -42px;
}

.responseButton:hover .photo {
	background-position: -40px -42px;
}

.responseButton .text {
	background-position: 0px -82px;
}

.responseButton:hover .text {
	background-position: -40px -82px;
}

.responseButton .screen {
	background-position: 0px -120px;
}

.responseButton:hover .screen {
	background-position: -40px -120px;
}

#topResponsePanel.close	{
	top: 24px;
}

#topResponsePanel.open {
	top: 85px;
}

.greyBorder {
	border:1px solid #CCC;
}

#leftAssignmentBar {
	width: 400px;
}

#leftAssignmentBar.absolute {
	position: absolute;
	left: 20px;
	top: 29px;
}

#leftAssignmentBar.fixed {
	position: fixed;
	left: 20px;
}

#leftAssignmentBar.fixed.close {
	top: 115px;
}

#leftAssignmentBar.fixed.open {
	top: 176px;
}

#rightAssignmentBar {
	margin-left: 450px;
	border-left: 1px solid #CCC;
	min-height: 550px;
}

#photoResponse {
	border: 1px dashed #666;
	padding: 10px;
	margin-bottom: 40px;
}

.softYellow {
	background-color: #F9FAD2;
}

a.closeButtonIcon {
	float: right;
	margin:15px 15px 0px 0px;
	line-height: 60px;
	width: 25px;
	height: 25px;
	background: url(/images/ic-cancel-26x26.png) no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	border: none;
}

.closeButtonIcon:hover {
	background-position: -25px 0px;
}

.moderatorIcon {
	background-image:url(/images/img-flag-moderator.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.deleteComment {
	background-image:url(/images/ic-trash-20x20.png);
	width:20px;
	height:20px;
}

.deleteComment:hover {
	background-position:20px 0px;
}

.responseFilterBar {
	background-color:#F5F5F5;
	border: solid 1px #CCC;
}

.filterResponse {
	float: left;
	background-image:url(/images/ic-collect-response-filters.png);
	width:44px;
	height:28px;
	border-right:1px solid#CCC;
}

.filterResponseAll {
	background-position:0px -168px;
}

.filterResponseAll.selected, .filterResponseAll.selected:hover {
	background-position:-88px -168px;
}

.filterResponseAll:hover{
	background-position:-44px -168px;
}

.filterResponseVideo {
	background-position:0px -56px;
}

.filterResponseVideo.selected, .filterResponseVideo.selected:hover {
	background-position:-88px -56px;
}

.filterResponseVideo:hover{
	background-position:-44px -56px;
}

.filterResponseImage {
	background-position:0px -84px;
}

.filterResponseImage.selected, .filterResponseImage.selected:hover {
	background-position:-88px -84px;
}

.filterResponseImage:hover{
	background-position:-44px -84px;
}

.filterResponseText {
	background-position:0px -112px;
}

.filterResponseText.selected, .filterResponseText.selected:hover {
	background-position:-88px -112px;
}

.filterResponseText:hover{
	background-position:-44px -112px;
}

.filterResponseScreen {
	background-position:0px -140px;
}

.filterResponseScreen.selected, .filterResponseScreen.selected:hover {
	background-position:-88px -140px;
}

.filterResponseScreen:hover{
	background-position:-44px -140px;
}

.listIcon {
	background-position:0px -28px;
}

.listIcon.selected, .listIcon.selected:hover {
	background-position:-88px -28px;
}

.listIcon:hover{
	background-position:-44px -28px;
}

.gridIcon {
	background-position:0px 0px;
}

.gridIcon.selected, .gridIcon.selected:hover {
	background-position:-88px 0px;
}

.gridIcon:hover{
	background-position:-44px 0px;
}

.sectionTitle {
	background-color: #F5F5F5;
	padding: 3px 20px;
	color: #CCC;
	font-size: 11px;
	margin-top: 35px;
	margin-bottom: 20px;
}

.gridBox {
	width: 180px;
	height: 180px;
	border: 1px #CCC solid;
	margin: 18px;
}

.gridBox:hover {
	border: 1px solid #999;
	box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	-moz-box-shadow: 2px 2px 2px #999;
}

.commentIcon {
	background-image: url(/images/ic-comment-32x32.png);
	width:32px;
	height:32px;
	text-align:center;
	line-height: 27px;
}

.participantFilter {
	color:#2786C2;
	cursor:pointer;
}

.participantFilter.selected {
	border-bottom:3px solid #999;
	color:#000;
	cursor:auto;
}

.responsePreview {
	width: 180px;
	height: 135px;
	background-color: #EFEFEF;
}

.responsePreview img {
	width: 100%;
	height: 100%;
}

.playIconOverlay {
	height: 115px;
	width: 180px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/images/ic-play-70x70.png);
	background-repeat: no-repeat;
	background-position: center;
}

.videoSourceIcon {
	width: 32px;
	height: 32px;
	background-image: url(/images/ic-media-type-32x32.png);
	background-repeat: no-repeat;
	background-position: 0px 32px;
}

.videoSourceIcon.video {
	background-position: 0px 0px;
}

.videoSourceIcon.image {
	background-position: 0px -32px;
}

.videoSourceIcon.screen {
	background-position: 0px -64px;
}

.videoSourceIcon.upload {
	background-position: 0px -96px;
}

.videoSourceIcon.mobile {
	background-position: 0px -128px;
}

.timestampOverlay{
	padding:0px 5px 0px 5px;
	background-color:#000;
	color:#FFF;
	position: absolute;
	bottom: 4px;
	right: 4px;
}

.shadowBox {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/images/seeThru.png);
	z-index: 100;
}

.shadowBox .innerContent {
	margin: 0 auto;
	margin-top: 80px;
	width: 600px;
	max-height: 530px;
	padding: 1px;
	background-color: #EFEFEF;
	background-color: #FFF;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}

.topImage {
	background-color: #000;
	text-align: center;
	min-height: 250px;
}

.constrainedImage {
	max-width: 600px;
	max-height: 400px;
}

.assignmentListNote {
	border-bottom:1px solid #CCC;
	color:#999;
	padding:5px 25px 40px 20px;
}

.assignmentListCell {
	padding:5px 25px 10px 20px;
	border-bottom:1px solid #CCC;
}

.assignmentDone {
	color:#FFF;
	background-color:#70BE46;
	padding:0px 5px 0px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.assignmentActive {
	color:#FFF;
	background-color:#FBB034;
	padding:0px 5px 0px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.assignmentInactive {
	color:#FFF;
	background-color:#CCC;
	padding:0px 5px 0px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.assignmentDoneIcon {
	background-image:url('/images/ic-assign-complete-status-32x32.png');
	background-position:0px 0px;
	height:32px;
	width:32px;
}

.assignmentActiveIcon {
	background-image:url('/images/ic-assign-complete-status-32x32.png');
	background-position:0px 96px;
	height:32px;
	width:32px;
}

.assignmentInactiveIcon {
	background-image:url('/images/ic-assign-complete-status-32x32.png');
	background-position:0px 64px;
	height:32px;
	width:32px;
}

.assignmentErrorIcon {
	background-image:url('/images/ic-assign-complete-status-32x32.png');
	background-position:0px 32px;
	height:32px;
	width:32px;
}

.progressBarContainer {
	border:1px solid #999;
	width:100px;
}

.progressBar {
	background-image:url('/images/bg-completion-meter.png');
	height:14px;
}

.infiniteScrollContainer {
	background-color:#B6D6E8;
	width:300px;
	margin-left:200px;
	height:25px;
	display:none;
}

.moreControlDropdown {
	display: none;
	top:57px;
	right:0px;
	z-index:100;
}

.titleLinkContainer {
	overflow:auto;
	max-height:600px;
}
/*----------------------------------------------------
	=CardSort
----------------------------------------------------*/
.bucketImage {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 8px 0 8px;
	background-color: #F4F4F4;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.bucketImageOption, .bucketImageOption.selected:hover {
	float: right;
	margin: 1px;
	padding: 0px;
	border: none;
}

.innerBorder {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 5px solid #FAC942;
}

.bucketImageOption img {
	width: 80px;
	height: 80px;
}

.bucketImageOption:hover {
	border: 1px solid #FAC942;
	margin: 0px;
}
.bucketImageOption.selected .innerBorder {
	display: block;
}

/*----------------------------------------------------
	=DELIVER
----------------------------------------------------*/
.flexibleContainer {
	margin:auto;
	max-width:1400px;
	min-width:970px;
	background-color:#fff;
	border:1px solid #ccc;
	position:relative;
}
.deliverHolder{
	padding:0px;
	border:0px solid #000;
	width:100%;
	margin-top:82px;
}
#dtrQuoteList div{
	font-size:16px;
}
#dtrQuoteList .theQuote{
	margin-bottom:10px;
}
.codeName{
	width:180px;
	margin-left:25px;
}
span.responseNavArrows{
	display:block;
	width:28px;
	height:28px;
	float:left;
	cursor:pointer;
}
span.responseNavArrows.rewDouble{
	background:url(/images/ic-arrows.png);
	background-position:0px 0px;
}
span.responseNavArrows.rewDouble:hover{
	background-position:28px 0px;
}
span.responseNavArrows.fastDouble{
	background:url(/images/ic-arrows.png);
	background-position:0px 28px;
}
span.responseNavArrows.fastDouble:hover{
	background-position:28px 28px;
}
span.responseNavArrows.rewSingle{
	background:url(/images/ic-arrows.png);
	background-position:0px 84px;
}
span.responseNavArrows.rewSingle:hover{
	background-position:28px 84px;
}
span.responseNavArrows.fastSingle{
	background:url(/images/ic-arrows.png);
	background-position:0px 56px;
}
span.responseNavArrows.fastSingle:hover{
	background:url(/images/ic-arrows.png);
	background-position:28px 56px;
}
.qualvuPlayerContainer{
	position:absolute;
	width:350px;
	left:0px;
}
.deliver em {
	background-color: #FF0;
	font-style:inherit;
}
.deliver .leftSideBar {
	border-right:3px solid #E1E9EE;
	left:0px;
	position:absolute;
	top:0px;
	width:200px;
	z-index:5;
	height:100%;
}
.deliver.fieldWork .contentArea {
	margin-left:200px;
	padding-bottom:30px;
	min-height:800px;
}
.deliver.fieldWork .contentArea.details {
	margin-left:350px;
	margin-right:15px;
}
.deliver.fieldWork .contentArea .header {
	padding: 30px 20px 20px;
	position:relative;
	z-index:5;
}
.deliver.fieldWork .contentArea .header .qualvuSearchButton{
	left:476px;
	z-index:20;
}
.deliver.fieldWork .contentArea .resultTitle {
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}
.deliver .searchBox {
	border: 1px solid #AEAFB0;
	font-size:14px;
	padding-left:3px;
	width:500px;
	position:relative;
	z-index:10;
	background:transparent;
}
.deliver .listItem {
	border-bottom:2px solid #E1E9EE;
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding-left:10px;
}
.colorSelect::-webkit-scrollbar-track-piece{
	background-color:#fff;
}

.deliver .listItem:hover {
	background-color: #F9FAD2;
	cursor: pointer;
	background-image:url(/images/img-blue-arrow.png);
	background-repeat:no-repeat;
	background-position:left;

}
.deliver .resultList .listItem {
	cursor: pointer;
	overflow:visible;
	height: 70px;
}
.deliver .resultList .listItem .qualvuStar {
	margin-top: 5px;
	margin-right: 5px;
}
.deliver .resultList .listItem .thumbnail {
	margin-top: 5px;
}
.deliver .clipCount {
	display:none;
	position:absolute;
	z-index:3;
	right:10px;
	background:#F9FAD2;
}

.deliver .resultList .listItem:hover .clipCount {
	display:block;
}
.deliver .listItem.selected {
	background-color:#F9FAD2;
	text-decoration:none;
	background-image:url(/images/img-blue-arrow.png);
	background-repeat:no-repeat;
	background-position:left;
}
.diagonalBackground .ui-widget-content{
	background:#fff;
}
.truthClipCount{
	background-image:url(/images/ic_quote_count.png);
	width:34px;
	height:23px;
	float:left;
	margin-top:4px;
	margin-right:5px;
}
.deliverFilterList{
	overflow:hidden;
	position:relative;
	z-index:5;
	height:400px;
	clear:left;
	border-top:1px solid #ccc;
}
.deliverFilterList:hover{
	overflow-y:scroll;
}
.playButtonText{
	float:left;
	margin-left:10px;
	color:#2786C2;
	margin-top:5px;
	cursor:pointer;
}
.toolDropDown .tool{
	height:32px;
	width:32px;
	float:left;
	cursor:pointer;
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px -128px;
}
.toolDropDown .tool:hover{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:32px -128px;
}
.audioAdjustment div{
	height:54px;
	width:54px;
	float:left;
	cursor:pointer;
}
.audioAdjustment .audioIncrease{
	background:url(/images/btn-audio-adjust.png);
	background-position:0px 54px;
}
.audioAdjustment .audioIncrease:hover{
	background:url(/images/btn-audio-adjust.png);
	background-position:54px 54px;
}
.audioAdjustment .audioDecrease{
	background:url(/images/btn-audio-adjust.png);
	background-position:0px 0px;
}
.audioAdjustment .audioDecrease:hover{
	background:url(/images/btn-audio-adjust.png);
	background-position:54px 0px;
}
.videoAdjustment div{
	height:54px;
	width:54px;
	float:left;
	cursor:pointer;
}
.videoAdjustment .rotateCounterClockwise{
	background:url(/images/btn-video-adjust.png);
	background-position:0px 0px;
}
.videoAdjustment .rotateCounterClockwise:hover{
	background-position:54px 0px;
}
.videoAdjustment .rotateClockwise{
	background:url(/images/btn-video-adjust.png);
	background-position:0px -54px;
}
.videoAdjustment .rotateClockwise:hover{
	background-position:54px -54px;
}
.videoAdjustment .flipVertical{
	background:url(/images/btn-video-adjust.png);
	background-position:0px -108px;
}
.videoAdjustment .flipVertical:hover{
	background-position:54px -108px;
}
.videoAdjustment .rotate180{
	background:url(/images/btn-video-adjust.png);
	background-position:0px -162px;
}
.videoAdjustment .rotate180:hover{
	background-position:54px -162px;
}
.videoAdjustment .flipHorizontal{
	background:url(/images/btn-video-adjust.png);
	background-position:0px -216px;
}
.videoAdjustment .flipHorizontal:hover{
	background-position:54px -216px;
}
.videoAdjustment .resetAudio{
	background:url(/images/btn-audio-adjust.png);
	background-position:0px -108px;
}
.videoAdjustment .resetAudio:hover{
	background-position:54px -108px;
}
.transcriptOptions{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	position:absolute;
	display:none;
	box-shadow:1px 1px 3px #666;
	z-index:5;
}
.transcriptOptions div{
	height:32px;
	width:32px;
	float:left;
	border-right:1px solid #999;
	cursor:pointer;
}
.transcriptOptions .transcriptPlay{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px 0px;
}
.transcriptOptions .transcriptPlay:hover{
	background-position:32px 0px;
}
.transcriptOptions .transcriptPause{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position: 0px -256px;
}
.transcriptOptions .transcriptPause:hover{
	background-position:32px -256px;
}
.transcriptOptions .transcriptQuote{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px -32px;
}
.transcriptOptions .transcriptQuote:hover{
	background-position:32px -32px;
}
.transcriptOptions .transcriptCopy{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px 288px;
	border:0px;
}
.transcriptOptions .transcriptCopy.hover{
	background-position:32px 288px;
}
.transcriptOptions .transcriptCancel{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px -96px;
}
.transcriptOptions .transcriptCancel:hover{
	background-position:32px -96px;
}
.functionPanel{
	border:1px solid #B3C5CE;
	border-top:0px;
	padding:10px;
	position:relative;
}
.QSliderStatus{
	position:relative;
}
.functionPanel .QSliderStatus img{
	position:absolute;
	top:-37px;
	right:25px;
}
/* New slider design */
.functionPanel .ui-slider .ui-slider-handle{
	width: 19px;
	height: 64px;
	cursor: col-resize;
	border:none;
	background:url(/images/btn-clipping-head.png);
	background-position:-2px -2px;
}
.functionPanel .ui-slider .ui-slider-handle:hover{
	background-position:-25px -2px;
}
.functionPanel .ui-slider-horizontal .ui-slider-range{
	height:60px;
	margin-top:0px;
}
.functionPanel .horLine{
	margin: 0;
	width: 0;
	height: 0px;
	clear: none;
}
.functionPanel .ui-widget-content{
	border: 1px solid #ccc;
	background: #fff;
	height:60px;
	color: #333;
}

.functionPanel .ui-widget-header{
	height:60px;
	background:#fff;
	background: url(/images/img-film-reel-gray.png);
}
.functionPanel .sliderHolder{
	width:99%;
	margin-left:3px;
}
#clippingView.functionPanel{
	height:85px;
}
/* New Slider End */
.transcriptHead{
	padding:10px;
	background-color:#EAF3F9;
	margin-bottom:15px;
}
.transcriptHead .textbox{
	font-size:16px;
	padding:2px 72px 2px 5px;
	margin-top:2px;
}
.transcriptContainer{
	border:1px solid #B3C5CE;
	margin: 25px 0px 5px;
	padding-bottom:15px;
	clear: both;
	background-color:#fff;
	position:relative;
}
.blockHolder, .blockHolderContainer{
	min-width:60px;
	background:#fff;
	float:left;
 	height:30px;
	margin-left:15px;
	position:relative;
	overflow:hidden;
}
.colorSelect{
	position:relative;
	font-size:16px;
	height: 310px;
	overflow: auto;
}
.wideScreenTranscript{
	background-image:url(/images/ic-toggle-fullScreen.png);
	width:30px;
	height:30px;
	cursor:pointer;
	background-position:0px 0px;
}
.wideScreenTranscript:hover{
	background-position:30px 0px;
}
.wideScreenTranscript.close{
	background-position:0px 30px;
}
.wideScreenTranscript.close:hover{
	background-position:30px 30px;
}
.codeBlock, .codeBlockToggle{
	width:2px;
	padding:1px;
	position:absolute;
	z-index:5;
	background:red;
	cursor:pointer;
}
.codeBlock.grouped{
	background-image:url(/images/bg-diagonal-white.png);
}
.blockInformation{
	display:none;
	width:220px;
	min-height:50px;
	border:1px solid #999;
	position:absolute;
	background:#fff;
	z-index:10;
	box-shadow: 0px 0px 3px #666;
}
.blockInformation .leftTriangle{
	position: absolute;
	width: 0px;
	height: 0px;
	top: 15px;
	left: -20px;
	border-color: transparent white transparent transparent;
	border-width: 10px 10px;
	border-style: solid;
}
.flag{
	width:10px;
	height:10px;
	background-color:red;
	position:absolute;
	left:-8px;
	z-index:5;
	top:0px;
}
.quotables{
	font-size:16px;
	position:relative;
	margin-left:90px;
	margin-right:15px;
	line-height:25px;
	text-align:justify;
}
.quotables .highlight{
	font-size:16px;
}
.colorSelect .noTranscriptQuote{
	text-align:left;
}
.noTranscriptQuote {
	font-size:16px;
	position:relative;
	margin-top:10px;
	margin-left:10px;
	margin-right:15px;
	line-height:25px;
	text-align:left;
	padding-left:90px;
	clear:both;
}
.codeErrorMessage {
	font-size:10;
	color:#6B0103;
}
a.quoteToggleButton{
	width:74px;
	height:30px;
	display:block;
	background:url(/images/btn-quote-toggle.png);
	background-position:0px 0px;
}
a.quoteToggleButton:hover{
	background-position:74px 0px;
}
a.quoteToggleButton.toggled{
	background-position:0px 150px;
}
a.quoteToggleButton.toggled:hover{
	background-position:74px 150px;
}
.selectedNode{
	background:#E1E9EE;
	font-size:16px;
}
.quoteBlock{
	background:#D0ECF7;
	font-size:16px;
}
.quoteBlockHighlight{
	background:#ff0;
	font-size:16px;
}
.quoteBlock.editMode{
	opacity:0.5;
}
.quoteBlockVideo{
	background:#E1FC9D;
	font-size:16px;
}
.deliverBox{
	padding:0px;
	border:0px solid #000;
	width:100%;
}
.playHead{
	position:absolute;
	left:0%;
	height:105px;
	width:2px;
	top:-10px;
	background-color:#00AEEC;
	z-index:1;
}
#searchContext{
	position:absolute;
	top:5px;
	left:5px;
	z-index:1;
}
#searchContext span, #searchContext i{
	color:#ccc;
}
#searchContextList{
	position:absolute;
	background-color:#fff;
	z-index:10;
	border:1px solid #ccc;
	border-bottom:0px;
	cursor:pointer;
	width:80px;
	top:30px;
	left:0px;
}
#searchContextList .selected{
	text-decoration:none;
}
#searchContextList div{
	padding:5px;
	border-bottom:1px solid #999;
}
#searchContextList div:hover{
	background:#EAF3F9;
}
#searchContextList div.hoverEffect{
	background:#EAF3F9;
}
#searchContextList span.context{
color:#2786C2;
text-decoration:underline;
}
#searchContextList .selected span.context{
	color:#000;
	text-decoration:none;
}
#searchContextList i{
	color:#999;
	text-decoration:none;
	font-weight:normal;
}
#resultOverlay{
	display:none;
	opacity:.75;
	width:100%;
	height:100%;
	position:absolute;
	background-color:#F6FBFE;
	z-index:5;
}
.subsetFilters{
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:5px;
	white-space:nowrap;
	overflow:hidden;
}
.subsetFilters:hover{
	background:#F9FAD2;
}
.additionalFilterBlock:hover{
	background:#F9FAD2;
	margin-right:-10px;
	margin-left:-10px;
	padding-right:10px;
	padding-left:10px;
}
#dtrMainFilterList, #dtrAddFilterSelectionList{
	min-height:100px;
	max-height:300px;
	overflow:hidden;
}
#dtrMainFilterList:hover, #dtrAddFilterSelectionList:hover{
	overflow-y:scroll;
}
.analyzeFilter{
	background:#D0E3F1;
	padding:5px;
	overflow:hidden;
	white-space:nowrap;
}
.truthPaginator{
	padding:5px;
	border-top:1px solid #B3c5ce;
	border-bottom: 1px solid #B3c5ce;
	background-color:#EAF3F9;
	font-size:13px;
	height:23px;
	clear:both;
}
.playIcon div, .infoIcon div,.codeIcon div,.deleteIcon div,.restoreIcon div{
	float:left;
	width:27px;
	height:27px;
	background:url(/images/ic-row-action-set.png);
	background-repeat:no-repeat;
	margin-right:10px;
	cursor:pointer;
}
.playIcon .image{
	background-position:0px 0px;
}
.infoIcon .image{
	background-position:0px -27px;
}
.codeIcon .image{
	background-position:0px -54px;
}
.deleteIcon .image{
	background-position:0px -81px;
}
.restoreIcon .image{
	background-position:0px -108px;
}
.playIcon .image:hover{
	background-position:-27px 0px;
}
.infoIcon .image:hover{
	background-position:-27px -27px;
}
.codeIcon .image:hover{
	background-position:-27px -54px;
}
.deleteIcon .image:hover{
	background-position:-27px -81px;
}
.restoreIcon .image:hover{
	background-position:-27px -108px;
}
.allHeader{
	padding:5px;
	clear:both;
}
.allHeader.blue{
	background:#D0E3F1;
	border:0px;
}
.allHeader input{
	margin-right:8px;
}
.mainFilterContainer{
	border-right:1px solid #E1E9EE;
	border-bottom:1px solid #E1E9EE;
	border-left:1px solid #E1E9EE;
	position:relative;
}
.resultRow{
	border-top:1px solid #E1E9EE;
	padding: 5px;
	position:relative;
	min-height:50px;
	cursor:pointer;
	clear:both;
}
.resultRow.deleted{
	opacity:0.5;
}
.resultRow.deleted:hover{
	opacity:1;
}
.resultRow.deleted .blueText{
	color:#B22613;
	font-weight:bold;
}
.resultRow.deleted input{
	cursor:not-allowed;
}
.resultRow:hover{
	background:#F9FAD2
}
.resultRow .codeColorBlock{
	height:13px;
	width:13px;
	margin-right:5px;
}
.resultInfo .close{
	position:absolute;
	top:5px;
	right:10px;
}
.moreFilterBox{
	margin:0px 10px 10px;
	border-bottom:1px solid #ccc;
}
.additionalFilterHolder{
	float:left;
	position:absolute;
	background:#fff;
	width:200px;
	padding:5px 0px;
	right:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	top:465px;
	display:none;
}
.additionalFilterHolder .right, .moreFilterBox .right{
	float:right;
	margin-right:5px;
}
.additionalFilterHolder .renderQVClear, .moreFilterBox .renderQVClear{
	width:100%;
}
.blueLine{
	height:26px;
	line-height:26px;
	background-color:#E1E9EE;
}
.playerTranscriptContainer{
	background:#fff;
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:20;
	border:1px solid #ccc;
	width:990px;
	overflow: hidden;
}
.playerTranscriptContainer .quotedText{
	width:600px;
	float:left;
	margin:20px;
	height:285px;
	overflow:auto;
}
.truthPaginator .paginator_selected_page{
	font-size:13px;
}
.truthPaginator .paginator_inactive_step{
	color:#ccc;
	font-size:13px;
}
.truthPaginator a.paginator_active_step, .truthPaginator a.paginator_page{
	color:#2786C2;
}
#dtrResultsPaginator{
	color:#999;
	font-size:13px;
}
#dtrResultsPaginator a{
	font-size:13px;
}
.truthNav{
	min-width:970px;
	padding-top:50px;
	background-image:url(/images/img_deliver_logo.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#prevChild{
	width:24px;
	height:29px;
	background-image:url(/images/ic_up-down.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:0px solid transparent;
	border-top:0px;
}
#prevChild:hover{
	width:23px;
	background-position:0px -30px;
	border-right-width:1px;
	border-right-color:#666;
	border-radius:5px;
	border-bottom-right-radius:2px;
}
#nextChild{
	width:24px;
	height:29px;
	position:relative;
	background-image:url(/images/ic_up-down.png);
	background-position:-23px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:0px solid transparent;
	border-top:0px;
}
#nextChild:hover{
	background-position:-23px -30px;
	border-left-width:1px;
	border-left-color:#666;
	border-radius:5px;
	border-bottom-left-radius:2px;
	left:-1px;
}
#searchInfo{
	position: absolute;
	left: 447px;
	top: 15px;
	color: #999;
	font-size: 16px;
}
.toolPanel{
	height: 32px;
	background:url(/images/bg-menubar-gradient.png);
	background-color: rgb(239,239,239);
	display: block;
	box-shadow: 0px 0px 3px #666;
}
#wait{
	color:#fff;
	font-size:14px;
}
.toolPanel a{
	height:32px;
	width:32px;
	float:left;
	border-right:1px solid #999;
	cursor:pointer;
}
.toolPanel .transcriptPlay{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px 0px;
}
.toolPanel .transcriptPlay:hover{
	background-position:32px 0px;
}
.transcriptQuoteBtn{
	height:32px;
	width:32px;
	font-size:15px;
	border-right:1px solid #999;
	text-align:center;
	line-height:32px;
	float:left;
	color:#666;
	text-shadow:#fff 0px 1px 1px;
	cursor:pointer;
	background:url(/images/ic_editing_toolbar.png);

}
.transcriptQuoteBtn.firstHead{
	background-position:0px 64px;
}
.transcriptQuoteBtn.firstHead:hover{
	background-position:32px 64px;
}
.transcriptQuoteBtn.secondHead{
	background-position:0px 32px;
}
.transcriptQuoteBtn.secondHead:hover{
	background-position:32px 32px;
}
.transcriptQuoteBtn.quoting{
	background-position:0px 32px;
	color:#fff;
	text-shadow:none;
}
.toolPanel .transcriptPause{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position: 0px -256px;
}
.toolPanel .transcriptPause:hover{
	background-position:32px -256px;
}
.toolPanel .transcriptCancel{
	background: #ccc url(/images/ic_editing_toolbar.png);
	background-position:0px -96px;
}
.toolPanel .transcriptCancel:hover{
	background-position:32px -96px;
}
.deliverNoResult{
	position:absolute;
	top:130px;
	left:380px;
	color:#999;
	text-shadow: #fff 0px 1px 1px;
}
.deliverZeroResult{
	position:absolute;
	top:100px;
	left:380px;
	font-size:20px;
	font-weight:bold;
	text-shadow: #fff 0px 1px 1px;
}

/*---------------------------------------------------
	=deliver Controls
----------------------------------------------------*/

.qualvuStar {
	background-image:url(/images/ic_star_set.png);
	background-position:-1px 0;
	cursor:pointer;
	float:left;
	height:17px;
	width:17px;
}
.qualvuStar.green {
	background-position:16px 0px;
}
.qualvuStar.yellow {
	background-position:33px 0px;
}
.closer{
	position:absolute;
	top:0px;
	right:0px;
	height:26px;
	width:26px;
	background:url(/images/cancel-search26x26.png);
}
.qvpop {
	background:#FFF;
	border:1px solid #a0c7ff;
	left:0px;
	opacity:0;
	display:none;
	padding:10px;
	position:absolute;
	top:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	box-shadow:rgba(68,68,68,.5) 0px 3px 8px;
	z-index:500;
}

.resultList .qvpop {
	width: 250px;
	min-height:215px;
	top:-75px;
	left: 30px;
}
.colorpicker{
	z-index:999;
}
.downloadInfo{
	border:1px solid #999;
	margin-top:10px;
	padding:10px;
}
.leftSideBar .qvpop {
	width:250px;
	height:60px;
}

.bubbleInfo {
	position:relative;
}/*Contains the popup bubble*/

.bubbleInfo:hover .qvpop, .qvpop.over {
	background:#FFF;
	border:1px solid #ccc;
	display:block;
	opacity:1;
	padding:10px;
	z-index:10;
	position:absolute;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:rgba(68,68,68,.5) 0px 3px 8px;
}

.qvpop.searchText {
	width:500px;
	height:auto;
	top:40px;
	left:0px;
}

.qvpop.segmentInfo {
	left:-150px;
}

.qvpop .leftTriangle {
	position:absolute;
	width: 0px;
	height: 0px;
	top: 80px;
	left: -17px;
	border-color: transparent white transparent transparent;
	border-width: 10px 10px;
	border-style: solid;
}

.qvpop .rightTriangle {
	position:absolute;
	width: 0px;
	height: 0px;
	top: 80px;
	right: -20px;
	border-color: transparent transparent transparent white;
	border-width: 10px 10px;
	border-style: solid;
}

.leftSideBar .qvpop .leftTriangle {
	top: 32px;
}

.qvpop .topTriangle {
	position:absolute;
	width: 0px;
	height: 0px;
	top: -20px;
	left: 245px;
	border-color: transparent transparent white transparent;
	border-width: 10px 10px;
	border-style: solid;
}
.qvpop .popHeader {
	font-size:16px;
	font-weight:bold;
}

.qvpop .popText {
	line-height:18px;
	color: #999;
	margin-top:6px;
	margin-bottom:3px;
	float:left;
}
.qvpop .popText.small {
	margin-top:-6px;
	font-size:10px;
	line-height:12px;
}
.qvpop .popText.fixed{
	position:absolute;
	bottom:0px;
	font-size:10px;
}
.qvDialogBox {
	background-color: #DFF1FD;
	padding: 15px;
	min-width: 450px;
}

.qvDialogBox .content {
	background-color: #FFF;
	padding: 10px;
}

.qvDialogBox .title {
	display: block;
	padding: 5px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	background-color: #EDEBEC;
}

.qvDialogBox .fieldTitle {
	font-weight: bold;
	clear: both;
	margin-top: 30px;
}

.qvDialogBox .buttonBar {
	background-color: #DFF1FD;
	padding-top: 10px;
}

.questionPluginSettings div b {
	padding: 0 10px 0 10px;
}

#chkQuestionPlugins label {
	width: 500px;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 0;
}

#chkQuestionPlugins label .TypeName {
	padding-right: 4%;
}

#chkQuestionPlugins label img {
	margin: 0;
	float: right;
}

.uploadifyUploader {
	width: 40%;
	clear: both
}

.uploadifyUploader input {
	width: 80;
	height: 80;
}

.uploadifyQueueItem {
	display: none;
}

.edit_step {
	font-weight:bold;
}