/*-----------------------------------
 *  guided_design.css
 *-----------------------------------*/
/*
 * Guided Design page flow
 * --
 * croald, 2007/02/27
 */
div.page-content-outer-container,
div.page-content-inner-container 
{
   left: 0px;
}

.h1-title {
	padding-top: 8px;
}

#gx-container
{
    border-bottom: 1px solid #BEC3C5;
}

h1.gx_subheading 
{
    margin: 0px;
    border-bottom: 1px solid #BEC3C5;
}

h1, h2, h3, #frmPage
{
    margin: 0px;
}

#frmPage,
#gx-container,
#gx-body-control,
#divGuidedDesignPage
{
    position:relative;
    width: 100%;
}

div#divImageSearchPage p.gx_instructions {
    margin-top: 60px;
}

div#divIndustryPicker {
	/* take it out of the flow so the page renders the same with or without it*/
	position: absolute; 
}

div#divIndustryPicker h3 {
	margin-bottom: 6px;
}

h4.gx-minor-head {
	color: black;
	font-weight: bold;
	font-size: 12px;
	margin: 16px 0px 2px 0px;
}

hr 
{
	color: #BEC3C5;
	background-color: #BEC3C5;
	margin-bottom: 0px;
}

div.pager {
	text-align: center;
	clear: both;
}

div.textfieldlabel {
	margin-top: 2px;
	font-weight: bold;
	clear: both;
}

div.textfieldlabelPopup {
	margin-top: 2px;
	font-weight: bold;
	clear: both;
	text-align: left;
}

div.gx-warning-text {
    color: darkred;
    text-align: left;
}

#gx-review-body div.gx-warning-text {
    width: 50%;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

div.gx-emphasized-note {
	color: #ff6600;
	font-weight: bold;
}

/* --- About Pop ----------------------------------------------------*/

#gx-about
{
    display: none;
    text-align: left;
}

#gx-about-title
{
    display: none;
}

.popup-subheading
{
    margin-top: 10px;
    margin-bottom: 5px;
}

.popup-subheading,
.popup-body-text
{
    margin-left: 5px;
}

.top-middle
{
    font-weight: bold;
    padding-top: 10px;
}

.popup-instruction
{
    border-bottom: 1px dotted #BEC3C5;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 3px;
}


/* --- footer controls --------------------------------------------- */
#gx-footer
{
	width: 100%;
	background-color: #FCEFAE;
	vertical-align: top;
    border: 2px solid white;
    display: table;
    padding-bottom: 10px;
}

#gx-footer-controls
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

#gx-footer-buttons
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#divGxFooterControls {
	text-align: right;
}

#divGxFooterLinks
{
    padding: 0px 5px;
}

#gx-footer-links
{
    width: 345px;
}

div#divGxFooterLinkContent{
	padding-top: 10px;
}

/*-------------------------------------------------------------------*/

.divider {
	clear: both;
}

.gx-light-divider {
	border-bottom: 1px solid #2e2f91;
	height: 1px;
	width: 95%;
	margin: 0px;
}

.selected {
	border: 1px solid #FF7900;
}

.not-selected {
    border: 1px solid #FFFFFF;
}

div.gx-caption-text {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
}

div.color-scheme-container {
	border: 1px solid black;
	padding: 3px;
	margin: 3px;
	width: 150px;
	height: 28px;
	background-color: white;
	clear: both;
}

div.color-scheme-color {
	width: 20px;
	height: 20px;
	float: left;
}

div.color-scheme-caption {
	width: 60px;
	height: 20px;
	float: left;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}


div#divLearnMore {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #2e2f91;
}


/*-- rounded purple Get Started box ---------------------------------------*/

#gx-image-source
{
    position: relative;
}

div.gx-round-box {
	margin: 8px 12px;
    width: 435px;
    position: relative;
}

div.gx-round-box-main-body {
	position: relative;
	height: 100%;
    text-align: center;
}

img.gx-round-box-image {
	margin-left: auto;
	margin-right: auto;
}
.gx-round-box-button img,
img.gx-round-box-image 
{
    cursor: pointer;
}

.gx-round-box-header {
    text-align: left;
}

.gx-round-box-instruction {
	font-weight: 11px;
	margin: 6px 0px 12px 0px;
    text-align: left;
}

.gx-round-box-button {
    text-align: right;
    margin-bottom: 20px;
}


/*--- Image Preview box ---------------------------------------------------*/

table#gx-previous-uploads {
	text-align: center;
}

