/*************************************************************/
/*
table, td
{
	border:1px gray solid;
	padding:2px;
}

div
{
	border:1px green solid;
	padding:2px;
}

span
{
	border:1px blue solid;
	padding:2px;
}

form
{
	border:1px red solid;
}
*/

label {
 cursor: pointer;
 cursor: hand;
}

.TextItems
{
 font:12px Arial;
}

.NonTextItems
{
 font-size: 0;
}

.Menu
{
 background-color: #FFFFFF;/* buttonface;*/
 color:            buttontext;
 border-left:      1px solid buttonhighlight;
 border-top:       1px solid buttonhighlight;
 border-right:     1px solid buttonshadow;
 border-bottom:    1px solid buttonshadow;
 font-size:        0;
 cursor:           default;
 vertical-align:   middle;
 width:            570px;
}

.ToolBar {
 position:relative;
 background-color: #DEDFDE; /*buttonface;*/
 color:            buttontext;
 border:           0;
 font-size:        0;
 cursor:           default;
 vertical-align:   middle;
 width:            570px;
}

.ToolBarSpacer {
 background-color: buttonface;
 color:            buttontext;
 border-left:      1px solid buttonhighlight;
 border-top:       1px solid buttonhighlight;
 border-right:     1px solid buttonshadow;
 border-bottom:    1px solid buttonshadow;
 font-size:        0;
 cursor:           default;
 vertical-align:   middle;
 margin-left:4px;
 margin-right:4px;
}

.ToolbarRow {
 width:		570px;
}

.TOButton_Base {
 vertical-align:   middle;
 background-color: #fff; /*buttonface;*/
 color:            buttontext;
 cursor:           pointer;
}

.TOButton_Normal {
 border:  1px solid buttonface;
 cursor:hand;
 cursor:pointer;
}

.TOButton_Disabled {
 border:    1px solid buttonface;
 filter:    gray alpha(opacity=30);
 cursor: default;
}

.TOButton_Hover {
 border: 1px solid #dedede;
}

.TOButton_Pressed {
 border: 1px solid #dedede;
 background-color: #bbb;
}

.ToolBarSelector {
 background-color: window;
 color:            windowtext;
 border-left:      1px solid buttonshadow;
 border-top:       1px solid buttonshadow;
 border-right:     1px solid buttonhighlight;
 border-bottom:    1px solid buttonhighlight;
 cursor:default;
 font:12px Arial;
 vertical-align:   middle;
}

.PullDown
{
 background-color: window;
 color:            windowtext;
 border-left:      1px solid buttonshadow;
 border-top:       1px solid buttonshadow;
 border-right:     1px solid buttonhighlight;
 border-bottom:    1px solid buttonhighlight;
 cursor:default;
 vertical-align:   middle;
}

.GButton_Base
{
 background-color: buttonface;
 color:            buttontext;
 cursor:           default;
}

.GButton_Normal
{
 border-left:      1px solid buttonhighlight;
 border-top:       1px solid buttonhighlight;
 border-right:     1px solid buttonshadow;
 border-bottom:    1px solid buttonshadow;
}

.GButton_Disabled
{
 border-left:      1px solid buttonhighlight;
 border-top:       1px solid buttonhighlight;
 border-right:     1px solid buttonshadow;
 border-bottom:    1px solid buttonshadow;
 filter:           alpha(opacity=50);
}

.GButton_Pressed
{
 border-left:      1px solid buttonshadow;
 border-top:       1px solid buttonshadow;
 border-right:     1px solid buttonhighlight;
 border-bottom:    1px solid buttonhighlight;
}

.MenuWrapper
{
 background-color:white;
 color:black;
 border:1px solid black;
 cursor:default;
 font:12px Arial;
 vertical-align:middle;
}

.StatusBar
{
 border-left:      2px solid buttonhighlight;
 border-top:       2px solid buttonhighlight;
 border-right:     2px solid buttonshadow;
 border-bottom:    2px solid buttonshadow;
}

