/* Region CSS
----------------------------------*/

.vspan_2 { height : 120px }
.vspan_4 { height : 240px }
.vspan_6 { height : 360px }
.vspan_8 { height : 480px }

.hspan_2  { width : 160px }
.hspan_8  { width : 640px }
.hspan_10 { width : 800px }
.hspan_12 { width : 960px }


#perc-content { margin : 0 auto }

/* Wrapper for all body content */
#perc-container
{
    margin: 0 auto;
}

#content { margin : 0 auto }

/* Wrapper for all body content */
#container
{
    margin: 0 auto;
}

.perc-region    {
    min-height: 5px;
}
.perc-widget-puff, .perc-region-puff    {
    position: relative;
    min-height: 24px;
}

.perc-widget-menubar {
    position: absolute;
    top: 0px;
    right: 0px;
}

.perc-widget-menubar li {
    float: right;
}

.perc-horizontal > .perc-region { float : left }
.perc-horizontal > .clear-float { clear : both }

.perc-ui-menu {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 100000 !important;
}

.perc-ui-menu img {	
    margin: 0 !important;
    padding: 0 !important;
    float: right !important;
}

.perc-ui-menu-icon{
   cursor: pointer;
}

.perc-region-puff {border : 1px dashed #33C9ED; padding : 20px; position: relative;}
.perc-widget-puff {border : 1px solid #E6E6E9; position: relative; z-index:1000;} /* Makign widget puff border zero to fix the split column issue. */

.perc-widget-selected, .perc-region-selected {
    background-color : #E6E6E9; 
    border:1px solid #CAF589;
	z-index:1000;
}

/* show feedback for the region-tool */
.perc-show-feedback { background: #CAF589 }
    
.perc-region-overridable { background-color : Bisque ; top : 0px; left : 0px }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

.placeholder-region { background-color : #CAF589; padding : 10px}
.placeholder-widget { background-color : #CAF589; height  : 5px}
.perc-hover-region-feedback { border : 1px solid #0000FF }

/* Sample content and styles - images as background of a div */
/* Sample content and styles for image widget*/
.image-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/image/images/widgetImageSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for simple text widget */
.simple-text-sample-content
{
    height:100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/PSWidget_SimpleText/images/widgetSimpleTextSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for rich text widget */
.text-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/PSWidget_RichText/images/widgetTextSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for event widget */
.event-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/event/images/widgetEventSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Blog Post widget */
.blog-post-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/blogPost/images/widgetBlogSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for file widget */
.file-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/file/images/widgetFileSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for file auto list widget */
.filelist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/fileAutoList/images/widgetFileAutoListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for page auto list widget */
.pagelist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/pageAutoList/images/widgetLinkAutoListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for page auto list widget */
.archivelist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/archiveList/images/widgetIconArchiveEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}



/* Sample content and styles for blog list widget */
.bloglist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/blogIndexPage/images/widgetIconBlogEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for tag list widget */
.taglist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/tagList/images/widgetLinkTagListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for result widget */
.result-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/result/images/widgetLinkResultSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for category widget */
.categorylist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/categoryList/images/widgetLinkCategoryListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for image auto list widget */
.imagelist-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/imageAutoList/images/widgetImageAutoListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for raw html widget */
.html-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/PSWidget_RawHtml/images/widgetHtmSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Form widget */
.form-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/form/images/widgetformSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Comments widget */
.comments-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/comments/images/widgetCommentEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Comments Form widget */
.commentsform-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/commentsForm/images/widgetCommentsformEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Blog Post widget */
.blog-post-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/blogPost/images/widgetBlogSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Rss widget */
.feed-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/rss/images/widgetRssSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Edit mode content and styles for rss widget */
.feed-edit-content{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/rss/images/widgetRssEditMode.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* style for object placeholder*/
.perc-object-placeholder
{
    background: transparent url(http://www.fairchildsemi.com/cm/images/images/objectPlaceholder.png) no-repeat scroll center center;
    border : 1px solid #858690; 
    position: relative;
}
.title-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/title/images/widgetTitleEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;

}

/*
.perc-noAutoResize {
    border : 1px solid #33C9ED;
}
*/
.perc-field-disabled {
    background-color: #CCCCCC;
    color : #000000;
}

/* Sample content and styles for iframe widget */
.iframe-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/iframe/images/widgetIframeSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Edit mode content and styles for iframe widget */
.iframe-edit-content{
    height: 100px;
	width:auto;
	margin:auto;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/iframe/images/widgetIframeEditMode.png) no-repeat scroll center center;
}

/* Relative URL styles for iframe widget */
.iframe-relative-url{
    overflow: hidden;
    text-align: center;
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
}

/* Sample content and styles for flash widget */
.flash-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/flash/images/widgetFlashSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for calendar widget */
.calendar-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/calendar/images/widgetCalendarSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

#perc-delete-content-choice-label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
#perc-delete-content-choice {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0px;
    margin-right:5px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

/* Sample content and styles for registration widget */
.registration-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/registration/images/widgetRegistrationSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

.field-label-container.align_left
{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

.field-label-container.align_left.fixed-width
{
	clear: left;
    width:  20%;
}

.field-input-container > #perc-registration-email-field,
.field-input-container > #perc-registration-password-field,
.field-input-container > #perc-registration-password-confirm-field
{
    width: 200px;
}

/* Sample content and styles for login widget */
.login-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/login/images/widgetLoginSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}
/* Sample content and styles for polls widget */
.poll-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/percPoll/images/widgetpollSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}
/* Sample content and styles for secure login widget */
.secure-login-sample-content
{
    height: 100px;
    background: transparent url(http://www.fairchildsemi.com/Rhythmyx/rx_resources/widgets/percSecureLogin/images/widgetSecureLoginSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

.perc-widget-transperant > *
{
	opacity:0.3;
	filter:alpha(opacity=30);
}

.perc-widget-transperant  .perc-ui-menu {
    opacity:1;
	filter:alpha(opacity=100);
}
.perc-itool-selected-elem
{

}

.perc-widget-transperant .perc-itool-selected-elem > *, .perc-widget-transperant .perc-itool-selected-elem-off > * {
     opacity:0.3;
     filter:alpha(opacity=30);
}
.perc-itool-custom-cursor .ui-state-disabled, .perc-itool-custom-cursor.ui-state-disabled  {
    cursor: url('http://www.fairchildsemi.com/Rhythmyx/sys_resources/images/cm/region-inspector.cur'), default  !important; 
}

.perc-itool-region-puff 
{
	/*border : 3px solid #c0c0c0; padding : 8px; position: relative;*/   
    position: relative;
    min-height: 24px;
    z-index:100000 !important;
}

.perc-itool-region-puff > *
{
    z-index:999 !important;
    opacity:0.4;
    
}
.perc-itool-region-puff-self
{
	
}
#itool-placeholder-highlighter 
{
	background-color:#caf589 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.perc-region.ui-state-disabled {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    
}

 .perc-vertical  > .perc-widget-puff {
    width:100%;
 }
 
 /* Multi-select Styles */
 
 .perc-region-puff-gray {
    border: 1px dashed #ccc;
}

.perc-row {
    float:none !important;
    display: block !important;
}

.perc-col {
    float:left !important;    
}

.perc-clear {
    overflow:auto !important;
    height:100% !important;
}