/* Copyright Bridgeline Digital, Inc. An unpublished work created in 2010. All rights reserved. This software contains the confidential and trade secret information of Bridgeline Software, Inc. ("Bridgeline"). Copying, distribution or disclosure without Bridgeline's express written permission is prohibited. */
/****** ROUNDED CORNER CONTAINER - Skeleton *****/
/* Top & Bottom Common Style */
div.rcContainer div.rcTop, div.rcContainer div.rcBottom {
	height: 4px;
	padding-left: 4px;
	font-size: 0 !important; /* For IE */
	line-height: 4px !important; /* For IE */
	background: url('/images/ncm/spriteCorner.gif') no-repeat;
}
div.rcContainer div.rcTop span, div.rcContainer div.rcBottom span{
	display: block;
	height: 4px;
	padding: 0;
	background: url('/images/ncm/spriteCorner.gif') no-repeat;
}

/* Default White Coner */
div.rcContainer div.rcTop{background-position: 0 0;}
div.rcContainer div.rcTop span{background-position: right -4px;}
div.rcContainer div.rcBottom{background-position: 0 -12px;}
div.rcContainer div.rcBottom span{background-position: right -8px;}
div.rcContainer div.rcContent{background: #fff;}

/** Rounded Corner -- Blue **/
div.rcBlueContainer div.rcTop{background-position: 0 -16px;}
div.rcBlueContainer div.rcTop span{background-position: right -20px;}
div.rcBlueContainer div.rcBottom{background-position: 0 -28px;}
div.rcBlueContainer div.rcBottom span{background-position: right -24px;}
div.rcBlueContainer div.rcContent{background: #4f83bd;}
/* Hyperlink Styles */
div.rcBlueContainer a, div.rcBlueContainer a:visited{
	font-weight: bold;
	color: #ffcc00;
}
div.rcBlueContainer a:active, div.rcBlueContainer a:hover{color: #ffc !important;}

/** Rounded Corner -- Blue Dark **/
div.rcDarkBlueContainer div.rcTop{background-position: 0 -32px;}
div.rcDarkBlueContainer div.rcTop span{background-position: right -36px;}
div.rcDarkBlueContainer div.rcBottom{background-position: 0 -44px;}
div.rcDarkBlueContainer div.rcBottom span{background-position: right -40px;}
div.rcDarkBlueContainer div.rcContent{background: #4675a8;}
/* Hyperlink Styles */
div.rcDarkBlueContainer a, div.rcDarkBlueContainer a:visited{color: #ffcc00;}
div.rcDarkBlueContainer a:active, div.rcDarkBlueContainer a:hover{color: #ffc !important;}

/** Rounded Corner -- Blue Light **/
div.rcLightBlueContainer div.rcTop,
div.rcLightBlueContainer div.rcBottom{background-image: url('/images/ncm/cornerLightBlueLeft.gif');}
div.rcLightBlueContainer div.rcTop span,
div.rcLightBlueContainer div.rcBottom span{background-image: url('/images/ncm/cornerLightBlueRight.gif');}
div.rcLightBlueContainer div.rcContent{background: #6e95bb;}

/** Rounded Corner -- Gray Light **/
div.rcLightGrayContainer div.rcTop{background-position: 0 -80px;}
div.rcLightGrayContainer div.rcTop span{background-position: right -84px;}
div.rcLightGrayContainer div.rcBottom{background-position: 0 -92px;}
div.rcLightGrayContainer div.rcBottom span{background-position: right -88px;}
div.rcLightGrayContainer div.rcContent{background: #ebebeb;}

/** Rounded Corner -- My NCM **/
div.rcMyNcmInfo div.rcTop{background-position: 0 -96px;}
div.rcMyNcmInfo div.rcTop span{background-position: right -100px;}
div.rcMyNcmInfo div.rcBottom{background-position: 0 -108px;}
div.rcMyNcmInfo div.rcBottom span{background-position: right -104px;}
div.rcMyNcmInfo div.rcContent{background: #f5f5f5;}

/** Rounded Corner -- Home Promotioin **/
div.homePromoContainer div.rcTop{background-position: 0 -48px;}
div.homePromoContainer div.rcTop span{background-position: right -52px;}
div.homePromoContainer div.rcBottom{background-position: 0 -60px;}
div.homePromoContainer div.rcBottom span{background-position: right -56px;}

/** Rounded Corner -- Contact Us **/
div.rcContactUs div.rcTop{background-position: 0 -64px;}
div.rcContactUs div.rcTop span{background-position: right -68px;}
div.rcContactUs div.rcBottom{background-position: 0 -76px;}
div.rcContactUs div.rcBottom span{background-position: right -72px;}
div.rcContactUs div.rcContent{background: #dceaf6;}

/** Rounded Corner -- Poll Questions **/
div.rcPollQuestionContainer div.rcTop{background-position: 0 -112px;}
div.rcPollQuestionContainer div.rcTop span{background-position: right -116px;}
div.rcPollQuestionContainer div.rcBottom{background-position: 0 -124px;}
div.rcPollQuestionContainer div.rcBottom span{background-position: right -120px;}
div.rcPollQuestionContainer div.rcContent{
	width:100%;
	background:#eef4f9 url('/images/questionListTop.gif') repeat-x left top;
}

/** Rounded Corner -- Poll Questions Form **/
div.rcPollForm div.rcTop{background-position: 0 -128px;}
div.rcPollForm div.rcTop span{background-position: right -132px;}
div.rcPollForm div.rcBottom{background-position: 0 -140px;}
div.rcPollForm div.rcBottom span{background-position: right -136px;}
div.rcPollForm div.rcContent{background: #f0f0f0  url('/images/cornerPollsHand.gif') no-repeat left top;}

/** Rounded Corner -- Poll Active **/
div.rcPollActive div.rcTop{background-position: 0 -128px;}
div.rcPollActive div.rcTop span{background-position: right -132px;}
div.rcPollActive div.rcBottom{background-position: 0 -140px;}
div.rcPollActive div.rcBottom span{background-position: right -136px;}
div.rcPollActive div.rcContent{background: #f0f0f0;}

/** Rounded Corner -- Yellow **/
div.rcYellowContainer div.rcTop{background-position: 0 -144px;}
div.rcYellowContainer div.rcTop span{background-position: right -148px;}
div.rcYellowContainer div.rcBottom{background-position: 0 -156px;}
div.rcYellowContainer div.rcBottom span{background-position: right -152px;}
div.rcYellowContainer div.rcContent{background: #ffffcc;}

/***** COMMON CONTAINERS *****/
div.pageIntroContainer{
	margin-top: -6px;
	padding-bottom: 26px;
}
div.sidebarBannerContainer{
	padding-top: 7px;	
	padding-bottom: 30px;
}
div.sidebarBannerContainer img{display: block;}
div.sidebarImageContainer{padding-bottom: 30px;}
div.sidebarImageContainer img{display: block;}
div.sidebarBottomContainer{/* Any common styles can be added here */}

/***** PRINT CONTAINER *****/
div.printContainer{padding-bottom: 25px;}

/***** RELATED LINK LIST *****/
div.relatedLinkList{
	width: 250px;
	padding-bottom: 28px;
}
div.relatedLinkList h6{
	margin: 0;
	padding: 0;	
	line-height: 0.8em;
	font-size: 1em;
}
div.relatedLinkList ul{
	margin: 0;
	padding: 0;
}
div.relatedLinkList ul li{
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
	line-height: 1.1em;
}

/***** INFORMATION LIST *****/
/* Used for News Landing Listing */
div.informationList{
	display: table;
	width: 100%;
	padding-bottom: 21px;
}
div.informationList img{
	float: left;
	width: 51px;
	height: 51px; /* Don't want the image to grow */
	margin-right: 20px;
}
div.informationList div.informationListDetial{
	float: left;
	width: 450px;
	margin-top: -4px;
}
div.informationList div.informationListDetial h4{
	padding-bottom: 4px;
	font-size: 1em;
	line-height: 1.3em;
}
div.informationList div.informationListDetial span.date{
	font-weight: bold;
	color: #666;
}

/***** LIST DETAIL CONTAINER *****/
/* Used in newsDetail, */
div.listDetailContainer div.details{
	float: left;
	width: 603px;
	margin-right: 50px;
}
div.listDetailContainer div.details h5{margin-bottom: 1.3em;}
div.listDetailContainer div.details div.content{
	padding-bottom: 0;
	width: 100%;
	float: none !important
}

/***** PAGINATION *****/
div.pagination{
	font-weight: bold;
	text-align: center;
}
div.pagination a{margin-right: 8px;}
div.pagination span{margin-right: 8px;}
div.pagination a.prev, div.pagination a.next{margin-right: 10px;}
div.pagination a.next {
	margin-right: 0;
	margin-left: 2px;
 }
div.pagination a.inactive, div.pagination a.inactive:link{
	color: #bbb;
	cursor: default;
}
div.pagination a.inactive:hover, div.pagination a.inactive:active{text-decoration: none;}

/***** RETURN LINK *****/
/* This is used in pages like News Landing, Press Room for links at the top. Eg: News Archive Link */
div.returnLink{
	margin-top: 7px;
	margin-bottom: 16px;
	font-weight: bold;	
}
div.returnLink span{padding: 0.5em;}

/***** BOTTOM NAVIGATION LINK *****/
/* This is used in pages like News Landing, Press Room for links at the bottom. Eg: News Archive Link */
div.bottomNavLink{text-align: center;}

/***** Generic Table (Added in V 2.0) *****/
div.genericTable{
	margin-bottom: 20px;
	border: 1px solid #bcc65c;
}
div.genericTable table{
	width: 100%;
	border-collapse: collapse;
}
div.genericTable th{
	padding:  3px 12px;
	text-align: left;
	background: #e0e3e6;
}
div.genericTable td{
	padding:  4px 12px;
	background: #fbfcfe;
}
div.genericTable tr.altRow td{background: #f0f5fa;}
/* Generic Table Title */
div.genericTable div.titleContainer{
	*display: inline-block;
	_display: table;
	background: #bcc65c;
	padding:  6px 8px 6px 12px;	
}
div.genericTable h5{
	float: left;
	margin: 0;	
	padding: 0;
	font-size: 1.20em;
	line-height: 1.1em;
	color: #fff;
}
div.btnContainer{float: right;}
div.btnContainer a{
	float: left;
	margin-left: 10px;
}
/* Help XML Container */
div.btnHelpContainer{float: left;}

/***** Generic Button (Added in V 2.0) *****/
a.btn{
	display: block;
	height: 25px;
	text-indent: -999em;
	background-image: url('/images/ncm/spriteBtn.gif'); 
	background-repeat: no-repeat;
	cursor: pointer;
}
a.btn:focus{outline: none;}
a.btnHelp{
	width: 24px; 
	height: 18px; 
	background-position: -282px -75px;
}
a.btnNewUser{
	width: 85px; 
	height: 18px;
	background-position: -160px -75px;
}
a.btnDelete{
	width: 54px; 
	height: 18px;
	background-position: -106px -75px;
}
a.btnPrintSmall{
	width: 48px; 
	height: 18px;
	background-position: -58px -75px;
}
a.btnEditSmall{
	width: 37px; 
	height: 18px;
	background-position: -245px -75px;
}
a.btnTryAgain{
	width: 63px;
	background-position: -204px 0;
}
a.btnContinue{
	float: left;
	width: 69px; 
	margin-top: 10px; 
	background-position: -267px 0;
}
a.btnSubmit{
	width: 58px;
	background: url('/images/submit.gif') no-repeat 0 0;
}
/* Right Arrow Link */
a.btnArrow{
	display: block;
	float: left;
	padding-right: 9px; 
	font-weight: bold; 
	background: url('/images/arrow_blue.gif') no-repeat right 6px;
}

/***** QTip Styles *****/
/***** qTip Jquery Plugin is used *****/
/* Cover Layer */
#qtipblanket{
	z-index: 5000;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}
/* qTip Generic Container */
div.qtip{
	width: 433px!important;
	_border: 2px solid #5096d3;
}
div.qtip-contentWrapper{
	border: none !important;
	background: transparent url('/images/tipWrapperBg.png') no-repeat left bottom !important; 
	padding: 6px 13px 17px 18px;
	_padding-bottom: 10px;
	_background: #fff!important;
}
div.qtip-content{
	padding: 13px 0 1px 0 !important;	
	background: transparent !important;
}
/* Borders */
.qtip-borderBottom, .qtip-betweenCorners, .qtip-borderTop canvas{display: none!important;}
div.qtip-borderTop{
	height: 7px !important;
	margin: 0!important; 	
	background: transparent url('/images/tipWrapperBg.png') no-repeat 0 0 !important;
	_height: 5!important; 	
	_background: #fff !important;
}
/* Title */
div.qtip-title{
	font-size: 1.1em !important;
	padding: 5px 0 14px 0 !important;
	*padding-bottom: 7px !important;
	border-bottom: 2px solid #a7cae9;
	background: transparent !important;
	color: #ed4e2f !important;
}
/* Close Button */
a.qtip-button{
	display: block;
	width: 55px;
	height: 25px;
	top: -4px!important;
	float: right;
	text-indent: -999em;
	background: url('/images/ncm/spriteBtn.gif') -160px -50px;
}
a.qtip-button:focus{outline: none;}

/***** LOGIN MODAL WINDOW *****/
#coverLayer {
	z-index: 99;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: #fff;
	-moz-opacity: .7;
	opacity: .7;
	opacity: transparent;
	filter: alpha(opacity='70');
}
/* To place the modal window */
div.modalWindowContainer{
	z-index: 1001;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
/* Position Modal Window */
div.modalWindow{
	display: none;
	position: absolute;
	top: 0;
	left: 173px;
	width: 364px;
	height: 251px;
}
#modalContentWrapper{
	overflow: hidden;
	height: 251px;
}
div.modalContent{
	width: 335px;
	height: 246px;
	margin-top: -251px;
	padding: 5px 8px 0 21px;
	background: url('/images/loginModalBg.png') no-repeat;
	_background: url('/images/loginModalBg.gif') no-repeat;
}
div.modalContent a.close{
	display: block;
	float: right;
	width: 25px;
	height: 24px;
	cursor: pointer;
	background: url('/images/spriteBtnClose.gif')
}
/* Heading */
div.modalWindow h5{
	height: 20px;
	margin: 6px 0 18px !important;
	padding: 0 0 0 0!important;	
	background: url('/images/spriteTitleNCMMuseum.gif')	no-repeat;
	text-indent: -999em;
}
/* Contents */
div.modalWindow div.formRow label{
	display: block;
	float: left;
	width: 75px;
	margin-bottom: 8px;
	padding-top: 4px;
	font-weight: bold;
}
div.modalWindow div.formRow input.txt{
	width: 228px;
	margin-bottom: 8px;
	padding: 4px 0;
	border: 1px solid #84b9e4;
}
a.btnSignIn{
	float: left;
	margin-top: 13px;
	width: 68px;
	background-position: -405px 0;
}
div.extraDetails{
	float: left;
	margin-top: 13px;
	padding: 4px 0 0 18px;
}
div.extraDetails a{
	display: block;
	font-weight: bold;
}
div.extraDetails a.forgotPass{margin-bottom: 6px;}
/* Alert Message */
div.alertMessage{
	margin: 0 15px 10px 0;
	padding: 3px 5px;
	font-weight: bold;
	border: 1px solid #ed4e2f;
	line-height: 1.2em;
	background: #f8fbfe;
	color: #3786d3;	
}

/***** Generic Form Styles (Added in V 2.0) *****/
/* Required Field */
label.reqField{font-weight: bold; }

/* ASP Checkbox & Radio Buttons */
span.fieldOpt input{
	float: left;
	margin: 0;
	*height: 13px;
	*width: 13px;	
}
span.fieldOpt label{
	display: block;
	float: left;
	padding: 0 0 0 5px !important;
	line-height: 1.1em;
}
/* Content Administrator Alert Messages */
div.adminAlertMessage{
	margin: 10px 0;
	padding: 10px;	
	font-weight: bold;
	border: 1px solid #a9d6f2;
	background: #ecf4f9;
	color: #3c3c3c;
}
div.adminAlertMessage ul{
	margin-top: 5px;
	margin-bottom: 0; 
}
/* Error Message */
span.errorMessage{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #ed4e2f !important;
}
/** Form Message **/
/* Used to display error messages or other messages */
div.formMessage{
	margin-bottom: 20px;
	padding: 10px;
	font-weight: bold;
	border: 1px solid #ed4e2f;
	background: #f8fbfe;
	color: #3786d3;
}
div.formMessage ul{display: none;}