.StatusBarPane
{
 border-left:      1px solid buttonshadow;
 border-top:       1px solid buttonshadow;
 border-right:     1px solid buttonhighlight;
 border-bottom:    1px solid buttonhighlight;
 background-color: buttonface;
 color:            buttontext;
 font:             12px Arial;
 cursor:           default;
}

.InsetPane
{
 border-left:      1px solid buttonshadow;
 border-top:       1px solid buttonshadow;
 border-right:     1px solid buttonhighlight;
 border-bottom:    1px solid buttonhighlight;
}

.FlatPane
{
 border:      1px solid buttonface;
}

div.horizontal-rule
{
	width:620px;
	border-top: dashed 1px #bec3c5;
	height:1px;
	font-size:1px;
}
div.back-to-top
{
	width:620px;
	text-align:right;
}

/* Approval Page */
#divApprovalContent
{
	font-size:12px;
	text-align:center;
}

#divApprovalContent a
{
	text-decoration:underline;
}

#h3ApprovalHeader
{
	border-bottom:1px solid #bec3c5;
	color:#2e2f91;
	display:block;
	font-size:18px;
	margin:0px;
	padding-top:10px;
	padding-bottom:6px;
	text-align:left;
}

#divApprovalOuterContent
{
	width:687px;
	margin:0px auto;
}

#divApprovalOuterContent p
{
	margin-top:8px;
}

#divApprovalInnerContent
{
	width:620px;
	margin:0px auto;
	text-align:left;
}

div.approval-options
{
	padding-top:10px;
	text-align:right;
}

table.approval-option-buttons
{
	display:inline;
}

div.approval-options img
{
	margin-left:5px;
}

table.approval-preview, div.approval-preview
{
	background:#fff;
	border:1px solid #949494;
}

#divCoverArea #cover-area-copy
{
	margin-left: 5px;
}

#tblApprovalLargePreview p
{
	color:#2e2f91;
	font-weight:bold;
	text-indent:10px;
	margin:0;
	margin-bottom:4px;
}

#tblApprovalLargePreview td.approval-view-large
{
	text-align: right;
}

div.approval-large-preview
{
	margin-bottom:14px;
	padding:24px 8px 6px 8px;
	text-align:right;
}

div.approval-large-preview a.approval-edit
{
	color:#2e2f91;
}

#divApprovalSmallPreviewMaskLayer
{
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	opacity:.65;
	filter:alpha(opacity=65);
}

#tblApprovalSmallPreview
{
	position:relative;
	margin:0 0 20px 0;
}

div.approval-small-preview
{
	padding:5px;
	text-align:right;
}

div.approval-photo-small-preview
{
	margin-right:7px;
	margin-bottom:7px;
}

div.approval-small-preview p
{
	display:inline;
	font-weight:bold;
	margin-left:8px;
}

div.approval-photo-small-preview table.approval-view-large
{
	width:171px;
}

div.approval-small-preview td.approval-view-large
{
	text-align:right;
}

div.approval-small-preview a
{
	color:#2e2f91;
	cursor:pointer;
	cursor:hand;
}

#divApprovalInitials
{
	background:#fcf4ca;
	border-top:1px solid #2e2f91;
	border-bottom:1px solid #2e2f91;
	padding:12px 16px 0 16px;
	margin-bottom:14px;
	margin-top:32px;
}

#divApprovalInitials h3
{
	color:#000;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0;
	text-align:center;
}

#divApprovalInitials h3 img
{
	margin-right:10px;
}

#divApprovalInitials p.approval-initials-instructions
{
	font-weight:bold;
	margin:0;
}

#divApprovalInitials p
{
	margin-top:10px;
	margin-bottom:5px;
}

#divApprovalInitials table
{
	margin-bottom:14px;
}

#divApprovalInitials input
{
	border:1px solid #8e92ac;
	margin-left:40px;
	width:64px;
}

#tblApprovalOptionsBottom
{
	margin-bottom:30px;
	width:100%;
}

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

/*debug

*/