div.gx-image-preview-box {
	margin: 8px 16px;
	position: relative;
	width: 180px;
	height: 160px;
	border-right: 1px solid #b4ccf6;
	border-bottom: 1px solid #b4ccf6;
}

div.gx-image-preview-box img {
	cursor: pointer;
}

div.gx-image-preview {
	width: 160px;
	height: 150px;
}

img.gx-image-preview-img {
	margin: 10px 20px;
}

div.gx-image-preview-plain {
	margin: 0px 20px;
}

div#divDocumentTextPage div.gx-image-preview-plain {
	margin-top: 6px;
	margin-left: -20px;
}

img.gx-select-button {
	position: absolute;
	bottom: 18px;
	left: 35px;
}

a#aChangeImage {
}

/*--- Edit Image tab ------------------------------------------------------*/

table#gx-edit-image-layout td {
	vertical-align: top;
}

div#gx-image-options {
	position: relative;
}

div#gx-image-options img {
	position: relative;
	margin: 2px;
	bottom: -6px;
}

div#gx-image-options a:link,
div#gx-image-options a:visited,
div#gx-image-options a:active {
	text-decoration: none;
}

div#gx-image-options a:hover {
	text-decoration: underline;
	color: red;
}

/*--- Select Industry tab -------------------------------------------------*/

table#gx-industry-list td {
	vertical-align: top;
}

table#gx-industry-list h3 {
	width: 90%;
	bottom-margin: 4px;
	border-bottom: 1px solid #2e2f91;
}

table#gx-industry-list li {
	position: relative;
	left: -20px;
}

td#gx-industry-list-spacer-column {
	width: 20px;
}

div.industry-list-item {
	padding-left: 4px;
	color: #2d2e90;
}

/*--- Image Search tab ----------------------------------------------------*/

#gx-industry-images,
#gx-search-images 
{
	text-align: center;
    clear: both;
    position: relative;
}

#image-search-box-container
{
    margin-top: 10px;
    float: right;
    width: 250px;
}

#image-search-box
{
    margin: 5px;
}

#image-search-box img
{
    position: relative;
    top: 3px;
    cursor: pointer;
}

.box-header {
	font-weight: bold;
}
/*--- Document Text tab ---------------------------------------------------*/

table#gx-text-layout td {
	vertical-align: top;
}

table#gx-text-layout td#gx-text-layout-middle {
	width: 72px;
}

table#gx-text-layout div#gx-text-update-button {
	float: right;
	margin-top: 16px;
}

div#divTextPreview {
	margin: 12px 0px 6px 0px;
}

/*--- Font Preview box ---------------------------------------------------*/

.text-selected {
	font-size: 12px;
	font-weight: bold;
	background-position: left center;
	background-image: url(/vp/images/nns/common/bullets/arrow_small.gif);
	background-repeat: no-repeat;
}

#gx-font-categories-conatiner
{
    width: 700px;
    margin-bottom: 25px;
}

#gx-font-categories
{
    margin-left: 10px;
}

div#divGxFontFamilySelector {
	margin-top: 4px;
	padding-left: 10px;
}

div#divGxFontFamilySelector a {
	padding-left: 8px;
	padding-right: 12px;
}

div.gx-font-label {
	text-align: left;
	font-size: 11px;
	color: black;
}

#gx-font-options {
	text-align: center;
    position: relative;
    width: 100%;
}

.gx-font-option 
{
    float: left;
    height: 250px;
    margin: 10px;
}

div.gx-font-preview-box {
	margin: 8px 12px;
	padding: 6px;
	position: relative;
	width: 240px;
}

div.gx-font-preview-box img {
	cursor: pointer;
}

div.gx-font-preview {
	width: 220px;
	margin-bottom: 5px;
}

div.gx-font-preview img {
	margin: 6px 0px;
}

div.gx-font-preivew-view-text {
	text-align:left;
	padding-top: 5px;
}

/* --- Backside Tab -----------------------------------------------------*/
#gx-backside-popup
{
    display: none;
}

#gx-backside-section-head
{
    display: none;
}

#imgBacksideNextButton,
#imgBacksideOKButton
{
    margin-bottom: 10px;
}

/* --- Final Review Tab ---------------------------------------------------*/

.gx-final-review-view-larger
{
    cursor: pointer;
    color: #2E2F91;
    position: relative;
}

/*--- Combo Preview box ---------------------------------------------------*/

