/* -------------------------------------------------------------------------------------------------- 
	
	* Description:		CSS to support downloaded portfolios
   
====[ DOWNLOAD: ]====================================================================================== */

html { font-size: 62.5%; }
.hidden { display: none; }

/*---------------[ =UI Components (from ep4-ui.css ]---------------*/

.ui-button, button /*, .ui-widget-content .ui-button*/ {
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -ms-linear-gradient(#fff, #fff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #fff 25%, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#fff, #fff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#fff, #fff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0;
	overflow: visible;
	padding: 5px 14px 6px;
	position: relative;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-ms-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	-webkit-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

	.ui-button:hover,
	button:hover {
		background-image: none;
		color: #333131;
		text-decoration: none;
	}


.toolbar {
    height: 24px;
    position: absolute;
	right: 0;
	top: 0;
}

	.toolbar-tools {
		height: 24px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		.toolbar-tools li {
			border-left: 1px solid #fff;
			float: left;
			font-size: 12px;
			font-size: 1.2rem;
			min-height: 24px;
			line-height: 24px;
			position: relative;
		}

/***=flag labels (requires block)***/
.flag {
	background-color: #94938f;
	border-radius: 3px;
	color: #fff;
	display: inline;
	font-size: 9px;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1;
	padding: 1px 3px 2px;
	text-transform: uppercase;
}
.flag.oversized {
	border-radius: 5px;	
	font-size: 16px;
	font-size: 1.6rem;
	padding: 4px 7px;
}	
.flag.score, .flag.inline {
	border-radius: 5px;	
	font-size: 11px;
	font-size: 1.1rem;
	padding: 3px 4px;
}
.flag-important, .flag-error, .score.flag-error { background-color: #c43c35; }
.flag-cancelled, .score.flag-cancelled { background-color: #f4e225; color: #404040; }
.flag-warning, .score.flag-warning { background-color: #f26522; }
.flag-success, .score.flag-success { background-color: #57a957; }
.flag-notice, .score.flag-notice { background-color: #2a76b0; }
.flag-disabled { 
    background: #c2c1bc; /* Old browsers */
    background: -webkit-linear-gradient(-45deg,  #c2c1bc 0%,#c2c1bc 48%,#e51616 50%,#c2c1bc 52%,#c2c1bc 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(-45deg,  #c2c1bc 0%,#c2c1bc 48%,#e51616 50%,#c2c1bc 52%,#c2c1bc 100%); /* IE10+ */
    background: linear-gradient(135deg,  #c2c1bc 0%,#c2c1bc 48%,#e51616 50%,#c2c1bc 52%,#c2c1bc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c1bc', endColorstr='#c2c1bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* +Drop Down Menus */

.dropdown-menu {
	color: #333131;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	height: 24px;
	min-width: 118px;
	position: relative;
	-ms-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	-webkit-transition: 0.1s linear all;
	transition: 0.1s linear all;
	visibility: visible;
}
	
	/* Drop Menu Classes */
	
	.dropdown-menu.toolbar-menu {
		background-color: transparent;
		border-left: 1px solid #fff;
		float: right;
		width: 150px; 
	}
		.toolbar-tools .dropdown-menu.toolbar-menu { border-left: none; }
	
	.dropdown-menu.data-dataset-selector { width: 220px; }
	
	.primary-dropdown-menu {
	    background-color: #2a76b0;
	    background-image: -ms-linear-gradient(top, #3d95d9, #2a76b0);
	    background-image: -moz-linear-gradient(top, #3d95d9, #2a76b0);
	    background-image: -o-linear-gradient(top, #3d95d9, #2a76b0);
	    background-image: -webkit-linear-gradient(top, #3d95d9, #2a76b0);
	    background-image: linear-gradient(top, #3d95d9, #2a76b0);
	    width: 200px;
	}
	
	/* Drop Menu Pieces */
	
	.menu-first {
		background: #e5e5e1 url(../images/ui/ui-drop-arrow.png) 100% 50% no-repeat;
		border: 1px solid #c2c1bc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	    height: 24px;
		line-height: 24px;
		padding: 0 24px 0 8px;
	}
	
		/* Drop Menu Class Overrides */
		.toolbar .menu-first, .toolbar-menu .menu-first {
			background-color: transparent;
			border: none;
		}
			
		.primary-dropdown-menu .menu-first {
		    background-color: transparent;
		    border: 1px solid #ccc;
	        border-color: #2a76b0 #2a76b0 #2e4e77;
	        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			color: #fff;
			text-shadow: 0px 0px 3px rgba(51,49,49,0.5);
		}
		
		    .primary-dropdown-menu .menu-first:hover { background-color: #2a76b0; border-color: #2a76b0 #2a76b0 #2e4e77; }
			
		.dropdown-menu.artifacts-menu .menu-first {
			background: url(../images/ui/ui-icons-black.png) 6px -324px no-repeat;
			border-bottom: none;
			border-right: none;
			border-top: none;
			height: 24px;
			line-height: 24px;
			padding-left: 28px;
		}
	
	    .menu-first:hover, .toolbar-menu div.menu-first:hover {
	        background-color: #c2c1bc;
	        border-color: #a8a7a3;
	        cursor: pointer;
	    }
		
	.down-list {
	    overflow: hidden;
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		.down-list li {
			background: #333131;
			border-bottom: 1px solid #000;
			margin: 0;
			position: relative;
			white-space: nowrap;
		    width: 100%;
		}
		
		.down-list li:hover { background: #333131 url(../images/ui/ui-drop-link-hover.png); }
		    
		li.divider-before:before,
		li.divider-after:after {
		    background: #000;
		    content: "";
		    display: block;
		    height: 8px;
		}
		    
			.down-list li a {
				color: #e5e5e1;
				display: block;
				font-size: 11px;
				font-size: 1.1rem;
				font-weight: 700;
				line-height: 1;
				margin: 0;
				padding: 6px 8px;
				text-decoration: none;
				/*text-shadow: 0 0 3px rgba(0,0,0,0.75);*/
			}
			
			    .down-list li a.ui-button { color: #333; }
			    .down-list li a.alert-button { color: #fff; }
				
			.down-list li.selected {
				background: #d0ebf5 url(../images/layout/layout-box-shadow-top-trans.png) 0 0 repeat-x;
				position: relative;
			}
			.down-list li.selected a {
				color: #2e4e77;
				text-shadow: 0 0 2px #fff;
			}
				.down-list li.selected a:before { content: "\2713  "; }
			
			.down-list input { position: absolute; left: 3px; top: 3px; }
			
			.down-list label {
				color: #fff;
				font-size: 12px;
				font-size: 1.2rem;
				font-weight: 500;
				padding: 0 6px 0 4px;
				text-shadow: 0 0 2px #000;
			}
			
			.down-list input[type="checkbox"] + label {
			    -webkit-box-sizing: border-box;
		        -moz-box-sizing: border-box;
		        -ms-box-sizing: border-box;
		        box-sizing: border-box;
				display: block;
				height: 24px;
				line-height: 24px;
				overflow: hidden;
				padding-left: 24px;
			    text-overflow: ellipsis;
			    width: 100%;
			}			

/*---------------[ =Frames, Paragraphs & Artifacts (from ep4-portfolio.css & ep4-ui.css ]---------------*/

.portfolio-frame {
	background: url(../images/layout/layout-box-bg.png);
	border-top: 1px solid #fff;
	margin: 0 0 15px;
	padding: 0 12px 12px;
}
    .empty-frame { display: none; }

	.portfolio-frame-heading {
		border-bottom: 1px solid #fff;
		margin: 0 0 8px -12px;
		text-shadow: 0 0 3px #fff;
		width: 100%;
	}
	
	h2.portfolio-frame-heading {
		background: #e5e5e1 url(../images/layout/layout-box-bg-trans.png);
		color: #333131;
		font-size: 18px;
		font-weight: 500;
		padding: 12px 12px 10px;
	}
	
	h3.portfolio-frame-heading {
		color: #6d6c6a;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		padding: 8px 12px;
	}
	
	.portfolio-frame-question, .portfolio-frame-instructions { margin: 12px 0; }
	
	.portfolio-frame .toggle-panel-content { background-color: #f5f5f5; }
	
	.portfolio-frame ul {
		margin-bottom: 12px;
		margin-top: 6px;
	}
	
	.portfolio-resources-list {
		list-style: none !important;
		margin: 0;
		padding: 0;
	}
	
		.portfolio-resources-list li {
			border: 1px solid #fff;
			border-top: none;
			font-size: 12px;
			font-size: 1.2rem;
			margin: 0;
		}
			
			.portfolio-resources-list li:first-child { border-top: 1px solid #fff; }
		
			.portfolio-resources-list a {
				display: block;
				height: 32px;
				line-height: 32px;
			}
	

/*---------------[ =Paragraphs and Paragraph Controls ]---------------*/

.portfolio-paragraph {
	padding-bottom: 6px;
	position: relative;
}

    .paragraph-text { overflow: hidden; }

    .portfolio-editor .portfolio-paragraph:hover {
        margin-left: -31px;
        padding: 0 12px 6px 31px;
        width: 100%;
    }

	.paragraph-placeholder {
		background:  #effae1;
		border: 1px dotted #6e9e2f;	
		-moz-border-radius: 24px 0 0 24px;
		-webkit-border-radius: 24px 0 0 24px;
		border-radius: 24px 0 0 24px;
	    display: block;
	    height: 48px;
		margin-bottom: 15px;
	    position: relative;
	    width: 99.5%;
		z-index: 500;
}
	
	    .paragraph-placeholder:before {
		    background: url(../images/ui/ui-insert-here-horizontal.png) 0 0 no-repeat;
	        content: "Insert Here";
	        height: 18px;
	        left: -24px;
	        overflow: hidden;
	        position: absolute;
		    text-indent: -500px;
		    top: 15px;
	        width: 100px;
		}
	
	    .portfolio-paragraph-inline + .paragraph-placeholder { 
	        background:  url(../images/ui/ui-insert-here-vertical.png) 50% 50% no-repeat;
	        display: inline-block;
	        height: 60px;
	        margin-right: 6px;
	        width: 32px;
	    }    
	
	/* Inline Paragraph (thumbnails) */
	.portfolio-paragraph.portfolio-paragraph-inline { display: inline-block; }
	
	    .portfolio-paragraph.portfolio-paragraph-inline:hover {
            border-top: none;
            margin-left: -24px;
	        margin-top: 0;
            padding: 0 0 6px 24px;
	        width: auto;
		}
	
	/* Artifacts & Forms (latter is treated like an artifact) */
	
	.portfolio-paragraph-artifact,
	.portfolio-paragraph-form,
	.portfolio-paragraph-link {
		background: #f0efed;
		border: 1px solid rgba(46,78,119,0.15);
		border-left: 3px solid rgba(46,78,119,0.15);
		border-radius: 3px;
		-moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.9);
	    -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.9);
	    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.9);
	    display: block;
		font-size: 12px;
		font-size: 1.2rem;
		position: relative;
	}
	    
	    .portfolio-paragraph-link:before{
	        background: #6d6c6a;
		    border-radius: 7px;
		    color: #fff;
		    content: "Go to page \2192";
		    display: inline-block;
		    font-size: 10px;
		    font-size: 1.0rem;
		    line-height: 14px;
		    margin: 0 6px;
		    padding: 0 5px;
		    text-transform: uppercase;
	    }
	        .portfolio-paragraph-link a {
	            display: inline-block;
                height: 32px;
                line-height: 32px;
	        }
	
	    .portfolio-paragraph-media { background: transparent; border: none; }
	            
	            .portfolio-paragraph-media > * { margin: 0 !important; }
	            .video-30p > * { max-width: 427px; }
	            .video-240p > * { max-width: 427px; }
	            .video-360p > * { max-width: 640px; }
	            .video-480p > * { max-width: 853px; }
	            .video-720p > * { max-width: 1280px; }  
	               
	            .portfolio-paragraph-media a { background-color: #f0efed; }
	            .portfolio-paragraph-media a.artifact-display-changer {
	                background-color: #2e4e77;
	                border: 1px solid #254166;
	                -moz-box-shadow: inset 0 0 2px rgba(211,210,206,0.75);
	                -webkit-box-shadow: inset 0 0 2px rgba(211,210,206,0.75);
	                box-shadow: inset 0 0 2px rgba(211,210,206,0.75);
	                color: #fff;
	                display: block;
	                font-size: 10px;
	                font-size: 1rem;
	                font-weight: 500;
	                height: 20px;
	                line-height: 20px;
	                padding: 0 5px;
	                text-align: center;
	                text-decoration: none;
	                text-shadow: 0 0 2px rgba(0,0,0,0.5);
	                text-transform: uppercase;
	                -moz-transition: background 0.3s ease; 
	                -o-transition: background 0.3s ease;
	                -webkit-transition: background 0.3s ease;
	                transition: background 0.3s ease;
	                width: auto;
				}
	            
	                .portfolio-paragraph-media a.artifact-display-changer:hover {
						background: #333131;
						color: #fff;
					}
	            
	            /* Video Commenting */
	            .video-toolbar {
	                margin: 12px auto;
	                width: 320px;
	            }
	            
	            .video-new-comment {
	                border: 1px solid #efefef;
	                border-radius: 5px;
	                margin: 12px auto;
	                padding: 18px 12px 12px;
	                width: 454px;
				}
	            
	            .video-comments.messages-block {
	                margin: 0 auto;
	                width: 480px;
	            }
	            
		    .portfolio-paragraph-thumbnail {
		        background: none;
		        border: none;
		        margin: 0 6px 6px 0;
		        max-height: 204px;
		        text-align: left;
			}
			
			    .portfolio-paragraph-artifact.portfolio-paragraph-thumbnail a {
		            background: none;
		            border: 2px solid #a8a7a3;
			        display: inline-block;
			        height: auto;
		            padding: 0;
		            text-align: center;
		            vertical-align: baseline;
				}
		        
		           .portfolio-paragraph-artifact.portfolio-paragraph-thumbnail a:hover,
		           .portfolio-paragraph:hover .portfolio-paragraph-thumbnail a { border: 2px solid #000; }
		           
		           .portfolio-paragraph-artifact.portfolio-paragraph-thumbnail a img {
		                display: block;
		                border: 0;
		                max-height: 200px;
		                vertical-align: baseline;
		                line-height: 1em;
					} 
		       
	.artifact {
		padding-left: 32px;
		position: relative;
	}
	    a.artifact { display: inline-block; height: 32px; line-height: 32px;}
	    .artifact:before {
	        background: transparent url(../images/ui/ui-icons-artifacts.png) center 2px no-repeat;
	        content: "";
	        display: block; 
	        float: left;
	        height: inherit;
	        left: 0px;
	        margin-right: 4px;
	        overflow: hidden;
	        position: absolute;
	        width: 32px;
	    }
	                
		.artifact-doc:before:before, .artifact-docx:before { background-position: center -32px; }
		.artifact-xls:before, .artifact-xlsx:before { background-position: center -64px; }
		.artifact-ppt:before, .artifact-pptx:before, .artifact-pps:before { background-position: center -96px; }
		.artifact-pages:before { background-position: center -128px; }
		.artifact-numbers:before { background-position: center -160px; }
		.artifact-key:before, .artifact-keynote:before { background-position: center -192px; }
		.artifact-pdf:before { background-position: center -224px; }
		.artifact-txt:before, .artifact-rtf:before, .artifact-csv:before { background-position: center -256px; }
		.artifact-jpg:before, .artifact-JPG:before, .artifact-gif:before, .artifact-png:before, .artifact-tif:before, .artifact-bmap:before, .artifact-bmp:before, .artifact-pict:before { background-position: center -288px; }
		.artifact-html:before, .artifact-swf:before, .artifact-xml:before { background-position: center -320px; }
		.artifact-mp3:before, .artifact-aac:before, .artifact-wav:before, .artifact-m4a:before, .artifact-aif:before, .artifact-wma:before, .artifact-mid:before, .artifact-audio:before { background-position: center -350px; }
		.artifact-mpg:before, .artifact-mov:before, .artifact-wmv:before, .artifact-flv:before, .artifact-mp4:before, .artifact-avi:before, .artifact-video:before { background-position: center -382px; }
		/*Pseudo-artifact*/
		.artifact-form:before { background-position: center -415px; }	       
	
	
	.portfolio-paragraph .ui-button {
	    float: right;
	    height: 20px;
	    line-height: 20px;
		margin: 5px;
		padding: 0 8px;
	}
	
	/* Basic Content Format Restoration */
    .portfolio-paragraph ul, .portfolio-frame ul {
        list-style-type: disc;
        padding-left: 40px;  
    }
    
        .portfolio-paragraph ul.toolbar-tools, .portfolio-paragraph ul.toolbar-tools ul {
			list-style: none;
			padding-left: 0;
		}
    
    .portfolio-paragraph ol, .portfolio-frame ol {
        list-style-position: outside;
        padding-left: 40px;  
    }
    
    
	/* Drag/Edit/Delete */
	
	/*.ui-sortable-helper { padding: 12px; border: 1px solid #336699; }*/
	
	.portfolio-paragraph-controls {
		left: -7px;
		position: absolute;
		width: 31px;
		z-index: 50;
	}
	    .quickpreview .portfolio-paragraph-controls { left: -25px; }
	
	    .portfolio-paragraph-controls:before {
		    border-bottom: 5px solid transparent;
		    border-left: 5px solid #000000;
		    border-left-color: #6d6c6a;   
		    border-top: 5px solid transparent;
	        content: "";
	        height: 0;
	        position: absolute;
	        right: -2px;
	        top: 5px;
	        width: 0;
        }
	    
	.portfolio-paragraph-inline .portfolio-paragraph-controls { width: 24px; }
	
		.portfolio-paragraph-controls ul {
			border-radius: 3px 0 0 3px;
			border: 1px solid #6d6c6a;
			border-right: 3px solid #6d6c6a;
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 24px;
		}
		
			.portfolio-paragraph-controls li {
				background: #fff;
				border-bottom: 1px solid #e5e5e1;
				height: 24px;
				margin: 0;
				overflow: hidden;
				width: 24px;
			}
			
				.portfolio-paragraph-controls li:last-child { border-bottom: none; }
			
				.portfolio-paragraph-controls a {
					background-color: transparent;
					background-image: url(../images/ui/ui-icons-black.png);
					background-repeat: no-repeat;
					cursor: pointer;
					display: block;
					height: 24px;
					opacity: 0.6;
					overflow: hidden;
					text-indent: -500px;
					width: 24px;
				}
				
					.portfolio-paragraph-controls a.paragraph-comment { background-position: 50% -1476px; }
					.portfolio-paragraph-controls a.paragraph-drag {
						background-position: 50% -1028px;
						cursor: move;
					}
					.portfolio-paragraph-controls a.paragraph-edit { background-position: 50% -388px; }
					.portfolio-paragraph-controls a.paragraph-delete { background-position: 50% -356px; }
					
					.portfolio-paragraph-controls a:hover { opacity: 1.0; }


	
	/* Comment Hover Triggers */
	.regularCommentListContainer {
		margin-bottom: 6px;
		overflow: hidden;
	}
	
	.regularCommentListContainer .btnMessage {
		background: url(../images/ui/ui-icons-black.png) 0 -1478px no-repeat;
		color: #6d6c6a;
		cursor: default;
		float: left;
		font-size: 10px;
		font-size: 1rem;
		font-weight: 500;
		height: 18px;
		line-height: 18px;
		margin-right: 12px;
		opacity: 0.7;
		padding-left: 20px;
		position: relative;
	}
		
		.regularCommentListContainer .btnMessage:hover {
			color: #000;
			opacity: 1.0;
		}

        /* Video iFrame */
        .video-iframe { max-width: 100%; }

/* +CWR Browser */
.data-controls {
	background: #6d6c6a url(../images/layout/layout-box-bg-trans.png);
	height: 524px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

	div.data-interval-primary {
		background: #4d4949 url(../images/layout/layout-box-bg-trans.png);
		border-bottom: 1px solid #807F7C;
		height: 31px;
	}
	
	.col-data-generator div.data-interval-primary {	
		background: #2e4e77 url(../images/layout/layout-box-bg-trans.png);
		border-bottom: 1px solid #fff;
		height: 57px;
		margin-left: -12px;
		margin-top: -12px;
		overflow: visible;
		padding: 0 12px;
		white-space: nowrap;
		width: 100%;
	}
	
	    .accordion-panel-content div.data-interval-primary h4 {
	        background: rgba(51,49,49,0.25);
	        border: none;
	        border-bottom: 1px solid #1b304d;
	        color: #fff;
	        font-size: 14px;
	        font-size: 1.4rem;
	        font-weight: 500;
	        height: 24px;
	        line-height: 24px;
	        margin: 0 0 0 -12px;
	        padding: 0 12px;
	        text-shadow: 0 0 2px #000;
	        width: 100%;
		}
	    
	    .accordion-panel-content div.data-interval-primary + h4 { margin-top: 0; }
	
		div.data-interval-primary label {
			border-left: 1px solid #333131;
			border-right: 1px solid #333131;
			color: #D3D2CE;
			display: inline-block;
			font-size: 11px;
			font-size: 1.1rem;
			font-weight: 700;
			height: 31px;
			line-height: 31px;
			margin: 0 8px 0 0;
			padding: 0 12px;
			text-shadow: 0 0 2px #000;
			text-transform: uppercase;
		}
		
			.col-data-generator div.data-interval-primary label {
				border-left: 1px solid #1b304d;
				border-right: 1px solid #1b304d;
				color: #fff;
				font-size: 10px;
				font-size: 1rem;
				margin: 0 7px 0 0;
				padding: 0 8px;
			}
		
			div.data-interval-primary label:first-child { border-left: none; }
			.col-data-generator div.data-interval-primary label:first-child { padding-left: 0; }
		
		div.data-interval-primary input {
			border: none;
			border-radius: 3px;
			font-size: 11px;
			font-size: 1.1rem;
			height: 18px;
			line-height: 18px;
			margin: 0 12px 0 0;
			padding: 0 6px;
			width: 84px;
		}
		
		.col-data-generator div.data-interval-primary input {
			margin-right: 7px;
			width: 80px;
		}
		
	#data_controls_accordion { height: 468px; }
	
	ul.data-selection-summary {
		list-style: none;
		margin: 12px 0;
		padding: 0;
	}
	
		ul.data-selection-summary li {
			margin: 0 0 4px;
			font-size: 10px;
			font-size: 1rem;
			font-weight: 500;
			line-height: 1.2;
			
		}
			
			span.data-selection-question {
				display: block;
				line-height: 16px;
				margin-bottom: 4px;
			}
			span.data-selection-answer {
				display: block;
				line-height: 16px;
				margin-bottom: 8px;
				margin-left: 22px;
			}
			
				span.data-selection-question:before,
				span.data-selection-answer:before {
					background: #333131;
					border-radius: 3px;
					color: #fff;
					content: "Q";
					float: left;
					font-size: 10px;
					font-size: 1rem;
					font-weight: 700;
					height: 16px;
					line-height: 16px;
					margin: 0 4px 0 0;
					padding: 0;
					text-align: center;
					text-shadow: 0 0 2px #000;
					width: 16px;
				}
				
				span.data-selection-answer:before {
					content: "A";
					background: #6e9e2f;
				}

.data-legend {
    float: left;
	height: 448px;
	overflow-y: auto;
	padding: 0;
	position: relative;
    width: 279px;
}

    .ui-button.legend-toggle-off,
    .ui-button.legend-toggle-on {
        border-radius: 0;
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: none;
		height: 28px;
		line-height: 15px;
		margin: 0;
		padding: 6px 14px 5px;
		width: 50%;
    }

	.data-series-set {}

		.data-series-set h3 {
			background: #e5e5e1 url(../images/layout/layout-box-bg-trans.png);
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
			color: #333131;
			cursor: pointer;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: 100;
			line-height: 1.15;
			margin: 0 0 12px 0;
			padding: 4px 12px 4px 0;
			text-shadow: 0 0 3px #fff;
		}
		
			.data-series-set h3.disabled {
				color: #6d6c6a;
				opacity: 0.75;
			}
			
			.data-series-set h3:before {
				background: url(../images/ui/ui-icons-black.png) center -1384px no-repeat;
				content: "";
				float: left;
				height: 18px;
				line-height: 0;
				width: 24px;
			}
			
				.data-series-set h3.disabled:before { background-position: center -584px; }
			
		.data-series {
			cursor: pointer;
			margin-bottom: 6px;
		}
		
			.data-series:last-child { margin-bottom: 12px; }
			.data-series.disabled { opacity: 0.35; }
		
			.data-series h4 {
				color: #000;
				font-size: 11px;
				font-size: 1.1rem;
				line-height: 1.1;
				margin: 0 0 4px;
			}
				
				.data-series.disabled h4 {
					color: #333131;
					text-decoration: line-through;
				}

	dl.data-series-mnmdsdn { overflow: hidden; }
	
		dl.data-series-mnmdsdn dt,
		dl.data-series-mnmdsdn dd {
			background-color: #666;
			color: #fff;
			float: left;
			font-size: 10px;
			font-size: 1rem;
			font-weight: 500;
			height: 20px;
			line-height: 20px;
			margin: 0;
			text-shadow: 0 0 2px rgba(0,0,0,0.5);
		}
		
		dl.data-series-mnmdsdn dt {
			border-radius: 5px 0 0 5px;
			font-weight: 700;
			padding: 0;
			text-align: center;
			width: 28px;
		}
		
		dl.data-series-mnmdsdn dd {
			border-radius: 0 5px 5px 0;
			font-weight: 700;
			margin-right: 4px;
			padding: 0 5px 0 0;
			width: 20px;
		}

/*Result/Chart Side*/

.data-header-report {
	background: #d0ebf5 url(../images/layout/layout-box-bg-trans.png);
	height: 24px;
	position: relative;
}

	.data-report-scope {
		color: #333131;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 900;
		line-height: 24px;
		padding-left: 12px;
		text-shadow: 0 0 3px #fff;
	}


.data-report-chart {
	height: 476px;
	margin-left: 280px;
	width: auto;
}

.data-report-wrapper .stTable {
    overflow-y: auto;
    width: 100%;
}

/*Chart view switches*/

a.data-report-view-table,
a.data-report-view-column,
a.data-report-view-line,
a.data-report-view-pie {
	background-image: url(../images/ui/ui-icons-black.png);
	background-repeat: no-repeat;
	border-left: 1px solid #fff;
	display: block;
	height: 24px;
	overflow: hidden;
	text-indent: -400px;
	width: 24px;
}

    a.data-report-view-table.disabled,
    a.data-report-view-column.disabled,
    a.data-report-view-line.disabled,
    a.data-report-view-pie.disabled {
		background-color: #c2c1bc;
		cursor: default;
		opacity: 0.5;
	}

	a.data-report-view-table { background-position: 50% -1893px; }
	a.data-report-view-column { background-position: 3px -1924px; }
	a.data-report-view-line { background-position: 3px -1956px; }
	a.data-report-view-pie { background-position: 3px -1988px; }
	
	a.data-report-view-table.selected,
	a.data-report-view-column.selected,
	a.data-report-view-line.selected,
	a.data-report-view-pie.selected {
		background-color: #6d6c6a;	
		background-image: url(../images/ui/ui-icons-white.png);
	}


/*Tables*/
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
}
    
    caption {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 0.5em;
        text-align: left;
	    font-weight: 500;
	    line-height: 1.5em;
	}
	
	.table {
		margin-bottom: 16px;
		width: 100%;
	}
	
		.table th, .table td {
			border-top: 1px solid #d3d2ce;
			line-height: 16px;
			padding: 8px;
			text-align: left;
		}
		
		.table th {
			font-weight: bold;
			vertical-align: bottom;
		}
		
		    .table th a { color: #000; }
		
			.table th.table-bulk-select { width: 14px; }
			.table th.table-heading-date { width: 115px; }
			.table th.table-heading-score,
			.table th.table-heading-hits,
			.table th.table-heading-id { width: 40px; }
			.table th.table-heading-scorebar { width: 90px; }
			
		.table td { vertical-align: top; }
		
		.table thead tr:first-child  th,
		.table thead tr:first-child td { border-top: 0; }
		
		.table tbody + tbody { border-top: 2px solid #d3d2ce; }
	
	.table-condensed th, .table-condensed td { padding: 4px 5px; }
	
	.table-bordered {
		border: 1px solid #d3d2ce;
		border-collapse: separate;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
	 	*border-collapse: collapsed;
	}
	
		.table-bordered th + th,
		.table-bordered td + td,
		.table-bordered th + td,
		.table-bordered td + th { border-left: 1px solid #d3d2ce; }
		
		.table-bordered thead:first-child tr:first-child th,
		.table-bordered tbody:first-child tr:first-child th,
		.table-bordered tbody:first-child tr:first-child td { border-top: 0; }
		
		.table-bordered thead:first-child tr:first-child th:first-child,
		.table-bordered tbody:first-child tr:first-child td:first-child {
			-webkit-border-radius: 4px 0 0 0;
			-moz-border-radius: 4px 0 0 0;
			border-radius: 4px 0 0 0;
		}
		
		.table-bordered thead:first-child tr:first-child th:last-child,
		.table-bordered tbody:first-child tr:first-child td:last-child {
			-webkit-border-radius: 0 4px 0 0;
			-moz-border-radius: 0 4px 0 0;
			border-radius: 0 4px 0 0;
		}
		
		.table-bordered thead:last-child tr:last-child th:first-child,
		.table-bordered tbody:last-child tr:last-child td:first-child {
			-webkit-border-radius: 0 0 0 4px;
			-moz-border-radius: 0 0 0 4px;
			border-radius: 0 0 0 4px;
		}
		
		.table-bordered thead:last-child tr:last-child th:last-child,
		.table-bordered tbody:last-child tr:last-child td:last-child {
			-webkit-border-radius: 0 0 4px 0;
			-moz-border-radius: 0 0 4px 0;
			border-radius: 0 0 4px 0;
		}
		
	.table-striped tbody tr:nth-child(odd) td,
	.table-striped tbody tr:nth-child(odd) th { background-color: #f5f5f5; }
	
	
	.table tr.selected td, .table-striped tbody tr.selected td { background-color: #d0ebf5; }
    
    /*General hover colouring*/
    .table tr:hover > td,
    .table-striped tbody tr:nth-child(odd):hover > td { background: #f2fafc; }
        .table.table-nohover tr:hover > td,
        .table-striped.table-nohover tbody tr:nth-child(odd):hover > td { background: #fff; }
    
    .table tr.pagination td {
		background: none;
		border: none;
	}
        .table tr.pagination:hover td { background: none; }
        
        /*---------------[ =datatables.jquery rules ]---------------*/
/* For custom dataTables classes: use "dT-" prefex. e.g. ".dT-row-odd" */

.dT-toolbar {
	border-top: 1px solid #d3d2ce;
	color: #6d6c6a;
	height: 24px;
	padding: 12px 0;
}

    .dT-toolbar label {
        color: #6d6c6a;
        font-weight: 500;
        margin: 0;
	}

	.dataTables_length {
		float: left;
		height: 24px;
	}
	
	    .dataTables_length select { width: 60px; }
	
	div.dataTables_filter { float: right; }

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	background-position: 100% 50%;
	background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 16px;
}
 
table.table thead .sorting { background-image: url(../images/ui/ui-sorting-default.png); }
table.table thead .sorting_asc { background-image: url(../images/ui/ui-sorting-asc.png); }
table.table thead .sorting_desc { background-image: url(../images/ui/ui-sorting-desc.png); }
table.table thead .sorting_asc_disabled { background-image: url(../images/ui/ui-sorting-asc-disabled.png); }
table.table thead .sorting_desc_disabled { background-image: url(../images/ui/ui-sorting-desc-disabled.png); }

.dataTables_info {
	color: #94938f;
	float: right;
}

/* +Pagination */

.pagination { margin: 12px 0; }

	.pagination ul {
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px rgba(51, 49, 49, 0.1);
		box-shadow: 0 1px 2px rgba(51, 49, 49, 0.1);
		display: inline-block;
		margin: 0;
		padding: 0;

	  	/* IE7 inline-block hack */
	 	*display: inline;
	  	*zoom: 1;
	}
	
	.pagination li { display: inline; }
	
	.pagination a, .pagination td > span {
		border: 1px solid #d3d2ce;
		border-left-width: 0;
		float: left;
		line-height: 24px;
		padding: 0 10px;
		text-decoration: none;
	}
	
	.pagination a:hover,
	.pagination .selected a,
	.pagination .active a,
	.pagination td > span { background-color: #f5f5f5; }
	
	.pagination .selected a,
	.pagination .active a,
	.pagination td > span {
		color: #94938f;
		cursor: default;
	}
	
	.pagination .disabled a,
	.pagination .disabled a:hover {
		background-color: transparent;
		color: #94938f;
		cursor: default;
	}
	
	.pagination li:first-child a,
	.pagination td > a:first-child,
	.pagination td > span:first-child {
		border-left-width: 1px;
		border-radius: 3px 0 0 3px;
	}
	
	.pagination li:last-child a,
	.pagination td > a:last-child,
	.pagination td > span:last-child  { border-radius: 0 3px 3px 0; }
	
	.pagination-centered { text-align: center; }
	
	.pagination-right { text-align: right; }

	
	
/*---------------[ =epDatagrid class (legacy) ]---------------*/
.epDatagrid { width: 100%; }
.modal-body .epDatagraid { width: auto; }
.epDatagraid + .epDatagraid { margin-top: 1em; }

/*THEAD*/

.epDatagrid thead tr { background: url(../images/layout/layout-table-head-bg.png); }

.epDatagrid thead td,
.epDatagrid thead th {
	border-top: 1px solid #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 8px 4px;
	text-align: left;
	text-shadow: 0 0 3px #fff;
	text-transform: capitalize;
	vertical-align: middle;
}
	
	.epDatagrid thead th {
		border-bottom: 1px solid #b8d9e5;
		border-left:  1px solid #fff;
		color: #333131;
		font-weight: 500;
	}

	.epDatagrid thead td {
		border-bottom: 1px solid #b8d9e5;
		border-left: none;
		color: #595856;
		font-weight: 300;
		text-align: center;
	}
	
/*TBODY*/	

/*epTblHeader legacy support*/
.epDatagrid tr.epTblHeader, 
.epDatagrid tr.epTblHeader:first-child { background: url(../images/layout/layout-table-head-bg.png); }

.epDatagrid .epTblHeader td {
	border-bottom: 1px solid #b8d9e5;
	border-left:  1px solid #fff;
	border-top: 1px solid #fff;
	color: #333131;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 8px 4px;
	text-align: left;
	text-shadow: 0 0 3px #fff;
	text-transform: capitalize;
	vertical-align: middle;
}

.epDatagrid td, .epDatagrid th { text-overflow: ellipsis; }
.epDatagrid td {
	border-bottom: 1px solid #e5e5e1;
	border-left:  1px solid #e5e5e1;
	font-weight: 300;
	padding: 8px 4px;
}
.epDatagrid td:first-child, .epDatagrid th:first-child { border-left: none; }

	.epDatagrid tbody tr.even td { background: url(../images/layout/layout-table-row-bg.png); }
	
	.epDatagrid tbody tr:first-child { background: url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x; }
	
		.epDatagrid tbody tr.odd:first-child td { padding-top: 14px; }
	
	.epDatagrid tbody tr:hover td {
		background-color: #e8f4e6;
		background-color: rgba(220, 237, 213, 0.35);
	}
	
		.epDatagrid tbody tr.epTblHeader:hover td { background-color: transparent; } 
		.epDatagrid tr.epTblPagerStyle:hover td { background: none; } 

/*TFOOT*/

.epDatagrid tfoot td, .epDatagrid tfoot th {
	background: #96a5b0 url(../images/layout/layout-table-row-bg.png);
	border-bottom: 1px solid #e5e5e1;
	border-left:  1px solid #e5e5e1;
	color: #fff;
	font-weight: 300;
	padding: 8px 4px;
	text-shadow: 0 0 3px rgba(51,49,49,0.5);
}