#divEditor table#section-title /* this one overrides vpglobal.css! ;-) */
{
	width:100.3%;
}

.page-content-inner-container   /* this one overrides vpglobal.css! ;-) */
{
	position:static;
	width:99.7%;
}

/*
#divPlsWait
{
	position: absolute;
	z-index: -1;
	left: 300;
	top: 300;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid black;
	padding: 4;
}
*/

#divEditorMain
{
	border: 1px solid #394AB5;
	border-right:0;
	margin-top:0;
}

#divDocEditorMain
{
	position: relative;
	border: 1px solid #394AB5;
	border-right:0;
	margin-top:0;
}

#divEditor
{
	background-color:#fff;
}

#divEditor h1
{
	background-color:#394AB5;
	color:#fff;
	font-size:19px;
	padding:2px;
	padding-left:10px;
	margin: 0 0 5px 0;
	background-image: url(/vp/images/nns/common/section_title_left.gif);
	background-repeat:no-repeat;
}

#imgQuickHelp
{
	position:absolute;
	top:2px;
	right:5px;
}


#divEditorLeftSide
{
	position:absolute;
	left:0;
	top:25px;
}


#divCustomizeLink
{
	position:absolute;
	left:10px;
	bottom:35px;	
}

#divEditorWorkArea
{
	position:relative;
	width:560px;
}

#divCurrentView
{
	margin-bottom:5px;
	width:250px;	
	float:left;
}

#divDocDiagram
{
	margin-bottom:5px;
	width:230px;	
	float:left;
	padding-left:15px;
 }
#divTopEditorBar
{
	margin-bottom:5px;
	width:100%;
	height:130px;
}

#divMoreDesignsBar
{
	xborder: solid 1px #394AB5;
	background-image: url(/vp/images/nns/studio/st_more_designs_header_tile.gif);
	background-repeat:repeat-x;
	margin-bottom:5px;
	width:auto ;
	float:right;
}

#divMoreDesignsBar h3
{
	font-size:12px;
	border-right: solid 1px #394AB5;
	background-image: url(/vp/images/nns/studio/st_more_designs_header_lt.gif);
	background-repeat: no-repeat;
	margin:0;
	padding:2px;
	padding-left:5px;
	padding-right:5px;

}
#divMoreDesignsBar iframe
{
	width:100%;
	height:105px;
	padding-top:8px;
	border:0;
	border: solid 1px #394AB5;
	padding-left:5px;
	padding-right:3px;
	background-color:White;
}

#divEditor h2
{
	font-size:13px;
	font-weight:bold;
	color: #394AB5;
	xborder-bottom:solid 1px #394AB5;
	border-bottom: 0;
	border-right: solid 1px #394AB5;
	background-color:#FFD673;
	background-image: url(/vp/images/nns/studio/st_fbc_yel_header_bg.gif);
	background-repeat: no-repeat;
	margin:0;
	margin-top:11px;
	padding:6px;
	padding-left:10px;
}

#cardBase, #divSSRDocPreview
{
	background-color:#fff;	
	border:1px #9C9D9C solid;
}

#cardBase
{
	margin-top:5px;
	SCROLLBAR-DARKSHADOW-COLOR:#9C9D9C;
	SCROLLBAR-SHADOW-COLOR: #DEDFDE; 
	SCROLLBAR-FACE-COLOR:#DEDFDE;
	SCROLLBAR-HIGHLIGHT-COLOR: #DEDFDE;  
	SCROLLBAR-3DLIGHT-COLOR: #9C9D9C; 
	SCROLLBAR-TRACK-COLOR: #EFEFEF; 
	SCROLLBAR-ARROW-COLOR: #000;	
}

#tblTwoPagePreview
{
	width:560px;
    border-spacing:0;
	text-align:center ;
	display:none;
	margin-top:5px;
	background-color:#fff;	
	border:1px #9C9D9C solid;
}

#tblTwoPagePreview TD
{
	padding-right:25px;
	padding-left:25px;
    font-size:12px;
    font-family:Arial;
}
#tblTwoPagePreview span
{
    text-decoration:underline;
    color:Highlight;
    cursor: pointer;
    cursor: hand;
}