#gx-combo-options {
	text-align: center;
	clear:both;
    display: table;
    width: 100%;
}

div.gx-combo-preview-box {
	margin: 12px;
	position: relative;
	width: 200px;
}

div.gx-combo-preview-contains-warning
{
    margin-bottom: 0px;
    margin-top: 0px;
}

div.gx-combo-preview-box img {
	cursor: pointer;
}

div.gx-combo-preview {
	width: 190px;
	margin-bottom: 5px;
	text-align:center;
}

img.gx-combo-preview-img {
	margin: 10px 0px 8px 0px;
}

table#gx-combo-options div.gx-combo-preview-view-larger {
	position: relative;
	left: 5px;
	margin: 10px 0px;
}

div.gx-combo-preview-view-larger{
	text-align: left;
    margin-top: 3px;
}

.gx-final-review-view-larger,
.gx-combo-preview-view-larger-link
{
    background-image: url(/vp/images/nns/common/icons/viewLargerIcon.gif);
    padding: 3px 0px 0px 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

div.gx-combo-preview-box,
div.gx-font-preview-box 
{
	border-right: 1px solid #BEC3C5;
	border-bottom: 1px solid #BEC3C5;
}
/*-------------------------------------------------------------------------*/

td#tdReviewPreview {
	width: 100%;
}

td#tdReviewPreview {
	vertical-align: top;
}

td#tdReviewPreview div#gx-review-advanced-edit {
	display: none; /* shown only when we show edit controls */
}

div#divEditText {
	width: 380px;
	text-align: left;
	margin: 0px auto; /*for firefox*/
}

div#gx-review-body {
	text-align: center;
    position: relative;
}

img#gx-back-side-preview{
	margin-top: 10px 0px;
}

div#gx-review-controls {
	vertical-align: top;
	width: 370px;
	height: 96px;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px auto;
    padding-top:3px;
}

div#gx-review-view-larger {
	position: absolute;
	left: 6px;
	top:0px;
}

div#gx-review-view-larger a {
	vertical-align: top;
}

div#gx-review-advanced-edit{
	position: absolute;
	left: 80px;
	top: 24px;
	width: 250px;
	text-align: left;
}

div#gx-back-front-toggle{
	position: absolute;
	right: 6px;
	top:0px;
}

div#gx-back-front-toggle{
	font-size:11px;
	font-weight:bold;
}

div#gx-back-front-toggle span#gx-toggle-back{
	color:#2e2f91;
	cursor:pointer;	
}

div#divApprovalBoxWrap {
	text-align:center;
}

div#divOnlineProofApproval {
	width: 470px;
	margin: 0px auto; /*for firefox*/
}

#tableReviewEdit
{
    position: relative;
}

table#tableReviewEdit td {
	vertical-align: top;
}

div#divReviewEditControls {
	display:none;
}

div#divHideEdit {
	text-align: right;
}

div#divReviewEditControls {
	display:none;
}

/* --- edit bar styling --- */

div.gx-field-edit-bar {
	text-align: right;
	display: none;
	height: 27px;
	background-image: url(/vp/images/nns/studio/toolbar2/back.gif);
	background-repeat: repeat-x;
}

div.gx-field-edit-bar div {
	float: right;
}

div.gx-edit-bar-left-end {
	width: 1px;
	height: 16px; /* set a height so firefox will render it */
	background-image: url(/vp/images/nns/common/design_wiz/edit_bar/editbar_left_right_cap.gif);
}

div.gx-edit-bar-spacer {
	width: 1px;
	height: 16px; /* set a height so firefox will render it */
	margin: 2px 0px 0px 0px;
	background-image: url(/vp/images/nns/common/design_wiz/edit_bar/spacer.gif);
}

div.gx-edit-bar-right-end {
	width: 1px;
	height: 16px; /* set a height so firefox will render it */
	background-image: url(/vp/images/nns/common/design_wiz/edit_bar/editbar_left_right_cap.gif);
}

.gx-edit-bar-button /*button*/
{
	display: block;
	float: right;
	cursor:pointer;
	cursor:hand;
	margin: 2px 0px;
}

.gx-edit-bar div#divFontSelector {
	margin-left: 6px;
	vertical-align: middle;
}

a.gx-edit-bar-button /*button*/
{
	padding:1px;
} 

a.gx-edit-bar-button img {
	vertical-align: middle;
}

a.gx-edit-bar-button:hover /*button*/
{
	background:#dfdfdf;
	padding:0px;
	border:1px solid #de0101;
}

