/* Standard font size for creation path */
.creationPathFontSize {
    font-size: 12px;
}

.creationPathSmallFont {
    font-size: 11px;
}

.frameBody {
    border-left: 1px solid #B6B6B6; 
    border-right: 1px solid #B6B6B6;
}

#publishingNavBar a {
    font-size: 11px;
    font-weight: bold;
}

#publishingNavBar a:active {
    font-size: 11px;
    font-weight: bold;
}

#publishingFrameTop {
    background: url(/img_/publishing/page/page_frame_top.gif) top left no-repeat; 
	height: 36px;
}

#publishingNavBar {
    padding: 0 0 0 20px;
}

.publishingNavBarPipe {
    float: left;
    width: 1px;
    border-right: 1px solid #ccc;
    height: 20px
}

#publishingFrameBottom {
    background: url(/img_/publishing/page/page_frame_bottom.gif) bottom left no-repeat; 
    height: 4px; 
    _margin-top: -12px;
}

.rolloverCursor {
    cursor: hand;
    cursor: pointer;
}

#surveylink {
    font-size: 8pt;
    margin-top: 3px;
}

#palette_body { width: 215px; _width: 216px; height: 513px; background: #EDEDED; margin: 0 0 0 7px; padding-top: 5px}
/* Define product-specific #layouts_palette_controls { } #backgrounds_palette_controls { }*/
.palette_controls_visible { width: 165px }
.palette_controls_hidden { display: none;}
.palette_component_hidden { display: none;}
.palette_component_visible { width: 167px; height:423px; background: #FFFFFF; overflow: auto; padding: 5px 0 0 3px}
/* The above rule causes scroll bar issues on the SSC layouts tab.  Note the corrected width/height for IE! */
#layouts_palette_component.palette_component_visible { width: 167px; _width: 170px; height:423px; _height: 428px; background: #FFFFFF; overflow: auto; padding: 5px 0 0 3px}
#edges_palette_component.palette_component_visible { width: 167px; _width: 170px; height:475px; _height: 480px; background: #FFFFFF; overflow: auto; padding: 5px 0 0 3px}
#palette_styles .palette_component_visible { width: 167px; height: 493px; _height: 498px; background: #FFFFFF; overflow: auto; padding: 5px 0 0 3px}
#palette_left { width: 37px; height: 498px; float: left;z-index:2;}
#palette_right { width: 170px; height: 498px; float: left; border: 2px solid #FF9800; background: #FFF }

.tab_selected { width: 39px; height: 121px; position: relative; left: 0px; _left: 2px }
.tab_unselected { width: 39px; height: 121px; display: none; position: relative; left: 0px; _left: 2px }
.tab_image { width: 39px; height: 131px; border: 0 }

#palette_bottom_controls { padding-left: 5px; border-top: 1px solid #CCC; }

#publishing_navbar_done { float:right; padding-right: 14px; padding-top: 5px }

#publishing_navbar_left { font-size: 12px; margin-top: 5px; }

#startLengthWidget { color: #333; margin-left: 7px; border: 1px solid #D3D3D3; padding: 10px 0 10px 13px; width: 200px; _width: 216px; }

#previewPageWarningsWrapper { position: relative; width: 600px; margin: -20px 0 10px 254px; }

#warningMessage { position:relative; color:red; text-align: left }

#warningMessage a { color:red; }
#editPageWarningMessage {color: red; font-size: 11px}

#stylesPageWarningsWrapper { position: relative; width: 450px; margin: 20px 0 15px 3px; }
#stylesPageWarningMsg {width: 450px; color: red; font-size: 11px; margin: 0 0 10px 3px}

/* NAVBAR */
#topnav_center { position: relative; float: left; width: 316px; }
#topnav_center div.imgContainer { display:block; float: left;}
#topnav_center div.imgContainer img { cursor:pointer;}
#topnav_right { position: relative; float: right; width: 375px; text-align: right; margin-top: 6px; font-size: 11px }
#topnav_left {position: relative; float: left; width: 235px; margin-top: 5px} 
#projectTitleDiv {position: relative; float: left; width: 210px; top: 3px}
#topnav_buttons {position: relative; float: left; width: 152px}

/* 3D PRODUCT PREVIEW */
#flexPreviewContainer { height: 670px; margin-top: -2px;}

/* greyed out opaque layer under picture picker */
.greyedOut {
	position: absolute;
	width: 100%;
	height: 1350px;
	top: 0px;
	left: 0px;
	z-index: 1000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity: .50;
	background-color: gray;	
}