.ApprovalPageTabContainer
{
	background-color:White;
}
#progProgressIndicator
{
	 display:none;
	text-align:right;
	color:Gray;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	vertical-align:middle;
	
}
#progProgressIndicator img
{
	vertical-align:middle;	
	margin: 0 3px 0 0;
}
#progProgressIndicator .progStepHighlight
{
	font-weight:bold;
	color:#394AB5;
}

#tblBacksideSelector {
    border:solid 1px black;
    font-size: 10px;
}
#tblBacksideSelector td {
    margin: 1px 2px 1px 2px;
}

#divEasymodeBacksideTypeButton #tblBacksideSelector {
    border:0;
}

#trFormFields font { width:120px; font-size:12px; font-family:Verdana; }
#trFormFields input { width:120px; font-size:12px; font-family:Verdana; }

#divSSRDocPreview { width:560px;text-align:center;background-color:white; }

#tblOptionButtons
{ 
	width:100%;
	border-top:1px solid #394AB5; 
}

.SSRNewImageSizeHandler
{
	background-image:url(/vp/images/nns/studio/image_size_handle.gif);
	overflow:hidden;
	width:7px;
	height:7px;
	position:absolute;
	cursor:pointer;
	cursor:hand;
	UNSELECTABLE:on;
}
.SSRImagePlaceHolder
{
	border-style:dashed;
	border-width:0;
	border-color:#00A8FF;
	position:absolute;
	cursor:pointer;cursor:hand;
	overflow:hidden;
	UNSELECTABLE:on;
}
.studioOptionControl
{
	float: left;
	padding: 2px;
}

.studioOptionControl#divAddLogoImageButton
{
	height: 150px;
}

.studioOptionControl p { margin:2px; }
.nextOptionsControl p { margin-top:12px; }

.studioOptionControl#divEasymodeBacksideTypeButton { width:210px; }

.nextOptionsControl
{
	float: right;
	text-align:center;
	padding-top: 5px;
	xborder-bottom:1px solid #394AB5;
	position:relative;
}

.nextOptionsControl table
{
	height:100%;
	width:100%;
}

#divMustUpdate
{
	color:Red;
	font-size:10px;
	position:absolute;
	bottom:1px;
	left:15px;
}

#dsAdLine p
{
	padding-top:5px;
	xmargin-top:5px;
	width:430px;
}

#divChangePageButtons
{
	text-align:center;
	padding-top:15px;
}

.normalButton, .normalButton img, .normalButton input
{
	cursor: pointer; cursor: hand;
}
.disabledButton, .disabledButton img, .disabledButton input
{
	cursor: text ;
	opacity: .33;
	filter: gray alpha(opacity=33);
}

/*
#trBacksideGalleryLink
{
	visibility:hidden;
}

#divOptionButtons
{
	visibility:hidden;	
}
*/

#trBacksideGalleryLink td { 
	background-color:White; 
	padding:6px;
	border:1px #9C9D9C solid;
	border-top:0;
	position:relative;
	top:-1px;
}

/* **************************** "Pop" layer styles **************************** */

.studioPopMaskLayer
{
	position:absolute;
	top:0;
	left:0;
	width:850px;
	height:1100px;
	z-index:9998;
	background-color:#fff;
	opacity: .65;
	filter: alpha(opacity=65);
/*
	background-image: url(/vp/images/nns/common/background/pop_layer_mask_tile.gif); 
*/	padding-left:300px;
	padding-top:300px;
}
.studioPopContentLayer
{
	position:absolute;
	top:300px;
	left:35%;
	z-index:9999;
	border:2px solid #394AB5;
	background-color:#fff7ce;
	width:40%;
	padding:5px;
}

.studioPopContentLayer H3
{
	margin:0;
}

.studioPopClose
{
	text-align:right;
	cursor:hand;
	padding:0;
}
.studioPopClose img
{
	vertical-align: middle;
}