a.gx-edit-bar-button.active /*button*/
{
	background:#dfdfdf;
	padding:0px;
	border:1px solid #08246b;
}

a.gx-edit-bar-button.active:hover /*button*/
{
	background:#b6bdd2;
	border:1px solid #de0101;
}

a.gx-edit-bar-button.disabled, /*button*/
a.gx-edit-bar-button.disabled:hover /*button*/
{
	background:none;
	border:none;
	cursor:default;
	filter:alpha(opacity=50);
	opacity:0.5;
	padding:1px;
}

div.gx-field-edit-bar div.studioToolbarItem {
	float:none;
}

div#divFontSelectorText {
	height:13px;
}

#bodyPage div.studioToolbarItem {
	float: left;
}


/*--- your design so far ------------------------------------------------*/

#gx-design-so-far-preview
{
    float: right;
    width: 215px;
    margin-bottom: 5px;
    position: relative;
}

.previewTitleText
{
    text-align: left;
    margin-left: 25px;
}

#gx-design-so-far-preview-body
{
    text-align: right;
    margin: 0px 5px;
}

#gx-design-preview
{
    margin: 10px 20px;
}

#gx-design-so-far-minimize-button
{
    position: absolute;
    top: 13px;
    left: 8px;
	cursor:pointer;
    background-position: right center;
    background-repeat: no-repeat;
    width: 21px;
    height: 22px;
    
}

.gx-design-so-far-minimize-icon
{
    background-image: url(/vp/images/b09/common/button/graphical/orange_up_button.png);
}

.gx-design-so-far-expand-icon
{
    background-image: url(/vp/images/b09/common/button/graphical/orange_down_button.png);
}

span.spanViewLargerText{
	font-size:11px;
	color: #00539F;
	cursor:pointer;
    background-image: url(/vp/images/nns/common/icons/viewLargerIcon.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 20px;
    text-decoration: underline
}

div#divYourDesignSoFarZoom{
	display:none;
}

div#gx-DSF-view-larger{
	padding-top:25px;
	padding-right:26px;
}

div#gx-DSF-view-larger{
	width:100%;
	height:100%;
}

div#gx-DSF-view-larger div#divViewLargerLayer{
	position:relative;
}


div#divYourDesignSoFarSpacer {
	width: 1px;
	height: 530px;
	float: right;
}


/*-------- view larger layer ------------------------------------------------------*/

div#divViewLargerLayer{
	display: none;
	position: absolute;
	overflow: hidden;
	background-color: #00FF00;
	z-index:1;
}

div#divCloseViewLargerLayer{
	background-color: #00FFFF;
	cursor: pointer;
}

div#gxDesignSoFarMin{
	text-align:center;
	background-color:Lime;
	cursor:pointer;
}

/*----------GuidedDesign Footer Buttons Styles-------*/
#divGxFooterBackButton,
#divGxFooterNextButton,
#divGxFooterSaveForLaterButton
{
	cursor : pointer;
}

/*-------- Simplify Search ------------------------------------------------------*/
#gx-sub-title-instr,
#gx-sub-title-industry-link
{
    font-size: 12px;
    display: inline;
}

#gx-sub-title
{
    margin-bottom: 10px;
}

#tblToggleText
{
    height: 20px;
    width: 100%;
}

#divToggle
{
    clear: both;
    margin-bottom: 10px;
}

#divToggle td
{
    text-align: right;
}

#divToggle td.toggle-header,
#divToggle td.toggle-first-part,
#divToggle td.toggle-second-part
{
    text-align: left !important;
    background-position:left center;
    background-repeat:no-repeat;
}

#divToggle td.toggle-header
{
    font-weight: bold;
}

#divToggle td.toggle-first-part
{
    padding-left: 20px !important;
    background-image:url(/vp/images/ic_gallery/horizontal_icon.gif);
}


#divToggle td.toggle-second-part
{
    padding-left: 12px !important;
    background-image:url(/vp/images/ic_gallery/vertical_icon.gif);
}
/*-----------------------------------
 *  guided_design.brand09.css
 *-----------------------------------*/
/*@import url(/vp/css/guided_design.css?siteversion=201);*/

div.page-content-outer-container div.page-content-inner-container {
    padding-left: 0px;
    padding-right: 0px;
}

div.page-content-inner-container
{
	left: 0px;
	width: 100%;
}
.h1-title
{
	padding-top: 0px;
}

div #gx-body-control
{
	left:0px;
}