.studioPopActionButtons { text-align:right; }
.studioPopActionButtons img { margin-left:20px; }

#divContinuePopContentLayer 
{
	height:200px; 
	width:400px; 
}

#divApprovalPopContentLayer
{
	position:absolute;
	left:160px;
	height:200px;
	width:400px;
}

#divBacksideGalleryContentLayer 
{  
	height:525px; 
	width:600px; 
	top:75px;
	left:75px;
	background-color:White;
	padding:0;
}

#divBacksideGalleryContentLayer iframe 
{
	border:0; 
	width:100%;
	margin:0;
}

#divBacksideGalleryPopCloseButton
{
	margin:10px;
	text-align:right;
}


/* ******************************* old studio styles ************************************** */

/*
a:link, a:visited
{
	color: #3300CC;
}
*/
.FPInstructionHeadline
{
	font-size: 18px;
	color: #0066CC;
	font-weight: bold;
	font-family: tahoma;
}
.FPInstructionSubHeadline
{
	font-size: 15px;
	color: #0066CC;
	font-weight: bold;
	font-family: tahoma;
}
.FPInstructionHeader
{
	font-size: 13px;
	color: #0066CC;
	font-weight: bold;
	font-family: tahoma;
}
.InstructionHeadline
{
	font-size: 15px;
	color: #000;
	font-weight: bold;
	font-family: arial;
	padding-bottom:5px;
}
.InstructionHeader
{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	font-family: arial;
}
.InstructionBullet
{
	font-size: 10px;
	color: #000;
	font-weight: normal;
	font-family: verdana;
}
.InstructionBulletClickable
{
	font-size: 10px;
	color: #000;
	font-weight: normal;
	font-family: verdana;
	cursor: hand;
}
.InstructionText
{
	font-size: 10px;
	color: #000;
	font-weight: normal;
	font-family: verdana;
}
.InstructionOption
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-family: arial;
}
.FieldLabel
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-family: verdana;
}
.DocFormField {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-Serif;
}
.FieldValue
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-family: verdana;
	width: 125px; 
	height: 18px; 
	border-left:2 solid buttonshadow; 
	border-top: 2 solid buttonshadow;  
	border-right: 1px solid buttonface;  
	border-bottom: 1px solid buttonface;
}
.ApprovalText
{
	font-size: 12px;
	color: #F00;
	font-weight: normal;
	font-family: arial;
}
.ApprovalHeader
{
	font-size: 12px;
	color: #F00;
	font-weight: bold;
	font-family: arial;
}
.UpgradeText
{
	font-size: 13px;
	font-family: arial;
}
.FakeLink
{
	color: #30C;
	text-decoration: underline;
	cursor: hand;
}
.DsLink
{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	font-family: verdana;
}
.MktgText
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-family: verdana;
}
.MktgTextBigger
{
	font-size: 13px;
	color: #000;
	font-weight: bold;
	font-family: verdana;
}
.MktgTextSubtitle
{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	font-family: verdana;
}
.odbutton
{
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	font-family: Arial;
	background-color: #6E9ECF;
	border: 1px solid white;
	padding: 3px;
}

#SCHAlignBtn, #SRHAlignBtn, #SJHAlignBtn, #SNListBtn, #TOZoomMBtn
{
	margin-left:-2px;
}

#PDFontSize
{
	margin-left:4px;
}


#divApprovalBoxInline
{
	padding:5px;
	/*background-color:#FFF7CE;*/
	width:430px;
	float:left;
	margin-top:5px;
}

#divApprovalBoxInlineTitle
{
	font-weight:bold;
	margin-bottom:6px;
}

#divApprovalCheckBox
{
	font-weight:bold;
}

#txtInitials
{
	width:40px;
	margin-left:10px;
}

.gray-livepreview, .gray-livepreview:active, .gray-livepreview img
{
	opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}
.EnabledPreviewButton {
    cursor: hand;
}

#tdUpgradeOfferText {
    vertical-align: top;
    width: 66%;
}