/* -------------------------------------------------------------------------------------------------- 
	
	* Description:		Styles for UI controls/components
	* Modified:			2012-10-19
   
====[ UI: ]====================================================================================== */

/*
	CONTENTS:
	
	=Autocomplete
	=Breadcrumbs
	=Calendar/Events
		+Events Listg
	=Dashboard
    =Data/Charting
        +Bar Charts
		+CWR Browser
		+Histogram
        +Legends
		+Results
		+Stat Set Row
        +Turnitin
	=Department Editor
    =Dialog/Prompt
	=Form Builder
    =Form Inputs/Controls
		+Control Box
		+Feedback Sliders
		+Portfolio Permissions
	=iframes
    =Importers
        +Standards
	=Instrument Editor
	=jQuery UI
		+Dialog (modal)
		+Slider
		+Tab Overrides
	=List Picker
		+Internal Plugin Styles
		+Collaboration Group Builder & Selector
		+Contact Manager & User Management
	=Lists
        +Checkmark List
		+Details List
		+Feedback Numbers (collaboration)
		+Glossary
        +Group Members
        +Group Perms Overrides
		+History Items Lists
		+Instrument Elements List (observed/missing)
		+Invitation List
		+Mailboxes
        +Master Items List
		+News Items List
		+Object List
			+Portfolio Object List
        +Pools List
		+Program Course List
		+Survey List
		+To-Do List
		+URL List
		+User List
	=Menus & Navigation
		+Contextual Help
        +Content Menu
        +Drop Down
		+Select
		+Nav Bar (Content)
		+Options Menu
		+Pagination
	=Panels
		+Accordion Block
		+Assignment/Submission Info
		+Carousels
        +Editor Wrapper
		+Loading
		+Newsflash
		+Toggle
		+User Info Block (popup)
	=Portlets
		+Global
	=Plugins
		++jQuery.jsTree
		+jQuery.minicolors
		+jQuery.tinyscrollbar
		+jQuery.isotope
    =Status Flags
		+Corner Badges
	=Tabs
		+Vertical Tabs
		+Tab Panels
		+Legacy
	=Toolbars
		+Global
		+Search
		+Assignment
	=Tooltips
		+Popover
	=Trees
        +Folder Tree
        +Standard Tree
		+TOC Tree
        +TOC Linkage Tree
	=Type Elements
    =Type Headings
	=Video Commenting
	
*/

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Autocomplete ]--*/

/*TO-DO: Redesign*/
.contact-person, .contact-list {
	background: url(../images/autocomplete-person.png) no-repeat 0 50%;
	display: block;
	padding-left: 15px;
}

.contact-list { background-image: url(../images/autocomplete-list.png); }

.ac_over {
	background-color: #d9ebbe !important;
	color: #000 !important;
}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Breadcrumbs ]--*/

/*Note lp-breadcrumbs is the newer one. "bold" is likely unused at this point*/
.ui-breadcrumb-bold {
	float: left;
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	
}

    .ui-breadcrumb-bold li {
	    background: #efefef;
	    float: left;
	    height: 32px;
    }

        .ui-breadcrumb-bold li.active {
	        background: url(../images/breadcrumb-divider-last.png) no-repeat 0 50%;
	        color: #fff;
	        font-size: 12px;
			font-size: 1.2rem;
	        font-weight: bold;
	        height: 12px;
	        line-height: 1;
	        padding: 10px 20px 10px 35px;
        }

        .ui-breadcrumb-bold li a {
			background: url(../images/breadcrumb-divider.png) no-repeat 0 50%;
	        color: #666;
	        display: block;
	        font-size: 12px;
			font-size: 1.2rem;
	        line-height: 1;
	        padding: 10px 0 10px 35px;
        }

        .ui-breadcrumb-bold li:first-child a {
	        background: none;
	        padding-left: 15px;
        }

            .ui-breadcrumb-bold li a:hover, .ui-breadcrumb-bold li a:focus {
	            color: #000;
	            text-decoration: none;
            }

/*Static Breadcrumb (shows inheritance)*/

ul.ui-breadcrumb-static {
	background: #f5f5f5;
	border: 1px solid #6d6c6a;
	border-radius: 5px;
	float: left;
	height: 22px;
	list-style: none;
	margin: 3px 12px 12px 0;
	padding: 0;
}

    ul.ui-breadcrumb-static + * { clear: left; }
		
	ul.ui-breadcrumb-static li {
		background: url(../images/ui/ui-bc-static-parent.png) no-repeat 0 50% #949390;
		color: #fff;
		float: left;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 1.1;
		padding: 5px 6px 5px 16px;
		text-decoration: none;
		text-shadow: 0 0 2px rgba(51,49,49,0.5);
	}
	
	    ul.ui-breadcrumb-static li:first-child {
			background-image: none;
			padding-left: 6px;
		}
	    ul.ui-breadcrumb-static li.direct-membership,
	    ul.ui-breadcrumb-static li.last-child { 
	        background-color: transparent;
	        color: #000;
	        padding-left: 6px;
	        text-shadow: 0 0 2px rgba(255,255,255,0.5);
	    }
            
            ul.ui-breadcrumb-static li + li.direct-membership,
            ul.ui-breadcrumb-static li + li:last-child { padding-left: 16px; }
        
        ul.ui-breadcrumb-static li.course-group { color: #f26522; }
        
            .course-group:before {
	            background-color: #f26522;
	            border-radius: 6px;
	            -webkit-box-shadow: inset 0 0 3px rgba(51,49,49,0.5);
	            box-shadow: inset 0 0 3px rgba(51,49,49,0.5);
	            color: #fff;
                content: "Course";
	            display: inline-block;
	            font-size: 8px;
	            font-size: 0.8rem;
	            height: 12px;
	            line-height: 1.5;
	            margin-right: 3px;
	            padding: 0 4px;
	            text-align: center;
	            text-shadow: none;
	            text-transform: uppercase;
	            vertical-align: text-top;
            }


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Buttons ]--*/    
/* +Column Resizing Actions */
/* Default based on it being in left (master) column */
a.ui-column-expand {
	background: url(../images/ui/ui-icons-black.png) no-repeat 50% -1412px transparent;
	border-left: 1px solid #fff;
	float: right;
	height: 24px;
	overflow: hidden;
	text-indent: -500px;
	width: 24px;
}

    /* Mirrored if in right (detail) column */
    div.col-detail a.ui-column-expand { background-position: 50% -1444px; }
	
	/* Alernate State when column has been expanded: */
	div.col-master.col-expanded a.ui-column-expand { background-position: 50% -1444px; }
	div.col-detail.col-expanded a.ui-column-expand { background-position: 50% -1412px; }
	
	a.ui-column-expand:hover, a.ui-column-expand:focus { background-color: rgba(51,49,49,0.10); }


/* +Toggle Switch */
/* Default style is assumed toggled-on (yes/on/true) */

a.toggle-switch {
	background: #d0ebf5; /* Old browsers */
    background-image: -ms-linear-gradient(bottom, rgb(208,235,245) 4%, rgb(149,206,229) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(208,235,245) 4%, rgb(149,206,229) 50%);
    background-image: -o-linear-gradient(bottom, rgb(208,235,245) 4%, rgb(149,206,229) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(208,235,245) 4%, rgb(149,206,229) 50%);
    background-image: linear-gradient(bottom, rgb(208,235,245) 4%, rgb(149,206,229) 50%);
	border: 1px solid #ccc;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 8px;
    -webkit-box-shadow: inset 0px 2px 3px  rgba(0,54,99,0.3);
    box-shadow: inset 0px 2px 3px  rgba(0,54,99,0.3);
	color: #2a76b0;
	display: inline-block;
	font: normal uppercase bolder 10px/16px;
	height: 16px;
	margin: 0 auto;
	padding: 0 0 0 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-indent: -2px;
	text-shadow: 0 0 3px #fff;
	vertical-align: middle;
	width: 28px;
}

    a.toggle-switch:before {
		background: #e5e5e1; /* Old browsers */
		background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* W3C */
		border: 1px solid #999;
		border-radius: 8px;
        content: "";
		height: 14px;
		left: 0;
		position: absolute;
		top: 0;
		width: 14px;
	}
	
		a.toggle-switch.toggled-off:before { left: 30px; }
	
	    a.toggle-switch.toggled-off {
		    background: #d3d2ce; /* Old browsers */
	        background-image: -o-linear-gradient(bottom, rgb(245,245,245) 4%, rgb(211,210,206) 50%);
	        background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 4%, rgb(211,210,206) 50%);
	        background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 4%, rgb(211,210,206) 50%);
	        background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 4%, rgb(211,210,206) 50%);
	        background-image: linear-gradient(bottom, rgb(245,245,245) 4%, rgb(211,210,206) 50%);	
	        -webkit-box-shadow: inset 0px 2px 3px  rgba(51,49,49,0.3);
	        box-shadow: inset 0px 2px 3px  rgba(51,49,49,0.3);
            color: #555151;
	        padding: 0 16px 0 0;
			text-indent: 2px;
			text-shadow: 0 0 3px #fff;
	    }


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Dashboard ]--*/

/* Widget Grid */

.dashboard-wrapper {
	position: relative;
	min-height: 650px;
}

	.widget-placeholder {
		background: #fff;
		-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
	    box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
		outline: 1px solid #f5f5f5;
		position: absolute;
	}
	
	/*Super Admin Dash*/
	.dashboard-super #wAssignments { left: 0; top: 0; width: 50%; height: 100px; }
	.dashboard-super #wPending { left: 0; top: 100px; width: 50%; height: 475px; }
	.dashboard-super #wNews { right: 0; top: 0; width: 50%; height: 650px; }
	
	/*Guest Dash*/
	.dashboard-guest #wPending { left: 0; top: 0; width: 50%; height: 475px; }
	.dashboard-guest #wSurveys { right: 0; top: 0; width: 50%; height: 475px; }
	
	/*Faculty Dash*/
	.dashboard-admin #wAssignments,
	.dashboard-assessor #wAssignments { left: 0; top: 0; width: 50%; height: 175px; }
	.dashboard-admin #wPending,
	.dashboard-assessor #wPending { left: 0; top: 175px; width: 50%; height: 475px; }
	.dashboard-admin #wStandards,
	.dashboard-assessor #wStandards { left: 50%; top: 300px; width: 25%; height: 175px; }
	.dashboard-admin #wRubrics,
	.dashboard-assessor #wRubrics { left: 50%; top: 475px; width: 25%; height: 175px; }
	.dashboard-admin #wNews,
	.dashboard-assessor #wNews { right: 0; top: 300px; width: 25%; height: 175px; }
	.dashboard-admin #wSurveys,
	.dashboard-assessor #wSurveys { right: 0; top: 475px; width: 25%; height: 175px; }
	
	.dashboard-assessor #wPortfolios { right: 0; top: 0px; width: 50%; height: 300px; }
	.dashboard-assessor #wTurnover { display: none; }
	.dashboard-admin #wPortfolios { display: none; }
	.dashboard-admin #wTurnover { right: 0; top: 0; width: 50%; height: 300px; }
	
	/*Student Dash*/
	.dashboard-student #wAssignments	{ left: 0; top: 0px; width: 50%; height: 175px; }
	.dashboard-student #wPortfolios		{ left: 0; top: 175px; width: 50%; height: 475px; }
	.dashboard-student #wPending 		{ right: 0; top: 350px; width: 50%; height: 300px; }
	.dashboard-student #wNews 			{ right: 0; top: 0px; width: 50%; height: 175px; }
	.dashboard-student #wSurveys 		{ right: 0; top: 175px; width: 50%; height: 175px; }
	.dashboard-student #wTurnover 		{ display: none; }
	.dashboard-student #wStandards 		{ display: none; }
	.dashboard-student #wRubrics 		{ display: none; }
	
		/*content heights */
		#wAssignments .widget-content,
		#wStandards .widget-content,
		#wRubrics .widget-content,
		#wNews .widget-content,
		#wSurveys .widget-content { height: 122px; }
		
		.dashboard-student #wPending .widget-content,
		.dashboard-assessor #wPortfolios .widget-content,
		#wTurnover .widget-content { height: 247px; }
		
		.dashboard-admin #wPending .widget-content,
		.dashboard-assessor #wPending .widget-content,
		.dashboard-student #wPortfolios	.widget-content { height: 422px; }
		
		.dashboard-super #wNews .widget-content { height: 609px; }
		
/* Widget Layout */

div.widget {
    -moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.15);
	box-shadow: inset 0px 0px 1px rgba(0,0,0,0.15);
    margin: 0;
    padding: 0;
}

    div.widget-tall { height: 384px; }
    div.col-flush-left div.widget { border-right: 1px solid #f5f5f5; }

    div.widget-bar {
        background: url(../images/layout/layout-portlet-header.png);
        -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
		box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
        height: 24px;
        margin: 0;
        padding: 0;
        position: relative;
	}

        div.widget-bar h2 {
            color: #e5e5e1;
            float: left;
            font-size: 14px;
			font-size: 1.4rem;
            font-weight: 700;
            height: 24px;
            line-height: 1.71;
            margin: 0;
            padding: 0 12px;
            text-shadow: 0 0 2px #333131;
		}
    
    ul.widget-toolbar {
        height: 16px;
        list-style: none;
		margin: 0;
		padding: 0;
        position: absolute;
        right: 4px;
        top: 4px;
	}
        
        ul.widget-toolbar li {
            float: left;
            font-size: 10px;
			font-size: 1rem;   
            height: 16px;
            line-height: 1.6;
            margin-left: 4px;
		}
        
            ul.widget-toolbar li a {
                background: #6d6c6a;
	            border-radius: 8px;
                color: #fff;
                display: inline-block;
                font-size: 10px;
				font-size: 1rem;
                font-weight: 700;
                line-height: 1;
                padding: 3px 6px;
                text-decoration: none;
                text-shadow: 0 0 2px #333131;
			}
            
                ul.widget-toolbar li a:hover, ul.widget-toolbar li a:focus { background: #2A76B0; }


    div.widget-content {
	    background: url(../images/layout/layout-box-shadow-top.png) repeat-x 0 0;
	    overflow-y: auto;
        padding: 17px 12px 12px;
    }
        
        
/*+Portfolio Progress*/
.widget-portfolios td {
    border: 1px solid #ec008c;
    padding: 8px;
}
                
                span.page-modified {
                    float: left;
				    color: #6d6c6a;
				    font-size: 10px;
				    font-size: 1rem;
				    font-weight: 500;
				    height: 24px;
				    line-height: 2.4;
				    margin-left: 12px;
				}
                
                ul.page-properties,
                ul.rubric-properties {
                    float: right;
                    list-style: none;
                    margin: 0;
                    padding: 0;
				}
                
                ul.page-properties {
                    float: none;
                    position: absolute;
                    right: 0;
                    top: 0;
				}
                
                    ul.page-properties li,
                    ul.rubric-properties li {
                        float: right;
                        font-size: 10px;
						font-size: 1rem;
                        font-weight: 500;
                        height: 24px;
                        list-style: none;
                        margin-left: 4px;
                        padding: 0;
					}
                        
                        .portfolio-progress-bar { margin-top: 7px; }
                        
                        .property-overdue,
                        .property-due,
                        .property-info {
							background: url(../images/ui/ui-icons-white.png) 50% -1575px no-repeat;
                            border-radius: 10px;
                            display: block;
                            height: 18px;
                            margin-top: 3px;
                            overflow: hidden;
                            padding: 0;
                            text-indent: -500px;
                            width: 18px;
						}
                            
                            .property-overdue { background-color: #dd0201; }
                            .property-due { background-color: #f26522; }
                            .property-info {
								background-image: url(../images/ui/ui-icons-black.png);
								background-position: center -1318px;
								cursor: pointer;
							}
                            
                        .property-positive,
                        .property-negative,
                        .property-neutral {
                            border-radius: 9px;
                            color: #fff;
                            display: inline-block;
                            font-weight: 500;
                            height: 18px;
                            line-height: 1.8;
                            margin-top: 3px;
                            padding: 0 6px;
                            text-shadow: 0 0 2px #a8a7a3;
						}
                            
                            .property-positive { background: #6e9e2f; }
                            .property-negative { background: #c2c1bc; }
                            .property-neutral { background: #94938F; }
                        
                        a.resultsLinkPending,
                        a.resultsLinkComplete,
                        a.property-link-pending,
                        a.property-link-overdue {
					        color: #fff;
                            float: left;
					        font-size: 10px;
					        font-size: 1rem;
					        font-weight: 700;
					        height: 16px;
					        line-height: 1.6;
					        margin-top: 4px;
					        text-decoration: none;
					        text-shadow: 0 0 2px rgba(51,49,49,0.5);
						}
        				
        				    a.resultsLinkPending,
        				    a.property-link-pending {
					            -moz-border-radius-bottomleft: 9px;
					            -moz-border-radius-topleft: 9px;
					            -webkit-border-bottom-left-radius: 9px;
                                -webkit-border-top-left-radius: 9px;
					            border-bottom-left-radius: 9px;
					            border-top-left-radius: 9px;
        				        background: #2e4e77;
        				        padding: 0 6px 0 8px;
							}
            				
					        a.resultsLinkComplete,
					        a.property-link-overdue {
					            background: #6e9e2f;
					            -moz-border-radius-bottomright: 9px;
					            -moz-border-radius-topright: 9px;
					            -webkit-border-bottom-right-radius: 9px;
					            -webkit-border-top-right-radius: 9px;
					            border-bottom-right-radius: 9px;
					            border-top-right-radius: 9px;
					            padding: 0 8px 0 6px;
							}
				            
				            a.property-link-overdue { background: #dd0201; }
				            a.property-link-none { background: #a8a7a3; }
				            
				            ul.rubric-properties a { margin-top: 0; }
				            
				            a.resultsLinkPending:hover, a.resultsLinkComplete:hover,
							a.resultsLinkPending:focus, a.resultsLinkComplete:focus { background: #333131; }
                        
            
            .page-info.toggle-panel {
				border: 0;
				margin: 0;
				padding: 0;
			}
            
            .page-info.toggle-open { 
	            background: url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
				border: 1px solid #d3d2ce;
				border-width: 0 1px 1px;
                display: block;
                margin: 4px 0 4px 24px;
                padding: 17px 12px 12px;
			}


	/*=widget item*/
	.widget-item {
        border-bottom: 1px solid #e5e5e1;
        margin: 0 0 12px -12px;
        padding: 0 12px 12px;
        width: 100%;
	}

    /*Standards Progress*/    
    div.widget-standardsprogress h3,
    div.widget-rubricprogress h3 {
        color: #333131;
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.1;
        margin: 0 0 4px;
	}
    
        div.widget-standardsprogress h3 a,
        div.widget-rubricprogress h3 a {
			color: #333131;
			text-decoration: none;
		}
        
        div.widget-standardsprogress h3 a:hover,
        div.widget-rubricprogress h3 a:hover,
		div.widget-standardsprogress h3 a:focus,
        div.widget-rubricprogress h3 a:focus {
			color: #000;
			text-decoration: underline;
		}
        
    /* Surveys & News */
    div.widget-surveys h3 { 
        background: url(../images/layout/layout-box-bg.png);
        border-bottom: 1px solid #a8a7a3;
        color: #333131;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1;
        margin: 0 0 0 -12px;
        padding: 5px 12px;
        text-shadow: 0 0 2px #fff;
        width: 100%;
	}
    
    div.widget-surveys ul,
    div.widget-new ul {
        list-style: none;
        margin: 6px 0;
        padding: 0;
    }
    
        div.widget-surveys li,
        div.widget-news li {
            border-bottom: 1px dotted #d3d2ce;
            font-size: 12px;
            font-size: 1.2rem;
            height: 20px;
            line-height: 1.67;
            margin: 0 0 4px;
            overflow: hidden; 
            padding: 0 0 4px;
            position: relative;
            text-overflow: ellipsis;
            white-space: nowrap;  
        }
        
            div.widget-surveys li:hover { background: #f5f5f5; }
        
        div.widget-surveys li a {
            background: #94938f;
            border-radius: 8px;
            color: #fff;
            display: inline-block;
            font-size: 10px;
            font-size: 1rem;
            font-weight: 700;
            line-height: 1;
            padding: 3px 6px;
            position: absolute;
            right: 0;
            text-decoration: none;
            text-shadow: 0px 0px 2px #333131;
            top: 2px;
		}
        
            div.widget-surveys li a:hover, div.widget-surveys li a:focus { background: #2A76B0; }
    
    
/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Data/Charting ]--*/

/* +Bar Charts */
span.data-minibar {
    border: 1px solid #95A4A3;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 50px;
}

    .data-minibar.tipped-value { margin-top: 20px; }

	span.flag + span.data-minibar {
		float: right;
		margin-top: 3px;
	}
	
    span.data-minibar-value {
        background: #95A4A3;
        /*cursor: pointer;*/
        display: block;
        font-size: 10px;
        font-size: 1rem;
        height: 8px;
        line-height: 0.5;
        overflow: hidden;
        text-indent: -200px;
	}
	
	.data-minibar .tooltip { opacity: 1.0; margin-left: -16px; }
	.data-minibar .tooltip-inner { font-size: 11px; font-weight: bold; height: auto; padding: 4px 6px; line-height: 1em; }
    
span.data-smallbar {
    border: 1px solid #95A4A3;
    display: block;
    height: 8px;
    width: 100px;
}

    span.data-smallbar-value {
        background: #95A4A3;
        cursor: pointer;
        display: block;
        font-size: 10px;
        font-size: 1rem;
        height: 8px;
        line-height: 0.5;
        overflow: hidden;
        text-indent: -200px;
	}

div.data-bullet-graph {
	background: url(../images/layout/layout-box-bg.png) #fff;
	border: 1px solid #d3d2ce;
	display: block;
	height: 16px;
	overflow: hidden;
	position: relative;
	width: 98%;
	z-index: 0;
}

    div.data-bullet-graph-targetzone {
        background: #d3d2ce;
        height: 16px;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 50;
	}
    
    div.data-bullet-graph-score {
        background: url(../images/layout/layout-box-bg-trans.png) #6d6c6a;
        height: 6px;
        left: 0;
        position: absolute;
        top: 5px;
        z-index: 100;
	}
        
    div.data-bullet-graph-bullet {
        background: #000;
        height: 16px;
        position: absolute;
        top: 0;
        width: 3px;
        z-index: 150;
	}

    div.data-bullet-graph-scale {
        color: #c2c1bc;
        font-size: 9px;
        font-size: 0.9rem;
        height: 12px;
        position: relative;
        width: 98%;
	}  

        span.scale-number {
            background: #333131;
            height: 4px;
            overflow: hidden;
            position: absolute;
            text-indent: -200px;
            top: 0;
            width: 2px;
		}


div.data-bar-comparison {
    background: url(../images/layout/layout-box-bg.png) #fff;
    border: 1px solid #d3d2ce;
    display: block;
    height: 16px;
    max-width: 200px;
    position: relative;
    width: 70%;
    z-index: 0;
}

    div.data-bar-comparison-score {
        background: url(../images/layout/layout-box-bg-trans.png) #6d6c6a;
        height: 8px;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 100;
	}
    
    div.data-bar-comparison-other {
        background: #000;
        height: 8px;
        left: 0;
        position: absolute;
        top: 8px;
        z-index: 100;
	}
    
    
 
   
div.good { background: url(../images/layout/layout-box-bg-trans.png) #6e9e2f; }
div.bad { background: url(../images/layout/layout-box-bg-trans.png) #dd0201; }
    


/* Tool Tip Scores/Numbers */

.tip-score {
    background: url(../images/layout/layout-box-bg-trans.png);
	border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    margin-right: 4px;
    padding: 3px 6px;
    text-shadow: 0 0 2px #333131;
}

    .tip-score-green { background-color: #6e9e2f; }
    .tip-score-red { background-color: #dd0201; }
    .tip-score-gray { background-color: #6d6c6a; }
    .tip-score-black { background-color: #000000; }
    .tip-score.tip-score-target {
		background-color: #fff;
		color: #6d6c6a;
		text-shadow: 0 0 2px #fff;
	}
    


/* +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: 1.71;
	        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: 2.82;
			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: 1.64;
			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: 1.6;
				margin-bottom: 4px;
			}
			span.data-selection-answer {
				display: block;
				line-height: 1.6;
				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: 1.6;
					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;
}

    .legend-toggle-off,
    .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;
		margin: 0!important;
		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: 2;
			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: 2;
		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);
	}

/*Drill Box*/

.data-drill-box {
	background: #2e4e77 url(../images/layout/layout-box-bg-trans.png);
	float: left;
	padding: 0;
	position: absolute;
	z-index: 500;
}

	ul.data-drill-links {
		margin: 0;
		padding: 0;
	}
	
		ul.data-drill-links li { border-bottom: 1px solid #233e61; }
		
			ul.data-drill-links a {
				color: #fff;
				display: block;
				line-height: 1;
				padding: 6px 12px;
				text-decoration: none;
			}
			
				ul.data-drill-links a:hover, ul.data-drill-links a:focus { background: #333131; }

/* +Legends */

dl.legend {
    margin: 0 0 15px;
    max-width: 480px;
    overflow: hidden;
}

    dl.legend dt {
    	border-bottom: 1px dotted #aaa;
		clear: both;
		color: #333131;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1;
		margin-bottom: 6px;
		margin-right: 5rem;
		padding: 3px 0;
	}
	
	dl.legend dd {
		background: #333131;
		border-radius: 7px;
		color: #fff;
		float: right;
		font-size: 10px;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.2;
		margin-top: -2.4rem;
		padding: 3px 6px;
		text-align: right;
		width: 4rem;
	}
	
	dl.legend.legend-inline { max-width: 100%; }
	dl.legend.legend-inline dt { border: none; clear: none; float: left; margin-right: 0; }
	dl.legend.legend-inline dd {
		float: left;
		margin: 0 12px 0 6px;
		width: auto;
	}

    
/* Legend Classes */
	
/* Legend Color Classes */
dl dd.legend-number { background-color: #333131; }
dl dd.legend-mean { background-color: #00aeef; }
dl dd.legend-median { background-color: #f26522; }
dl dd.legend-overdue { background-color: #dd0201; }


/* +Results */

div.result-bar {
	background: url(../images/layout/layout-box-bg.png);
	border: 1px solid #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	height: 24px;
	line-height: 2;
	margin: 0 12px 12px 0;
	padding: 0 0 0 6px;
	width: 220px;
}

	div.result-bar span {
		background: #333131;
		color: #fff;
		float: right;
		font-size: 10px;
		font-size: 1rem;
		font-weight: bold;
		height: 24px;
		line-height: 2.4;
		min-width: 12px;
		padding: 0 6px;
		text-align: center;
		text-shadow: 0 0 3px rgba(255,255,255,0.6);
	}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ ==Department Editor ]--*/

/* I've kept some of the class names the same as before */
/* TO-DO: refactor class names for consistency */

.dept-actions { background: url(../images/layout/layout-box-bg-med.png); }

    .dept-actions.toolbar { position: relative; }

    .dept-actions ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        
        .dept-actions li {
            float: left;
            height: 24px;
        }
        
table.dept-members-table { 
    border-collapse: collapse;
    border-left: 1px solid #e5e5e1;
    border-right: 1px solid #e5e5e1;
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
}

    table.dept-members-table tr:first-child td {
        background: url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
        padding-top: 8px;
    }
    
    table.dept-members-table td {
        border-bottom: 1px solid #e5e5e1;
        height: 24px;
        line-height: 2;
        padding-left: 6px;
	}
    
    table.dept-members-table tr:nth-child(even) td { background: url(../images/layout/layout-box-bg-trans.png); }
        
         table.dept-members-table td span {
			float: right;
			margin-top: 3px;
		 }
         table.dept-members-table tr:hover { background-color: #e6f5fa; }
    
    
    /*Subgroup and Coursegroup Styling*/
    table.dept-members-table tr.subgroup td,
    table.dept-members-table tr.coursegroup td {
        background: url(../images/layout/layout-box-bg-trans.png);
        border-bottom: 1px solid #fff;
        height: 32px;
        line-height: 2.67;
        padding: 0;
	}
    
    table.dept-members-table tr.subgroup td { background-color: #e8f7fc; }
    table.dept-members-table tr.coursegroup td { background-color: #fffbd1;}
    table.dept-members-table tr.inactive td { background-color: #f5e4e4;}
        table.dept-members-table tr.inactive:before { content: ""; display: none; }
    
        table.dept-members-table tr.subgroup a,
        table.dept-members-table tr.coursegroup a { 
	        background-image: url(../images/ui/ui-icons-black.png);
		    background-position: 5px -832px;
		    background-repeat: no-repeat;
	        -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: #2A76B0;
            display: block;
            height: 32px;
		    font-size: 12px;
		    font-size: 1.2rem;
		    font-weight: 500;
		    line-height: 2.67;
            padding: 0 6px 0 28px;
		    text-decoration: none;
		    text-shadow: 0px 0px 3px #fff;
	        -moz-transition: background 0.3s ease;
	        -o-transition: background 0.3s ease; 
	        -webkit-transition: background 0.3s ease;
	        transition: background 0.3s ease;
		}
        
        table.dept-members-table tr.coursegroup a {
            background-position: 5px -768px;
            color: #f26522;
        }
        
            table.dept-members-table tr.subgroup a:hover,
            table.dept-members-table tr.coursegroup a:hover,
			table.dept-members-table tr.subgroup a:focus,
            table.dept-members-table tr.coursegroup a:focus {
				background-color: #94938f;
				color: #fff;
				text-shadow: 0 0 2px #333131;
			}
            
            table.dept-members-table tr.subgroup:hover a:after,
            table.dept-members-table tr.coursegroup:hover a:after {
                background-image: url(../images/ui/ui-icons-white.png);
		        background-position: 5px -192px;
		        background-repeat: no-repeat;
                content: "";
                float: right;
                height: 32px;
                width: 32px;
            }
            

/* +Turnitin */
.tii-report {
	background: #fff;
	border: 2px solid #000;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	display: inline-block;
	min-height: 26px;
	padding: 12px;
	position: relative;
}

	.tii-report .arrow {
		border-bottom: 5px solid #000000;
		border-bottom-color: rgba(0, 0, 0, 0.9);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		height: 0;
		left: 12px;
		position: absolute;
		top: -7px;
		width: 0;
	}
	
	.tii-report dl {
		float: left;
		height: 26px;
		margin: 0;
	}
	
	.tii-report dt, .tii-report dd {
		border: 1px solid #d3d2ce;
		float: left;
		height: 24px;
		line-height: 2;
		margin: 0 0 12px;
		padding: 0 6px;
	}
	
		.tii-report dt {
			border-radius: 3px 0 0 3px;
			color: #6d6c6a;
		}
	
		.tii-report dd {
			background: #eee;
			border-left: none;
			border-radius: 0 3px 3px 0;
			color: #333131;
			font-weight: 700;
			margin-right: 6px;
		}
		
			.tii-report dt.overall { color: #000; }
			.tii-report dt.overall + dd {
				background: #333131;
				color: #fff;
			}
			
		.tii-report a {
			border-radius: 3px;
			float: left;
			height: 24px;
			line-height: 2;
			padding: 0 8px;
		}
		
/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Dialog/Prompt ]--*/

/* +Modal */

.ui-dialog {
	background-color: #fff;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
 	*border: 1px solid #999; /* IE6-7 */
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	overflow: auto;
	position: absolute;
	z-index: 1050;
}

	.ui-dialog.fade {
		top: -25%;
		-webkit-transition: opacity .3s linear, top .3s ease-out;
		-moz-transition: opacity .3s linear, top .3s ease-out;
		-ms-transition: opacity .3s linear, top .3s ease-out;
		-o-transition: opacity .3s linear, top .3s ease-out;
		transition: opacity .3s linear, top .3s ease-out;
	}
	
	.ui-dialog.fade.in { top: 50%; }
	
	.modal-header {
		border-bottom: 1px solid #eee;
		padding: 9px 0;
	}
	
		.modal-header h3 {
			margin-bottom: 0;
			padding-right: 32px;
		}
		.modal-header .close-button { margin-top: 2px; }
	
	.modal-body { padding: 12px 0; }
	
	.modal-footer {
		background-color: #f5f5f5;
		border-radius: 0 0 6px 6px;
		border-top: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff;
		margin: 0 0 -12px -12px;
		padding: 12px;
		width: 100%;
		*zoom: 1;
	}
	
		.modal-footer:before,
		.modal-footer:after {
			content: "";
			display: table;
		}
		
		.modal-footer:after { clear: both; }
		
		.modal-footer button {
			margin-bottom: 0;
			margin-left: 5px;
		}

.ui-dialog .ui-dialog-buttonpane { padding: 0 12px 15px; }
.ui-dialog .ui-dialog-buttonpane button { margin: 0 3px; }

/* Collaborate modal */

div.collaborate-link,
div.collaborate-workspace {
    background-color: #f5f5f5;
    border-right: 1px solid #fff;
    height: 130px;
    margin: 0 0 15px;
    padding: 75px 12px 12px;
    position: relative;
}
    
    div.collaborate-link:before,
    div.collaborate-workspace:before {
        background: url(../images/layout/layout-collaborate-modal-icons.png) 0 0 no-repeat;
        content: "(icon)";
        display: block;
        height: 50px;
        left: 12px;
        overflow: hidden;
        position: absolute;
        text-indent: -1000px;
        top: 12px;
        width: 100px;
	}
    
        div.collaborate-link:before { background-position: 0 -50px; }


/*---------------[ =Modal Default Body ]---------------*/
/* Default modal body which IE will use since it can't see the media queries */
body.modal-body {
    background: transparent;
	height: auto;
    padding: 0 24px 24px;
} 
body.modal-body.eportfolio { padding: 15px; }

body.inlinePortlet-body {
    background: transparent;
    padding: 12px;
}
    
body.modal-body #ep-page-wrapper, body.modal-body #content, body.modal-body #header-wrapper,
body.inlinePortlet-body #ep-page-wrapper, body.inlinePortlet-body #content, body.inlinePortlet-body #header-wrapper {
    background: transparent;
	min-width: 0;
	padding: 0;
    width: 100%;
}

    .modal-page-wrapper { padding: 15px 12px; }  


		
	
/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Form Inputs/Controls ]--*/

/* +Control Box (searching/filtering) */

.control-box {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-bottom: 12px;
	padding: 12px;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.control-box.open {
	background: #f9f9f9;
	border: 1px solid #D3D2CE;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

	.control-box-toggle, .ui-widget-content .control-box-toggle {
		border-right: 1px dotted #D3D2CE;
		color: #616b72;
		display: inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 700;
		margin-left: -12px;
		margin-top: -12px;
		padding: 12px 6px 0 0;
		text-decoration: none;
		-moz-transition: margin 0.2s linear; 
		-o-transition: margin 0.2s linear; 
		-webkit-transition: margin 0.2s linear;
		transition: margin 0.2s linear;
	}

		.control-box-toggle:before {
			-moz-box-sizing: content-box;
			box-sizing: content-box;
			content: "\2022";
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 10px;
			font-family: Arial, Sans-Serif;
			font-weight: bold;
			height: 19px;
			line-height: 1.67;
			margin-right: 0.2em;
			padding: 0 3px;
			width: 13px;
			text-align: right;
			
			-moz-transition: all 0.75s linear;
			-webkit-transition: all 0.75s linear;
			transition: all 0.75s linear;
		}

			.open .control-box-toggle:before {
				-webkit-transform:rotate(90deg);
				-moz-transform:rotate(90deg);
				-ms-transform:rotate(90deg);
			}

	.open .control-box-toggle {
		color: #333131;
		margin-left: 0;
	}
	
		.control-box-toggle ins { display: none; }
		
			.control-box-toggle:hover,
			.open .control-box-toggle:hover { color: #2a76b0; }
	
	.control-box-items {
		display: none;
		margin-top: 24px;
	}
	.control-box hr {
		background: #e5e5e1;
		border: none;
		height: 1px;
		margin: 0 0 12px -12px;
		padding: 0 12px;
		width: 100%;
	}
	
	    .control-box-presets {
	        background: #e1e0e0;
	        background: rgba(41,49,49,0.15);
	        border-radius: 5px;
	        margin-bottom: 12px;
	        padding: 12px 12px 0;
	        overflow: visible;
	    }
	    
	        .control-box-presets-details { padding-bottom: 12px; }
	    
			.control-box-detail .heading-section-divider  {
				border: none;
				margin-top: 12px;
			}
			.control-box-detail .heading-section-divider:first-child  {
				border-radius: 5px 5px 0 0;
				margin-top: 0;
			}
	        

/* +Feedback Sliders */	
/* +Number Sliders */	

p.points-balance {
	background: url(../images/layout/layout-box-bg.png);
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	height: 24px;
	line-height: 2;
	margin: 8px 0;
	padding-left: 8px;
}

	span.points-value {
		border-left: 2px solid #fff;
		color: #000;
		display: block;
		float: right;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 900;
		height: 24px;
		line-height: 2.18;
		min-width: 16px;
		padding: 0 4px;
		text-align: center;
	}
	
		span.points-value.has-remainder {
			background: #c00;
			color: #fff;
		}
	

div.number-slider, div.feedback-slider { margin: 12px 35px 0 0; }

	div.number-slider .ui-widget-header,
	div.feedback-slider .ui-widget-header {
		height: inherit;
		margin: 0;
		padding: 0;
	}

input[type=text].feedback-value,
input[type=text].number-slider-value {
	border: none;
	float: right;
	font-size: 11px !important;
	font-size: 1.1rem !important;
	font-weight: bold;
	line-height: 1;
	padding: 2px 0 !important;
	text-align: center;
	width: 25px !important;
}

textarea.feedback-comments {
	height: 80px;
	margin-bottom: 10px;
	width: 100%;
}

a#feedback-save.disabled {
	background-colour: #666;
	opacity: 0.35;
}

/* +Portfolio Permissions */
.portfolio-permissions {
	border: 1px solid #e5e5e1;
	margin-bottom: 15px;
	overflow: auto;	
}

	.permissions-users {
		background: #6d6c6a;
		border-right: 1px solid #e5e5e1;
		float: left;
		width: 252px;
	}
	
	.permissions-pages {
		border-left: 1px solid #e5e5e1;
		margin-left: 252px;
	}
	
		.permissions-users h2, .permissions-pages h2 {
			background: url(../images/layout/layout-portlet-header.png);
			color: #fff;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: 700;
			height: 24px;
			line-height: 2;
			margin: 0;
			padding: 0 12px;
		}
		
		/***=TODO:  this should really be in a data table***/
		.permissions-labels {
			background: url(../images/layout/layout-box-bg.png);
			height: 36px;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
			.permissions-labels li {
				border-left: 1px solid #e5e5e1;
				height: 36px;
				margin: 0;
				width: 59px;
			}
				.permissions-labels label {
					border-bottom: 1px solid #fff;
					font-size: 11px;
					font-size: 1.1rem;
					height: 19px;
					line-height: 1.73;
					margin: 0;
				}
				
				.permissions-labels a {
					display: block;
					font-size: 10px;
					font-size: 1rem;
					height: 16px;
					line-height: 1.6;
					text-decoration: none;
				}
		
		ul.permissions-tree {
			background: url(../images/layout/layout-even-row-bg.png) 0 0;
			border-top: 1px solid #e5e5e1;
			clear: right;
			margin: 0;
}
		
			ul.permissions-tree li {
				background-position: 12px 6px;
				padding-left: 30px;
			}
			
			.permissions-radios {
				clear: right;
				height: 24px;
			}
			
				.permissions-radios span {
					border-left: 1px solid #e5e5e1;
					height: 24px;
					line-height: 2;
					text-align: center;
					width: 59px;
				}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =iframes ]--*/

.portfolio-preview-frame {
	border: none;
	border-top: 1px solid #333131;	
}
.modalIframe {
	border: none;
	outline: none;
}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Importers ]--*/

/* +Standards */
    .placeholder { background-color: #cff; }

	.ui-nestedSortable-error {
		background:#fbe3e4;
		color:#8a1f11;
	}

		ol.sortable, ol.sortable ol {
			list-style-type: none;
			margin: 0 0 0 36px;
			padding: 0;
		}
	
		ol.sortable { margin: 0 0 1em; }
	
			.sortable li { margin: 12px 0 0; }
			
			.sortable li div.handle {
				background: #e5e5e1 url(../images/layout/layout-drag-texture.png) 0 0 repeat-y;
				border: 1px solid #ccc;
				border-radius: 5px;
				cursor: move;
				padding: 12px 12px 12px 18px;
			}
	
	#standards input, #standards textarea { width: 100%; }
	
    .standard-block {
	    background: #f5f5f5;	
	    margin: 0 0 12px;
	    padding: 12px;
    }

	    .standard-block p { margin-bottom: 0; }
	    
	    button.standardsplitter {
		    height: 16px;
		    margin-left: -24px;
		    opacity: 0;
	    }
	    
	    button.standardsplitter:hover {
			height: 28px;
			opacity: 1.0;
		}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Instrument Editor ]--*/

/*Enable bullets in level descriptors*/
.format-text ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 16px;
}

    .format-text ul li { margin-bottom: 8px; }

.instrument-editor {
	overflow-x: auto;
	padding-top: 36px;
	position: relative;
}
    
	/* Criterion Rows */
	
	.i-edit-criterion-template { display: none; }
		
			.i-edit-criterion-name-wrapper { position: relative; }
		
			.i-edit-criterion-name.toggle-panel .toggle-panel-content p {
				font-size: 11px;
				font-size: 1.1rem;
				line-height: 1.2;
			}
		
				.i-edit-criterion-weight {
					background-color: #333131;
					color: #fff;
					float: left;
					font-size: 10px;
					font-size: 1rem;
					font-weight: 500;
					height: 24px;
					line-height: 2.4;
					margin: 0 6px 0 0;
					opacity: 0.5;
					text-align: center;	
					text-shadow: 0 0 2px #000;
					width: 24px;
				}
				
					.i-edit-criterion-weight:hover { opacity: 1.0; }
		
			.i-edit-criterion-level:hover { background: rgba(208,235,245,0.25) url(../images/layout/layout-box-bg-trans.png); }
		
			.i-edit-criterion-level-wrapper { position: relative; }						
		
		/* Formula Editing */
		.i-edit-criterion-sources {
			background: url(../images/layout/layout-box-bg-trans.png);
			min-height: 24px;
			padding: 5px;
			position: relative;
		}
		
			div.i-edit-criterion-source {
				border: 1px dotted #fff;
				font-size: 11px;
				font-size: 1.1rem;
				line-height: 1.3;
				margin-bottom: 15px;
				padding: 8px;
			}
						
/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =jQuery UI ]--*/

.ui-widget { font-family: museo-sans-1, sans-serif; }


/***=sortable (drag and drop)***/
.item-drop-placeholder {
	background:  #effae1;
	border: 1px dotted #6e9e2f;
	border-radius: 24px 0 0 24px;
	display: block;
	height: 48px;
	margin-bottom: 15px;
	position: relative;
	width: 99.5%;
	z-index: 500;
}
.item-drop-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 + .item-drop-placeholder { 
	background:  url(../images/ui/ui-insert-here-vertical.png) 50% 50% no-repeat;
	display: inline-block;
	height: 60px;
	margin-right: 6px;
	width: 32px;
}  


/* +Dialog (modal) */

.ui-widget-overlay {
	background: #6d6c6a;
	height: 100%;
	left: 0;
	position: absolute;
	opacity: 0.6;
	top: 0;
	width: 100%;
}

div.ui-dialog div.ui-dialog-titlebar {
	background: transparent;
	border: 0;
	cursor: move;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	height: 24px;
	line-height: 1.71;
	padding: 0;
	position: relative;
}
	
		div.ui-dialog div.ui-dialog-titlebar .ui-dialog-title {
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: 300;
			height: 24px;
			line-height: 1.71;
			margin: 0;
			padding: 0;
		}
		
	
		div.ui-dialog a.ui-dialog-titlebar-close {
			border-radius: 0 6px 0 0;
			height: 24px;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 2px;
			top: 2px;
			width: 22px;
		}
		
			div.ui-dialog a.ui-dialog-titlebar-close span.ui-icon {
				background: url(../images/ui/ui-icons-black.png) 49% -580px no-repeat;
				display: block;
				height: 24px;
				overflow: hidden;
				text-indent: 100%;
				width: 22px;
			}
			
				div.ui-dialog a.ui-dialog-titlebar-close:hover,
				div.ui-dialog a.ui-dialog-titlebar-close:focus { background: rgba(150,150,150,0.25); }

	div.ui-dialog div.ui-dialog-content { padding: 0 12px 15px; }
	
	    div.ui-dialog iframe.ui-dialog-content {
			border: none;
			padding: 0;
		}
		
/* +Slider */
.ui-slider { border: 1px solid #ddd; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 6px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

	.ui-slider-horizontal .ui-widget-header {
		background: url(../images/layout/layout-portlet-header.png); 
		border: none; 
		height: 6px; 
		margin: 0; 
		padding: 0;
	}
	.ui-slider-horizontal .ui-slider-handle {
		background: transparent url(../images/ui/ui-slider-handle.png) 0 0 no-repeat; 
		border: none; 
		cursor: pointer;
		height: 20px; 
		margin-left: -5px;
		top: -8px;
		width: 11px; 
	}
	
		.ui-slider-horizontal .ui-state-hover { background-position: -11px 0; }
		.ui-slider-horizontal .ui-state-active { background-position: -22px 0; }

/* +Tab Overrides */

.ui-tabs {
	border: none;
	padding: 0;
}
.ui-tabs.ui-widget-content { background: none; }

	.ui-tabs > .ui-widget-header {
		background: #4d4949 url(../images/ui/ui-tabs-horizontal-shadow.png) 0 100% repeat-x;
		border: none;
		border-bottom: 4px solid #fff;
		border-radius: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		/* Inline Override */
		.ui-tabs .ui-tabs > .ui-widget-header {
			background: transparent url(../images/ui/ui-tabs-horizontal-inline-shadow.png) 0 100% repeat-x;
			height: 36px;
			margin-bottom: 15px;
		}

		.col-body .ui-tabs .ui-widget-header,
		.content-inset .ui-tabs .ui-widget-header,
		.content-body .ui-tabs .ui-widget-header {
			background: transparent url(../images/ui/ui-tabs-horizontal-inline-shadow.png) repeat-x 0 100%;
			margin-bottom: 15px;
			margin-left: -12px;
			padding: 0 24px 0 0;
		}
	
	.ui-tabs-nav { zoom: 1; }
	.ui-tabs-nav li {
		color: #94938f;
		float: left;
		font-size: 1.2rem;
		font-weight: 300;
		height: 36px;
		list-style: none;
		margin: 0;
		outline: none !important;
		padding: 0;
		position: relative;
		top: 0;
		-moz-transition: background-color 0.3s ease; 
		-o-transition: background-color 0.3s ease; 
		-webkit-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
		z-index: 2;
	}
	
		.ui-tabs-nav li a {
			color: #e5e5e1;
			display: block;
			height: 36px;
			line-height: 2.83;
			margin: 0;
			outline: none !important;
			padding: 0 12px;
			text-decoration: none;
			text-shadow: 0 0 2px #000;
		}
		
			/* Inline Override */
			.ui-tabs .ui-tabs .ui-tabs-nav li a,
			.col-body .ui-tabs .ui-tabs-nav li a,
			.content-body .ui-tabs .ui-tabs-nav li a,
			.content-inset .ui-tabs .ui-tabs-nav li a {
				color: #2D2E2E;
				text-shadow: none;
			}
		
			.ui-tabs .ui-tabs-nav li a.tab-toc,
			.ui-tabs .ui-tabs-nav li a.tab-settings,
			.ui-tabs .ui-tabs-nav li a.tab-history,
			.ui-tabs .ui-tabs-nav li a.tab-submissions,
			.ui-tabs .ui-tabs-nav li a.tab-standards,
			.ui-tabs .ui-tabs-nav li a.tab-library {
				background-image: url(../images/ui/ui-icons-white.png); 
				background-repeat: no-repeat;
				padding-left: 30px;
			}
			
				.ui-tabs .ui-tabs-nav li a.tab-history { background-position: 6px -94px; }
				.ui-tabs .ui-tabs-nav li a.tab-library { background-position: 6px -766px; }
				.ui-tabs .ui-tabs-nav li a.tab-toc { background-position: 6px -606px; }
				.ui-tabs .ui-tabs-nav li a.tab-settings { background-position: 6px -1856px; }
				.ui-tabs .ui-tabs-nav li a.tab-standards { background-position: 6px -670px; }
				.ui-tabs .ui-tabs-nav li a.tab-submissions { background-position: 6px -1375px; }
		
		
		.ui-tabs .ui-state-default {
			border: none;
			border-radius: 0;
			border-right: 1px solid #333131;
		}
		
			/* Inline Override */
			.ui-tabs .ui-tabs .ui-widget-header .ui-state-default,
			.col-body .ui-tabs .ui-widget-header .ui-state-default,
			.content-body .ui-tabs .ui-widget-header .ui-state-default { border-right: 1px solid #e5e5e1; }
		
		   .ui-tabs .ui-state-hover, .ui-tabs .ui-state-focus {
			   background-color: #222121;
			   background-color: rgba(0,0,0,0.75);  
		   }
		   
				/* Inline Override */
				.ui-tabs .ui-tabs .ui-state-hover,
				.col-body .ui-tabs .ui-widget-header .ui-state-hover,
				.content-body .ui-tabs .ui-widget-header .ui-state-hover,
				.ui-tabs .ui-tabs .ui-state-focus,
				.col-body .ui-tabs .ui-widget-header .ui-state-focus,
				.content-body .ui-tabs .ui-widget-header .ui-state-focus {
				   background-color: #dddcda;
				   background-color: rgba(0,0,0,0.18);  
			   }
		   	
		
		.ui-tabs-active,
		.ui-tabs-active.ui-state-hover {
			background-color: transparent;
			background-color: rgba(0,0,0,0.35);
			background-image: url(../images/ui/ui-tabs-horizontal-active.png);
			background-position: 50% 100%;
			background-repeat:  no-repeat;
			border: none;
			border-right: 1px solid #333131;
			padding: 0;
		}
		.ui-tabs .ui-tabs-active,
		.ui-tabs .ui-state-hover { z-index: 1; }
		
		    
		
			/* Inline Override */
			.ui-tabs .ui-tabs .ui-tabs-active,
			.col-body .ui-tabs .ui-tabs-nav li.ui-tabs-active,
			.content-body .ui-tabs .ui-tabs-nav li.ui-tabs-active {
				background-color: transparent;
				background-image: url(../images/ui/ui-tabs-horizontal-inline-active.png);
				border-right: 1px solid #e5e5e1;
			}
		
			.ui-tabs-nav .ui-tabs-active a {
				color: #fff;
				cursor: text;
			} 
				.col-body .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
				.content-body .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #2a76b0; }
		
	.ui-tabs .ui-tabs-panel { border: none; }
	.ui-tabs .ui-tabs-panel.ui-tabs-hide { display: none; }
		.compartment .ui-tabs .ui-tabs-panel, .compartment.ui-tabs .ui-tabs-panel { padding: 0; }
		.compartment .ui-widget-content { background: none; }


/* PILL TABS overrides */

.ui-tabs.pill-tabs .ui-widget-header {
	background-image: none;
	margin-left: 0;
	overflow: hidden;
}

.ui-tabs.pill-tabs .ui-widget-header .ui-state-default,
.ui-tabs.pill-tabs .ui-tabs-nav li.ui-tabs-active { 
	background-color: transparent;
	background-image: none;
	border: none;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.ui-tabs.pill-tabs .ui-widget-header .ui-state-hover,
.ui-tabs.pill-tabs .ui-widget-header .ui-state-focus {
   background-color: transparent; 
}

.ui-tabs.pill-tabs .ui-tabs-anchor {
	background: #EEEFF0;
	border-radius: 25px;
	color: #2D2E2E;
	height: 36px;
	line-height: 36px;
	display: block;
}

.ui-tabs.pill-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	background: #2E3D52;
	color: #fff;
}


/***=responsive tabs***/
.tab-pull-trigger { display: none; }

@media only screen and (max-width: 53.125em) {
	.tab-pull-trigger {
		background: #4d4949 url(../images/ui/ui-tabs-horizontal-shadow.png) 0 100% repeat-x;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		display: block;
		font-size: 2rem;
		height: 36px;
		overflow: hidden;
		padding: 0.4rem 0 0 1.5rem;
		text-decoration: none;
		transition: color 0.3s ease;
		white-space: nowrap;
		width: 100%;
	}
	.tab-pull-trigger:hover, .tab-pull-trigger:focus { color: #e5e5e1; }
	.show-tabs > .tab-pull-trigger { background-image: none; }

	.responsive-tabs:not(.show-tabs) > .ui-tabs-nav {
		position: absolute; 
		overflow: hidden; 
		clip: rect(0 0 0 0); 
		height: 1px; width: 1px; 
		margin: -1px; padding: 0; border: 0; 
	}
	/*.responsive-tabs > .ui-tabs-nav {
		position: absolute;
		z-index: 1;
	}*/

	.responsive-tabs > .ui-tabs-nav li {
		border-top: 1px solid #312f2f;
		float: none;
	}
	.responsive-tabs > .ui-tabs-nav .ui-tabs-active,
	.responsive-tabs > .ui-tabs-nav .ui-tabs-active.ui-state-hover { background-image: none; }

	.responsive-tabs > .default-tab,
	.responsive-tabs > .default-tab:hover,
	.responsive-tabs > .default-tab:focus {
		float: none;
		position: absolute;
		right: 0;
		top: 0;
	}

	.responsive-tabs .tab-badge { right: auto; }
}
		




/**********=LIST PICKER**********/
.list-picker { 
	margin-bottom: 15px;
	position: relative;
}
.ui-dialog .list-picker {
	margin-bottom: 0;
	width: 770px
}


/***=lp bucket (requires block)***/
.lp-bucket {
	background: url(../images/layout/layout-box-bg.png);
	margin: 0 12px 0 0;
	overflow: hidden;
	padding: 12px;
}


/***=lp list (requires block)****/
.lp-list { border: 1px solid #d3d2ce; }

/*=list title*/
.lp-list .lp-list-title {
	background-color: rgba(51,49,49,0.15);
	border: 1px solid #fff;
	color: #333131;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0;
	min-height: 15px;
	padding: 9px 6px 8px;
	text-shadow: 0 0 2px #fff;
}

/*=list toolbar*/				
.lp-list .lp-list-toolbar {
	border: 1px solid #fff;
	border-top: 0;
	list-style: none;
	margin: 0;
	min-height: 20px;
	padding: 0;
	text-align: right;
}			
.lp-list .lp-list-toolbar li { min-height: 20px; }

/*=list search/scope*/
.lp-list-search, .lp-list-scope {
	background: url(../images/layout/layout-box-bg.png);
	line-height: 2.67;
	padding: 0 6px;
}		
/* Make items below search shorter */
.lp-list-search .lp-list-items { height: 343px; }	
.lp-list-search input[type=text] {
	background: #fff;
	border: 1px solid #c2c1bc;
	border-radius: 10px;
	font-size: 10px;
	font-size: 1rem;
	height: auto;
	line-height: 1.2;
	padding: 2px 4px 3px;
	width: 100%;
}			
.lp-list-scope label {
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
	white-space: nowrap;
}

/*=list divider*/
.lp-list-divider {
	background: #94938f url(../images/layout/layout-box-bg-trans.png);
	border-bottom: 1px solid #a8a7a3;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 900;
	height: 24px;
	line-height: 2;
	margin: 0;
	padding: 0 6px;
	text-shadow: 0 0 3px rgba(51,49,49,0.5);
}
.lp-list-divider:hover { background-color: #6d6c6a; }
.lp-list-divider.selected { background-color: #2e4e77; }


/***=list items (requires block)***/
.lp-list-items {
	background: #fff url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
	height: 375px;
	overflow-y: auto;
	width: 100%;
}
.ui-dialog .lp-list-items { height: 315px; }
.search-visible + .lp-list-items, .extra-tools-visible .lp-list-items { height: 343px; }	
.ui-dialog .search-visible + .lp-list-items, .ui-dialog .extra-tools-visible .lp-list-items { height: 283px; }		
.lp-list-items ul {
	list-style: none;
	margin: 0;
	min-height: 100%; /*To give full drop target*/
	padding: 0;
}
.lp-list-items .lp-list-divider + .pl-current-list { min-height: 24px; /*Override for alphabetical*/ }	
.lp-list-items li {
	border-bottom: 1px solid #d3d2ce;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2;
	list-style: none;
	margin: 0;
	padding: 0 6px;
	min-height: 24px;
	text-overflow: ellipsis;
}

/*=selected*/			
.lp-list-items .selected {
	background-color: #d0ebf5;
	background-color: rgba(0,174,239,0.2);
	color: #2e4e77;
}
.lp-list-items .ui-selected { background-color: #d0ebf5; }
.lp-list-items .selected a { color: #2e4e77; }

/*=viewing*/				    
.lp-list-items .viewing {
	background-color: #6d6c6a;
	background-color: rgba(51,49,49,0.5);
	color: #fff;
}    
.lp-list-items .viewing a { color: #fff; }

.lp-list-items li a {
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
}				
.lp-list-items li span {
	float: right;
	margin-top: 3px;
}

/*=source types*/
.lp-list-items .source-type-item  {
	font-weight: 500;
	line-height: 2.67;
	min-height: 32px;
	padding: 0;
	position: relative;
}
.lp-list-items .source-type-item a  {
	background: url(../images/ui/ui-icons-list-picker.png) 4px 0 no-repeat;
	color: #0470bd;
	display: block;
	padding-left: 32px;
	position: relative;
	height: 32px;
}
.lp-list-items .source-contact-master a { background-position: 4px -64px; }
.lp-list-items .source-type-tocs a { background-position: 4px -128px; }
.lp-list-items .source-type-instruments a { background-position: 4px -160px; }
.lp-list-items .source-type-standards a { background-position: 4px -192px; }
.lp-list-items .source-type-workspaces a { background-position: 4px -224px; }
.lp-list-items .source-type-artifacts a { background-position: 4px -256px; }
.lp-list-items .source-type-reports a { background-position: 4px -288px; }
.lp-list-items .source-type-form a { background-position: 4px -320px; }

/*=source contact master*/
.lp-list-items .source-contact-master .source-action { display: none; }
.lp-list-items .source-contact-master .source-master {
	color: #0470bd;
	float: none;
	margin: 0;
}

/*=source contact lists*/	    
.lp-list-items .source-contact-lists {
	background:#f5f5f5 url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
	font-weight: 300;
}				         
.lp-list-items .source-contact-lists li {
	line-height: 2.67;
	min-height: 32px;
	padding: 0;
}						                
.lp-list-items .source-contact-list .source-contact-link {
	background-position: 22px -96px;
	padding-left: 50px;
}


/***=inactive/locked (requires group & block)***/
.locked { font-style: italic; }
.lp-list-items .locked {
	background: url(../images/ui/ui-icon-locked.png) 4px 50% no-repeat;
	color: #94938f;
	margin-top: 0;
	padding-left: 20px;
}
.inactive:before, .locked:before {
	background-color: #fff;
	border: 1px solid #94938f; 
	border-radius: 6px;
	color: #666; 
	content: "Inactive";
	display: inline-block; 
	font-size: 8px;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 700;
	height: 12px;
	line-height: 1.5;
	margin-right: 3px;
	padding: 0 4px;
	text-align: center;
	text-shadow: none; 
	text-transform: uppercase;
	white-space: nowrap;
}
    .locked:before {
	    background-color: #f26522;
	    border: none;
	    color: #fff;
	    content: "Locked";
    }


/***=jstree/artifact fixes***/	
.lp-list-items .jstree {
	background: transparent;
	margin-top: 12px;
}	
.lp-list-items .jstree li {
	border: none;
	line-height: 1.5;
	min-height: 18px;
}		
.lp-list-items .jstree li a {
	font-size: 11px;
	font-size: 1.1rem;
}
.lp-list-items .jstree li li { margin-left: 18px; }
.lp-list-items .object-list li { padding: 0; }
.lp-list-items .object-list li span { 
	float: none;
	margin-top: 0;
}
			

/***=list tree***/
.lp-list-items .lp-list-tree { padding-top: 12px; }
.lp-list-tree li { border: none; }			
.lp-list-tree li .perm-icon-none {
	float: right;
	opacity: 0.5;
}
.lp-list-tree li:hover > .perm-icon-none { opacity: 1.0; }
.lp-list-tree > li > a { font-weight: bold; }    
.lp-list-tree ul { margin-left: 12px; }			
.lp-list-tree li li { padding-left: 0; }			
.lp-list-tree li:before {
	background: url(../images/ui/ui-tree-line.png) 0 100% no-repeat;
	content:" ";	
	float: left;
	height: 13px;
	width: 10px;
}
.lp-list-tree .selected { background-color: transparent; }
.lp-list-tree .selected > a {
	background-color: #2e4e77;
	border: 2px solid #254166;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 2px 5px;
	text-decoration: none;
}

/*=group picker list tree*/				    
#groupPicker .lp-list-tree > li a { 
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#groupPicker .lp-list-tree > li a:after {
	background: #2a76b0;
	border-radius: 6px;
	color: #fff;
	content: "+ pick";
	display: inline-block;
	font-size: 8px;
	font-size: 0.8rem;
	font-weight: 500;
	height: 12px;
	line-height: 1.5;
	margin-left: 3px;
	padding: 0 4px;
	text-align: center;
	text-shadow: 0 0 2px #2e4e77;
	text-transform: uppercase;
}  			    
#groupPicker .lp-list-tree > li a:hover, #groupPicker .lp-list-tree > li a:focus { text-decoration: none; }
#groupPicker .lp-list-tree > li a:hover:after, #groupPicker .lp-list-tree > li a:focus:after {
	background-color: #6e9e2f;
	text-decoration: none;
}
/*No pick if locked*/
#groupPicker .lp-list-tree > li .perm-icon-none + a:after { display: none; }	
	
	
/*=jquery drag/drop for list picker*/
.ui-selected { background: #d0ebf5; }
.ui-draggable-dragging {
	background: #fff;
	border: 1px solid #c2c1bc;
	width: 250px;
}
.source-drop { background-color: #d7e5b8 !important; }
						    
						
/***=group (requires block)***/
.group > .group-item:before {
	background: #94938f;
	border-radius: 6px;
	color: #fff;
	content: "Group";
	display: inline-block;
	font-size: 8px;
	font-size: 0.8rem;
	height: 12px;
	line-height: 1.5;
	margin-right: 3px;
	padding: 0 4px;
	text-align: center;
	text-shadow: 0 0 2px #333131;
	text-transform: uppercase;
}

/***=group-subgroup (requires group & block)***/
.group-subgroup > .group-item:before { content: "Subgroup"; }
.group-subgroup > .group-item.inactive:before { content: "Subgroup / Inactive"; }


/***=group-dept (requires group & block)***/
.group-dept > .group-item:before {
	background-color: #333131;
	content: "Dept";
}
.group-dept > .group-item.inactive:before { content: "Dept / Inactive"; }
.group-dept > .group-item.locked:before { content: "Subgroup / Locked"; }


/***=group-pool (requires group & block)***/
.group-pool > .group-item:before { content: "Pool"; }
.group-pool > .group-item.inactive:before { content: "Pool / Inactive"; }
.group-pool > .group-item.locked:before { content: "Pool / Locked"; }


/***=group-coursegroup (requires group & block)***/
.group-coursegroup > .group-item:before {
	background: #fff;
	border: 1px solid #94938f;
	color: #94938f;
	content: "Course";
	text-shadow: none;
}
.group-coursegroup > .group-item.inactive:before { content: "Course / Inactive"; }
.group-coursegroup > .group-item.locked:before { content: "Course / Locked"; }

				
/***=target/details bucket (requires lp-bucket & block)***/
.lp-target, .lp-details {
	background: url(../images/layout/layout-box-bg-hover.png);
	margin: 0;
}
.lp-target .lp-list, .lp-details .lp-list { border-color: #94938f; }

/***=target stacked bucket (requires lp-target, lp-bucket & block)***/
.lp-target-stacked .lp-list .lp-list-items { height: 153px; }
.lp-target-stacked .lp-list:first-child { margin-bottom: 12px; }


/***=source bucket (requires lp-bucket & block)***/
.lp-source .pick-list { margin-left: 12px; }
.lp-source .pick-list:before {
	background: url(../images/ui/ui-toggle-arrow.png) -7px -6px;
	content: "";
	float: left;
	height: 12px;
	margin: 10px 0 0 -12px;
	opacity: 0.75;
	width: 12px;
}
.lp-source .pick-list .member { cursor: move; }
#groupPicker .source-list .lp-list-items li { padding-right: 0; }
			    
			
/***=contact management details (requires block)***/
.cm-details { padding: 15px 12px; }		
.cm-details-photo img {
	border: 1px solid #333131;
	height: 72px;
	width: 72px;
}
.cm-details-name { padding-top: 28px; }		
.cm-details-name h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 100;
	line-height: 1.125;
}
.cm-details-info {
	font-size: 11px;
	font-size: 1.1rem;
	margin: 15px 0;
	width: 100%;
}		
.cm-details-info th, .cm-details .cm-details-info td {
	background: url(../images/layout/layout-box-bg-trans.png);
	border-top: 1px solid #fff;
	font-weight: 300;
	padding: 4px 8px;
	text-align: left;
	text-shadow: 0 0 2px #fff;
	vertical-align: middle;
}
.cm-details-info th {
	background-color: #e5e5e1;
	border-right: 1px solid #fff;
	color: #333131;
	font-weight: 700;
	text-transform: capitalize;
	width: 100px;
}
					

/***=breadcrumb nav (requires nav)***/
.form-field .lp-breadcrumbs { float: left; }  /*TODO:  move to layout.css? */
.ui-dialog .lp-breadcrumbs { padding-right: 160px; }	
.form-field .aside-crumbs { float: none; }		
.breadcrumb-nav {
	background: #2A76B0;
	border: 1px solid #254166;
	border-radius: 5px;
	float: left;
	font-size: 11px;
	font-size: 1.1rem;
	margin: 0 12px 12px 0;
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
	white-space: nowrap;
}
.form-field .aside-crumbs .breadcrumb-nav {
	float: none;
	overflow: hidden;
}	
.breadcrumb-nav:empty {
	border: none;
	margin-right: 0;
}	
.breadcrumb-nav .nav-item {
	background-color: #2e4e77;
	color: #fff;
	max-width: 175px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumb-nav .nav-item.selected, .breadcrumb-nav a {
	font-weight: bold;
	line-height: 2;
}
.breadcrumb-nav .nav-item.selected {
	background: url(../images/ui/ui-bc-active.png) 0 50% no-repeat;
	padding: 0 10px 0 14px;
}
.oversized .breadcrumb-nav .nav-item.selected { max-width: 140px; }
.breadcrumb-nav a {
	background: url(../images/ui/ui-bc-parent.png) 0 50% no-repeat;
	color: #fff;
	display: block;
	padding: 0 6px 0 16px;
	text-decoration: none;
}
.breadcrumb-nav .nav-item:first-child a {
	background: none;
	padding-left: 10px;
}
.breadcrumb-nav .nav-item.selected a {
	background: none;
	padding: 0;
}
.breadcrumb-nav .nav-item.oversized, .breadcrumb-nav .nav-item.oversized a {
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumb-nav .nav-item.oversized { display: none; }
.breadcrumb-nav .nav-item:first-child.oversized { display: block; }
.breadcrumb-nav .nav-item:first-child.oversized a { width: 15px; }
.breadcrumb-nav a:hover, .breadcrumb-nav a:focus { text-decoration: underline; }

.oversized .inactive:before { display: none; }		
        
  
    /* List Picker Buttons Bar */
    .lp-buttons {
        position: absolute;
        right: 0;  
        top: 0;
    }
    
    /* Badges */
    /* TO-DO: explore more universal use, move in css file */
    
    .badge-id {
        background-color: #d3d2ce;
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 3px rgba(51,49,49,0.3);
        box-shadow: inset 0 0 3px rgba(51,49,49,0.3);
        color: #000;
        display: inline-block;
        font-size: 9px;
        font-size: 0.9rem;
        height: 12px;
        line-height: 1.33;
        margin-right: 2px;
        padding: 0 4px;
        text-align: center;
        text-shadow: 0px 0px 2px #fff;
        text-transform: uppercase;
        vertical-align: text-top;
	}
        
        .lp-list-items li span.badge-id { float: none; }
  
/**********=LIST PICKER (END)**********/












/* +Collaboration Group Builder & Selector */

#group-prototype { display: none; }
#assignment-groups { margin-bottom: 15px; }

.group-builder-frame {
	background: #EEEFF0;
	display: inline-block;
	margin: 15px 15px 0 0;
	vertical-align: text-top;
	width: 45%;
}

	.group-header {
		background-color: rgba(150,150,150,0.25);
		border-bottom: 1px solid #fff;
		height: 24px;
		padding: 0 8px;
	}
	
		.group-header h3 {
			background: transparent url(../images/ui/ui-icons-black.png) 0 -836px no-repeat;
			color: #333131;
			float: left;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: 700;
			height: 24px;
			line-height: 2;
			margin: 0;
			padding-left: 22px;
		}
		
		.group-balance {
			color: #333131;
			float: right;
			font-weight: 500;
			height: 24px;
			line-height: 2;
			margin: 0;
		}
		
			p.group-balance.surplus {
				color: #E18026;
				font-weight: 700;
			}
		
	.group-builder-frame ul {
		list-style: none;	
		margin: 0;
		padding: 0;
	}
	
		.group-builder-frame li {
			background: transparent url(../images/ui/ui-icons-black.png) 0 -1348px no-repeat;
			border-bottom: 1px solid #fff;
			cursor: move;	
			font-size: 12px;
			font-size: 1.2rem;
			height: 24px;
			line-height: 2;
			list-style: none;
			margin: 0;
			padding: 0 6px 0 18px;
		}

#student-group-picker { display: none; }

	#student-group-picker .group-builder-frame li {
		background: none;
		cursor: default;
		padding-left: 6px;
	}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Lists ]--*/

/* +Checkmark List */

.checkmark-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

    .checkmark-list li {
	    margin: 0;
	    padding: 2px 0;
    }
    
    .checkmark-list li:before {
	    background: url(../images/ui/ui-icons-black.png) 0 -1384px no-repeat;
        content: "";
        float: left;
        height: 14px;
        overflow: hidden;
        width: 20px;
	}
    
	.checkmark {
	    background: url(../images/ui/ui-icons-green.png) no-repeat 0 -1384px;
        display: inline-block;
        height: 14px;
		overflow: hidden;
		text-indent: -500px;
        width: 20px;
	}


/* +Details List */

.details-heading {
	color: #6d6c6a;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 0.5em;
	text-transform: uppercase;
}

.details-list > li {
	color: #333131;
	list-style: none;
	margin: 0 0 4px;
	min-height: 24px;
}
	.details-list.floated-list {
		overflow: hidden;
	}
	/*.modal-body .details-list > li,*/
	.details-list.floated-list > li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin-right: 1.9%;
		width: 48%;
	}

	.details-list strong {
		color: #000;
		padding-right: 4px;
	}
	
	.details-list h3 {
		background: #d0ebf5;
		border-radius: 3px;
		color: #6d6c6a;
		display: inline-block;
		font-size: 10px;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.2;
		padding: 2px 4px;
		text-transform: uppercase;
	}
		.details-list h3 + span {
			display: block;
			margin-left: 1.5em;
		}

	
	.details-list > li span.detail-content {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1.3;
		margin-left: 24px;
		padding: 4px 0;
	}
	
	.details-list span.assignment-type {
		background: #94938f;
		border-radius: 9px;
		color: #fff;
		display: inline-block;
		font-size: 10px;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.2;
		margin-left: 5px;
		padding: 2px 8px;
		text-transform: uppercase;
	}

	.details-list > li .notice,
	.details-list > li .error,
	.details-list > li .success {
		display: inline-block;
		padding: 2px 6px;
	}
	
	.detail-block:before {
		background-image: url(../images/ui/ui-icons-black.png);
		background-repeat: no-repeat;
		content: " ";
		float: left;
		height: 24px;
		overflow: hidden;
		text-indent: -500px;
		width: 24px;
	}

	.detail-assignment:before { background-position: 0 -742px; }
	.detail-assessor:before,
	.detail-user:before { background-position: 0 -870px; }
	.detail-attachment:before { background-position: 0 -70px; }
	.detail-course:before { background-position: 0 -774px; }
	.detail-description:before { background-position: 0 -806px; }
	.detail-form:before { background-position: 0 -1382px; }
	.detail-instrument:before { background-position: 0 -710px; }
	.detail-link:before { background-position: 0 -1222px; }
	.detail-location:before { background-position: 0 -2436px; }
	.detail-name:before { background-position: 0 -742px; }
	.detail-score:before { background-position: 0 -1254px; }
	.detail-scoring:before { background-position: 0 -1254px; }
	.detail-start:before,
	.detail-due:before,
	.detail-cutoff:before,
	.detail-submitted:before { background-position: 0 -1574px; }
	.detail-standard:before { background-position: 0 -678px; }
	.detail-student:before { background-position: 0 -870px; }
	.detail-toc:before { background-position: 0 -614px; }
	.detail-type:before { background-position: 0 -2376px; }
	.detail-page:before { background-position: 0 -646px; }
	.detail-portfolio:before { background-position: 0 -38px; }
	.detail-workspace:before { background-position: 0 -2376px; }
	
		
		.details-list .detail-criteria-list { margin-left: 24px; }
		
			.details-list .detail-criteria-list li:before {
				background: url(../images/ui/ui-icon-checkmark.png) 0 50% no-repeat;
				color: #6e9e2f;
				content:" ";
				float: left;
				height: 16px;
				width: 18px;
			}
	

.assigned-students {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

	.assigned-students li {
		border-bottom: 1px dotted #ddd;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0;
		padding: 4px 0;
	}

/*Assigned Groups (assignment details panel)*/
.assignment-group-details {
    padding: 12px 0 0;
    width: 100%;
    position: relative;
}

    table + .assignment-group-details { margin-top: 12px; }

    .assignment-group-details .dropdown-menu {
		right: 0;
		position: absolute;
		top: 12px;
		width: 120px;
	}
    
	
/* +Feedback Numbers (collaboration) */	
.feedback-scores {
	list-style: none;
	margin: 4px 0 12px;
	padding: 0;
	overflow: auto;
}

	.feedback-scores li {
		background: #2a76b0;
		box-shadow: inset 0 0 2px rgba(51,49,49,0.3);
		border-radius: 20px;
		color: #fff;
		float: left;
		font-size: 10px;
		font-size: 1rem;
		font-weight: 700;
		height: 24px;
		line-height: 2.4;
		margin: 0 2px 2px 0;
		min-width: 20px;
		padding: 0 3px;
		text-align: center;
	}

/* +Glossary */
dl.glossary {
    margin: 0 0 15px;
    padding: 0;
}
dl.glossary dt {
    background: url(../images/layout/layout-box-bg-trans.png);
    border: 1px solid #c2c1bc;
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    height: 24px;
    line-height: 2;
    margin: 0 0 6px;
    padding: 0 8px;
}   
dl.glossary dd {
    color: #333131;
    font-weight: 300;
    line-height: 1.25;
    margin: 0 0 12px;  
}

/* +Group Members List (collab members with comments, feedback etc) */	

.group-member {
	background: rgba(125,125,125,0.15);
	margin-bottom: 0.6rem;
}

	.group-member h3, .tabs-panel .group-member h3 {
		border-bottom: 1px solid rgba(255,255,255,0.5);
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 900;
		line-height: 1;
		padding: 8px;
		width: 100%;
	}
	
		.group-member h3 a {
			color: #2e4e77;
			text-decoration: none;
		}
			
			.group-member h3 a:hover, .group-member h3 a:focus { text-decoration: underline; }

/* +Group Perms Overrides */

.group-perms-overrides {
	list-style: none;
	margin: 0;
	max-width: 712px;
	min-width: 436px;
	padding: 0;
	width: 60%;
}

	.group-perms-overrides li {
		border: 1px solid #e5e5e1;
		border-radius: 5px;
		color: #333131;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 500;
		height: 24px;
		line-height: 2;
		margin: 0 0 8px;
		padding: 6px;
	}
	
	    .group-perms-overrides li span {
		    background: #f5f5f5;
		    border: 1px solid #e5e5e1;
		    border-radius: 5px;
		    color: #f26522;
			float: right;
		    font-size: 12px;
		    font-size: 1.2rem;
		    font-weight: 700;
			height: 22px;
		    line-height: 2;
			padding: 0 6px;
		}
	
		.group-perms-overrides li a {
			float: right;
			margin-left: 5px;
			width: 150px;
		}
			
			.group-perms-overrides li a:hover, .group-perms-overrides li a:focus { text-decoration: underline; }


/* +History Items List */				

.history, .compartment-row.history { padding: 12px; }
				
.history-date, .history-stamp {
	border-bottom: 1px solid #ededeb;
	color: #a8a7a3;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 100;
	line-height: 1;
	margin: 0 60px 0 -12px;
	padding: 0 0 4px 60px;
}

.history-events {
	list-style: none;
	margin: 8px 60px 12px 48px;
	overflow: visible;
	padding: 0;
}

	.workspace-follow-history .history-date,
	.workspace-follow-history .history-events { margin-right: 12px; }
	
	.history .history-date,
	.history .history-events { margin-right: 0; }

	.history-events > li {
		border-bottom: 1px dotted #ededeb;
		position: relative;
	}
	
	/*.history-events > li:before {
		background-image: url(../images/ui/ui-icons-history.png);
		background-repeat: no-repeat;
		content: "";
		float: left;
		height: 32px;
		overflow: hidden;
		width: 24px;
	}*/
	
	.history-events > li:before,
	td.history-event:before {
		display: inline-block;
		font-family: 'epicons';
	    speak: none;
	    font-size: 16px;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    height: 24px;
	    left: 0px;
	    position: absolute;
	    text-align: center;
        top: 0px;
	    width: 24px;
	}
	td.history-event:before {
		position: static;
	}
		
		/* Event Classes */
		/*[class^=event-]:before { content: "\e60f"; }*/
		.event-101:before, .event-page-add:before { content: "\e63e"; } /*page add*/
		.event-102:before, .event-page-edit:before { content: "\e602"; } /*page edit*/
		.event-103:before, .event-page-delete:before {content: "\e634"; } /*page delete*/
		.event-104:before { content: "\e628"; } /*link artifact*/
		.event-105:before { content: "\e659"; } /*unlink artifact*/
		
		.event-201:before, .event-artifact-add:before { content: "\e625"; } /*artifact add*/
		.event-202:before, .event-artifact-edit:before { content: "\e602"; } /*artifact edit*/
		.event-203:before, .event-artifact-delete:before { content: "\e634"; } /*artifact delete*/
		.event-204:before, .event-artifact-checkout:before { content: "\e624"; } /*artifact checkout*/
		.event-205:before, .event-artifact-checkin:before { content: "\e625"; } /*artifact checkin*/
		.event-206:before { content: "\e662"; } /*artifact move*/
		
		.event-301:before { content: "\e613"; } /*portfolio hide*/
		.event-302:before { content: "\e634"; } /*portfolio delete*/
		.event-303:before { content: "\e614"; } /*portfolio restore*/
		.event-306:before { content: "\e631"; } /*portfolio delete page*/
		
		.event-402:before, .event-discussion-reply:before { content: "\e615"; } /*thread reply*/
		.event-401:before, .event-discussion-add:before { content: "\e616"; } /*thread create*/
        
        .event-1101:before { content: "\e63e"; } /*code add*/
        .event-1102:before { content: "\e602"; } /*code edit*/
        .event-1103:before { content: "\e62e"; } /*code use*/
        
        .event-2000001:before { content: "\e660"; } /*Alloc Submission*/
        .event-2000002:before { content: "\e62e"; } /*Alloc Assessment*/
        
        .event-3000001:before { content: "\e62e"; } /*Assign Due*/
        .event-3000002:before { content: "\e62e"; } /*Assign Overdue*/
        
        .event-4000001:before { content: "\e610"; } /*Page Due*/
        .event-4000002:before { content: "\e610"; color: #BD3C27; } /*Page Overdue*/
        
        .event-5000001:before { content: "\e60d"; } /*Message Received*/
        .event-5000002:before { content: "\e616"; } /*Comment Received*/
        
        .event-6000001:before { content: "\e62e"; } /*ToDo Due*/
        .event-6000002:before { content: "\e62e"; color: #BD3C27; } /*ToDo Overdue*/
        .event-6000003:before { content: "\e62e"; color: #39AF55; } /*ToDo Completed*/
        
		/*Temp Placeholders*/
		li.event-x01:before { content: "\e60f"; } /*Assess,graph line*/
        
	.history-events > li .history-item { margin: 0 0 0 24px; }
	
	    .history-events.artifact-history > li .history-item { padding-right: 60px; }
	
		.history-item .item-name {
			color: #333131;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: 700;
			line-height: 1.67;
		}
		
		.history-item .item-type { color: #7F8C8D; font-weight: 900; }
		
		.history-item .item-modified {
			color: #6d6c6a;
			display: block;
			font-size: 10px;
			font-size: 1rem;
			font-weight: 500;
			height: 16px;
			line-height: 1.2;
		}
		/* At present, actions only used for artifact history */
		.history-actions {
			float: right;
			height: 24px;
			margin: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
		
			.history-actions li {
				float: left;
				height: 24px;
				overflow: hidden;
				width: 24px;
			}
			
				.history-actions li a {
					background: transparent url(../images/ui/ui-icons-black.png) no-repeat;
					display: block;
					height: 24px;
					opacity: 0.4;
					overflow: hidden;
					text-indent: -500px;
					width: 24px;
				}
				
					.history-actions li a.action-view { background-position: 50% -190px; }
					.history-actions li a.action-download { background-position: 50% -286px; }
					.history-actions li a:hover, .history-actions li a:focus { opacity: 1.0; }


/* +Invitation List */
.ws-invitations-list {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

    .ws-invitations-list li {
        background: url(../images/layout/layout-box-bg.png);
		border-radius: 5px;
        margin-bottom: 6px;
        padding: 12px;
    }
    
         .ws-invitations-list li h3 {
            color: #2e4e77;
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: 100;
            line-height: 1;
            margin: 0 0 8px;
		}
         
         .ws-invitations-list li h4 {
            color: #333131;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 700;
            line-height: 1;
            margin: 0 0 6px;
		}
         
         .ws-invitations-list li p {
            font-size: 12px;
            font-size: 1.2rem;
            font-weight: 300;
            height: 24px;
            line-height: 2;
            margin-right: 8px;
		}
            .ws-invitations-list li p.members {
                background: #f5f5f5 url(../images/ui/ui-icons-black.png) 2px -866px no-repeat;
                border: 1px solid #a8a7a3;
                border-radius: 3px;
				display: inline-block;
                height: 26px;
				line-height: 2.17;
                padding: 0 4px 0 24px;
			} 
		
/* +Master Items List */	    
	a.master-list-back  {
		background: transparent url(../images/ui/ui-back-button.png) 0 0 no-repeat;
		border-radius: 0 3px 3px 0;
		color: #c2c1bc;
		display: inline-block;
		font-size: 10px;
		font-size: 1rem;
		font-weight: 700;
		height: 19px;
		line-height: 1.9;
		margin-right: 6px;
		opacity: 0.7;	
		padding: 0 6px 0 12px;
	    position: relative;
		text-decoration: none;
		text-transform: none;
	}
	
		a.master-list-back:hover, a.master-list-back:focus {
			color: #fff;
			opacity: 1.0;
		}


/* sub heading above split lists */

.master-list-nav h3 {
	background-image: url(../images/layout/layout-box-bg-med.png);
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	height: 24px;
	line-height: 2;
	margin: 0;
	padding: 0 12px;
}


	

/* +Object List */

.object-list {
	border-top: 1px solid #e5e5e1;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 300;
	list-style: none;
	margin: 0;
	padding: 0;
}

	.object-list > li {
		border-bottom: 1px solid #e5e5e1;
		display: block;
		margin: 0;
	}
	
	.object-list > li:nth-child(even) { background: url(../images/layout/layout-box-bg.png); }
	.object-list > li:hover { background: url(../images/layout/layout-box-bg-hover.png); }
		
		.object-item {
			min-height: 36px;
			margin: 0;
		}
			
			/* Clickable item */
			li.assignment-handle .object-item {
				cursor: pointer;
				padding-left: 10px;
			}
			.assignment-handle:hover { background-color: #f5f5f5; }
			
			.toggle-open > div.object-item { background-color: #daeff7; }
			
		.object-list > li .object-details {
			float: left;
			font-weight: 500;
			text-shadow: 0 0 3px #fff;
		}
		.object-list .artifact { padding-left: 0; }
		.movable-object.selected { background-color: #fdf7e1; }
			
			.object-item .object-name {
				color: #000;
				display: block;
				font-size: 12px;
				font-size: 1.2rem;
				font-weight: 700;
				padding: 2px 0 0 32px;
				text-shadow: 0 0 2px #fff;
			}
			.movable-object .object-item .object-name { padding-left: 49px; }
			    
			    .object-details-simple span.object-name {
					height: 36px;
					line-height: 3;

					overflow: hidden;
					padding-left: 0;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

			    .artifacts-list .artifact-movable { 
			        cursor: move;
			        position: relative;
			    }
			        
			        .artifacts-list .artifact-movable .object-actions { cursor: auto; } 
			        
			        .artifact-movable:before {
			            background: url(../images/ui/ui-icons-black.png) 50% -1340px no-repeat;
			            border-right: 1px solid rgba(51,49,49,0.1);
			            content: "Drag";
			            height: 36px;
			            left: 0;
			            overflow: hidden;
			            position: absolute;
			            text-indent: -500px;
						top: 0;
			            width: 16px;
					}
			
			    /* Artifacts-specific */
				.artifact-checkedout-other p.object-details span.object-name { color: #6d6c6a; }
				.artifact-checkedout-me p.object-details span.object-name { color: #2e4e77; }
				
				.object-version {
				    background: rgba(211,210,209,0.3);
				    border: 1px solid #c2c1bc;
				    border-radius: 4px;
				    color: #6d6c6a;
				    display: inline-block;
				    font-size: 9px;
				    font-size: 0.9rem;
				    font-weight: 700;
				    height: 13px;
				    line-height: 1.44;
				    margin-left: 4px;
				    padding: 0 4px;
				    vertical-align: middle;
				}
				
				/* Assignments */
				.object-details.assignment-name { 
					background: transparent url(../images/ui/ui-icons-black.png) 0 -734px no-repeat; 
					padding-left: 24px; 
					padding-top: 10px;
				}
				
				.object-details.assignment-name.assignment-collaborative { background-position: 0 -1278px; }
			
			.object-item .object-modified {
				color: #6d6c6a;
				display: block;
				font-size: 11px;
				font-size: 1.1rem;
				font-weight: 500;
				line-height: 1.1;
				padding-left: 32px;
			}
			.movable-object .object-item .object-modified { padding-left: 49px; }
			
				.artifact-checkedout-other .object-modified {
					background: url(../images/ui/ui-icon-locked.png) 0 0 no-repeat;
					padding-left: 14px;
				}
				.artifact-checkedout-me .object-details .object-modified { color: #000; }
			
			
		/* Properties list (e.g. assignments list) */	
		.object-list .object-properties {
			float: right;
			margin: 0;
		}
		
			.object-list .object-properties li {
				float: left;
				font-size: 11px;
				font-size: 1.1rem;
				font-weight: 500;
				height: 36px;
				line-height: 3.27;
				list-style: none;
				margin: 0;
				padding: 0 12px 0 0;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
				.object-list .object-properties .object-prop {
					background-color: transparent;
					background-image: url(../images/ui/ui-icons-black.png);
					background-repeat: no-repeat;
					padding-left: 22px;
				}
				
				.object-list .object-properties .property-author {
					background-position: 0 -862px;
					min-width: 200px;
				}
				
				.object-list .object-properties .property-toc {
					background-position: 0 -606px;
					overflow: hidden;
					width: 140px;
				}
				
				.object-list .object-properties .property-department {
					background-position: 0 -158px;
					overflow: hidden;
					width: 110px;
				}
				
				.object-list .object-properties .property-date {
					background-position: 0 -1566px;
					width: 75px;
				}
				
				.object-list .object-properties .property-workspace {
					background-position: 0 -1278px;
					overflow: hidden;
					width: 110px;
				}
				
				.object-list .object-properties .property-posts-unread,
				.object-list .object-properties .property-posts-total {
					background: #c2c1bc;
					border-raidus: 9px 0 0 9px;
					color: #fff;
					font-size: 10px;
					font-size: 1rem;
					font-weight: 700;
					height: 18px;
					line-height: 1.8;
					margin-right: 1px;
					margin-top: 9px;
					padding: 0 6px 0 8px;
					text-shadow: 0 0 2px rgba(51,49,49,0.5);
				}
				
					.object-list ul.object-properties li.property-new-posts { background: #6e9e2f; }
				
				.object-list .object-properties .property-posts-total {
					background: #94938f;
					border-raidus: 0 9px 9px 0;
					margin-right: 6px;
					padding: 0 8px 0 6px;
				}
				
				/* Property List Actions */
				
				.object-list .object-properties .action-follow,
				.object-list .object-properties .action-unfollow {
					background-color: transparent;
					background-image: none;
					border: none;
					-webkit-box-shadow: none;
					box-shadow: none;
					display: block;
					height: 24px;
					margin-top: 6px;
					opacity: 0.5;
					overflow: hidden;
					padding: 0;
					text-indent: -800px;
					width: 24px;
				}
					
					.object-list ul.object-properties .action-follow:hover,
					.object-list ul.object-properties .action-unfollow:hover,
					.object-list ul.object-properties .action-follow:focus,
					.object-list ul.object-properties .action-unfollow:focus { opacity: 1.0; }
			
		
/* +Portfolio Object List (ex: my portfolios)
	(Same markup, but alternate styles better display the text-dense info) */

.object-list.portfolio-list, .object-list.bubble-list { border: none; }

	.object-list.portfolio-list > li, .object-list.bubble-list > li {
		border: 1px solid #e5e5e1;
		border-radius: 7px;
		display: block;
		list-style: none;
		margin: 0 0 8px;
		padding: 0;
		width: 99%;
	}
		
		.object-list.portfolio-list > li:nth-child(even),
		.object-list.bubble-list > li:nth-child(even) { background: #f5f5f5; }
		.object-list.portfolio-list > li:hover,
		.object-list.bubble-list > li:hover { background: url(../images/layout/layout-box-bg-hover.png); }
		
		/*Stacking fix for isotope*/
		.object-list.portfolio-list > li.toggle-open,
		.object-list.bubble-list > li.toggle-open { z-index: 10; }
		
		/* Corner Badges */
		.object-list > li.filter-assignment:before,
		.object-list > li.filter-owner:before {
			border-top-left-radius: 7px;
			content: "Assignment";
			height: 12px;
			left: 0;
			overflow: hidden;
			position: absolute;
			text-indent: -500px;
			top: 0;
			width: 12px;
		}
		
			.object-list > li.filter-assignment:before { background: url(../images/ui/ui-corner-badges.png) -32px 100% no-repeat; }
			.object-list > li.filter-owner:before { background: url(../images/ui/ui-corner-badges.png) -64px 100% no-repeat; }
		
		.object-list .object-item.portfolio {
			padding-left: 32px;
			height: 40px;
		}
		
		.object-list .object-item.portfolio .object-details {
			float: left;
			font-weight: 500;
			height: 20px;
			line-height: 1.67;
			margin: 0;
			text-shadow: 0 0 3px #fff;
		}
		
			.object-list .object-item.portfolio .object-name {
				color: #000;
				display: block;
				font-size: 12px;
				font-size: 1.2rem;
				font-weight: 700;
				height: 24px;
				line-height: 2;
				padding-left: 0;
				text-shadow: 0 0 2px #fff;
			}
			
			.object-list .object-item.portfolio .object-properties {
				clear: left;
				float: none;
				height: 16px;
				margin-right: 120px;
			}
			
				.object-list .object-item.portfolio .object-properties li {
					background: none !important;
					color: #333131;
					float: left;
					font-size: 10px;
					font-size: 1rem;
					font-weight: 500;
					height: 16px;
					line-height: 1.8;
					list-style: none;
					margin: 0;
					padding: 0 6px 0 0;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				
					.object-list .object-item.portfolio .object-properties li:before {
						background: #f5f5f5;
						border: 1px solid #ddd;
						border-radius: 7px;
						color: #94938f;
						content: " ";
						float: left;
						font-size: 8px;
						font-size: 0.8rem;
						font-weight: 700;
						height: 12px;
						line-height: 1.4;
						margin: 2px 3px 0 0;
						padding: 0 5px;
						text-shadow: 0 0 2px #fff;
						text-transform: uppercase;
					}
					
					.object-list.portfolio-list > li:hover ul.object-properties li:before,
					.object-list.bubble-list > li:hover ul.object-properties li:before { color: #333131; }
				
					.object-list div.object-item.portfolio ul.object-properties li.property-date { width: 100px; }
						.object-list div.object-item.portfolio ul.object-properties li.property-date:before { content: "Last"; }
					
					.object-list div.object-item.portfolio ul.object-properties li.property-department { width: 140px; }
						.object-list div.object-item.portfolio ul.object-properties li.property-department:before {
							content: "Dept";
							speak: spell-out; 
						}
						
					.object-list div.object-item.portfolio ul.object-properties li.property-course { width: 140px; }
						.object-list div.object-item.portfolio ul.object-properties li.property-course:before { content: "Course"; }
						
					.object-list div.object-item.portfolio ul.object-properties li.property-toc { width: 160px; }
						.object-list div.object-item.portfolio ul.object-properties li.property-toc:before {
							content: "TOC";
							speak: spell-out; 
						}
						
					.object-list div.object-item.portfolio ul.object-properties li.property-workspace { width: 160px; }
						.object-list div.object-item.portfolio ul.object-properties li.property-workspace:before { content: "Space"; }
						
					.object-list div.object-item.portfolio ul.object-properties li.property-assignment { width: 160px; }
						.object-list div.object-item.portfolio ul.object-properties li.property-assignment:before { content: "Assign"; }
						
					.object-list div.object-item.portfolio ul.object-properties li.property-due {
						width: 100px;
						text-indent: 0;
					}
						.object-list div.object-item.portfolio ul.object-properties li.property-due:before { content: "Due"; }
				
		
		
		/* Object list actions (e.g. artifact list) */
		.object-list .object-actions {
			float: right;
			margin: 0 8px 0 0;
		}
		
		.portfolio-list ul.object-actions {
			margin-top: 2px;
			min-width: 120px;
		}
		
			.object-list ul.object-actions li {
				float: left;
				height: 36px;
				list-style: none;
				overflow: hidden;
				width: 24px;
			}
			
				.object-list .object-actions li a {
					background: transparent url(../images/ui/ui-icons-black.png) no-repeat;
					display: block;
					height: 36px;
					opacity: 0.25; 
					overflow: hidden;
					text-indent: -500px;
					-moz-transition: background 0.3s ease; 
					-o-transition: background 0.3s ease;
					-webkit-transition: background 0.3s ease;
					transition: background 0.3s ease;
					width: 24px;
				}
				
				    /* Row hover and active overrides */
				    .object-list > li.toggle-open ul.object-actions li a { opacity: 0.6; }
				    .object-list > li:hover ul.object-actions li a,.object-list > li.toggle-open:hover ul.object-actions li a { opacity: 1.0; }
				    
					.object-list ul.object-actions li a.action-add { background-position: 50% -414px; }
					.object-list ul.object-actions li a.action-archive { background-position: 50% -958px; }
					.object-list ul.object-actions li a.action-checkout { background-position: 50% -222px; }
					.object-list ul.object-actions li a.action-checkin { background-position: 50% -254px; }
					.object-list ul.object-actions li a.action-copy { background-position: 50% -1662px; }
					.object-list ul.object-actions li a.action-delete {
						background-color: transparent;
						background-position: 50% -350px;
					}
					.object-list ul.object-actions li a.action-download { background-position: 50% -286px; }
					.object-list ul.object-actions li a.action-edit { background-position: 50% -382px; }
					.object-list ul.object-actions li a.action-history { background-position: 50% -94px; }
					.object-list ul.object-actions li a.action-insert { background-position: 50% -1822px; }
					.object-list ul.object-actions li a.action-move-up { background-position: 50% -2464px; }
					.object-list ul.object-actions li a.action-move-down { background-position: 50% -2493px; }
					    .object-list ul.object-actions li a.action-pdf { background: url(../images/ui/ui-icons-artifacts.png) no-repeat 50% -222px; }
					.object-list ul.object-actions li a.action-requirements { background-position: 50% -1376px; }
					.object-list ul.object-actions li a.action-security { background-position: 50% -1630px; }
					.object-list ul.object-actions li a.action-settings { background-position: 50% -1856px; }
					.object-list ul.object-actions li a.action-unarchive { background-position: 50% -990px; }
					.object-list ul.object-actions li a.action-undelete { background-position: 50% -1694px; }
					.object-list ul.object-actions li a.action-unlink { background-position: 50% -2206px; }
					.object-list ul.object-actions li a.action-upload { background-position: 50% -318px; }
					.object-list ul.object-actions li a.action-view { background-position: 50% -190px; }
					.object-list ul.object-actions li a.action-rename { background-position: 50% -1150px; }
					
					
					.object-list .artifact-checkedout-other ul.object-actions li a.action-checkout { background-color: #fff200; }
					
						.object-list ul.object-actions li a.selected, .object-list li.object-expanded ul.object-actions li a.selected { background-color: #fff; }
						
						.object-list ul.object-actions li a:hover, .object-list ul.object-actions li a:focus {
							background-color: #ade4f7;
							opacity: 1.0;
						}
						
        .portfolio-list .toggle-panel-content,
		.bubble-list .toggle-panel-content { z-index: 10; }
	
	/* Object Item Types */
		.object-item.artifact.selected { background-color: #fdf5d9; }
		    
		div.artifact.ui-draggable-dragging {
		    -moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    border-radius: 5px;
		    height: 36px;
		    overflow: hidden;
		    padding: 0;
		    width: 28px;
		}
		    .object-list > li div.ui-draggable-dragging p.object-details,
		    .ui-draggable-dragging p.object-details-simple span.object-name { display: none; }
		
		    .artifact.ui-draggable-dragging .object-actions,
		    .jstree-dnd-helpder .object-actions { display: none; }
		
	    
    /* Artifact (pseudo class icons) */
	.artifact {
		padding-left: 32px;
		position: relative;
	}
	    a.artifact { display: inline-block; height: 32px; line-height: 2.67;}
	    .artifact:before {
	        background: transparent url(../images/ui/ui-icons-artifacts.png) center 2px no-repeat;
	        content: "";
	        height: 36px;
	        left: 0;
	        margin-right: 4px;
	        overflow: hidden;
	        position: absolute;
			top: 0;
	        width: 32px;
	    }
		.artifact.movable-object:before { left: 17px; }
	                
		.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; }
	
	
	.object-item.portfolio {
		background: transparent url(../images/ui/ui-icons-black.png) 7px -30px no-repeat;
		padding-left: 26px;
	}
	
		.filter-collaborative .object-item.portfolio { background-position: 7px -1276px; }
	
	.object-item.archived, .object-item.deleted {
		background-color: #fffbcc;
		background-color: rgba(255,242,0,0.6);
		background-image: url(../images/ui/ui-icons-black.png);
		background-repeat: no-repeat;
		border-left: 2px solid #827b00;
		color: #6d6c6a;
		opacity: 0.75;
		padding-left: 24px;
	}
	.object-item.archived { background-position: 7px -958px; }
	.object-item.deleted {
		background-color: #f0dcdc;
		background-color: rgba(240,220,220,0.6);
		background-position: 7px -350px;
		border-left: 2px solid #dd0201;
	}
	.object-item.archived a { color: #827b00; }
	.object-item.deleted a { color: #9e0b0f; }
		
		/*Restore/Remove buttons*/
		.choice .restore-button { display: none; }
		.choice.deleted .restore-button { display: inline-block; }
		.choice.deleted .remove-button { display: none; }
		
	.object-item.instrument, .object-item.requirements {
		background: transparent url(../images/ui/ui-icons-black.png) 3px -702px no-repeat;
		padding-left: 26px;
	}


/* +Item List */
/* TO-DO: Refactor other simple lists to be sub-classes of .item-list */

.item-list {
	list-style: none;
	margin: 0;
	min-width: 420px;
}

	.item-list li {
		border-radius: 5px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.33;
		margin: 0 0 6px;
		margin-bottom: 0.5rem;
		padding: 7px 12px;
		position: relative;	
	}
	    
		.item-list > li:nth-child(odd) { background: #f5f5f5; }
		.item-list > li:last-child { margin-bottom: 0; }
		.item-list .ui-button {
			border-radius: 8px;
			font-size: 10px;
			font-size: 1rem;
			font-weight: 700;
			line-height: 1.6;
			padding: 0 6px;
		}
		
		.item-list a { text-decoration: none; }
		
		/* Sub-classes */
		
		/* +Survey/Group List */
		.bordered li { border: 1px solid #e5e5e1; }
		.survey-list li, .group-list li { padding-left: 28px; }
		
			.survey-list li:before, .group-list li:before {
				background: transparent url(../images/ui/ui-icons-black.png) 50% -1154px no-repeat;
				content: "";
				height: 22px;
				left: 0;
				position: absolute;
				top: 0;
				width: 28px;
			}
			
			.group-list li:before { background-position: 50% -832px; }
			.group-list li.group-coursegroup:before { background-position: 50% -768px; }

/* +To-Do List*/

.ep-page-header-todos {
    background: #57A957 url(../images/ui/ui-icons-white.png) no-repeat 4px -1383px;
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    height: 17px;
    line-height: 1.8;
    padding: 0 6px 0 24px;
    text-decoration: none;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	text-transform: uppercase;
    -moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

    .ep-page-header-todos:hover, .ep-page-header-todos:focus { background-color: #333131; }


.todo-list {
	border: 1px solid #e5e5e1;
	border-bottom: none;
	border-radius: 7px 7px 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

	.todo-list > .todo-item {
		border-bottom: 1px dashed #d3d2ce;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
		margin: 0;
		padding: 18px 12px 12px;
		font-size: 12px;
		font-size: 1.2rem;
		position: relative;
		width: 100%;
	}
	
	.todo-list > .todo-item:last-child { border: none; }
	.todo-item.checked { background: #DDF5E3; }
		
		.todo-list input {
			float: left;
			height: 18px;
			margin-right: 4px;
			width: 18px;
		}
		
		.todo-list label {
			left: -1000px;
			position: absolute;
			visibility: hidden;
		}
		
		.todo-list .flag {
			border-radius: 0 0 3px 3px;
			left: 14px;
			position: absolute; 
			top: 0px;
		}
		
		.todo-due {
			background: url(../images/ui/ui-icons-black.png) 0 -1575px no-repeat;
			color: #333131;
			float: right;
			font-weight: 700;
			line-height: 1.5;
			overflow: hidden;
			padding-left: 24px;
		}
		
			.todo-due.overdue { background-image: url(../images/ui/ui-icons-red.png); }
		
		.todo-list p {
			color: #333131;
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.3;
			/*margin: 0 150px 0 30px;*/
			margin: 0 0 0.4rem;
		}
		
			.todo-list .todo-described { cursor: pointer; }
			.todo-list .todo-described:after {
				background: url(../images/ui/ui-icons-green.png) 50% -806px no-repeat;
				content: "";
				display: inline-block;
				height: 18px;
				overflow: hidden;
				vertical-align: text-bottom;
				width: 24px;
		}
			
		.todo-list .todo-description {
			color: #000;
			display: none;
			font-size: 12px;
			font-size: 1.2rem;
			margin-right: 0;
			padding: 6px 0;
		}
			
		.todo-list .todo-created {
			color: #6d6c6a;
			font-size: 11px;
			font-size: 1.1rem;
			margin-right: 0;
		}
		
			.todo-list .todo-created a {
				color: #333131;
				font-weight: 700; 
				padding-right: 6px;
				text-decoration: none;
			}
			
			.todo-list .todo-created .todo-creator {
				color: #6d6c6a;
				font-weight: 500; 
				padding: 0;
			}
			
				.todo-list .todo-created a:hover, .todo-list .todo-created a:focus { text-decoration: underline; }
			
			.todo-list > .checked .todo-task {
				text-decoration: line-through;
			} 
			.todo-list > .checked .todo-created {
				color: #7F8C8C;
			}
			.todo-list > .checked .todo-actions { text-decoration: none; }
		
		.todo-list .todo-actions {
			height: 18px;
			margin: 0;
			opacity: 0;
			-moz-transition: opacity 0.2s linear;
			-webkit-transition: opacity 0.2s linear;
			transition: opacity 0.2s linear;
		}
		
			.todo-list li:hover .todo-actions { opacity: 1.0; }
		
		.todo-comments.messages-block {
		    background: transparent;
			margin: 12px 0 0 0;	
			padding: 0;
		}
		
			.todo-comments h3 {
				background: url(../images/ui/ui-icons-green.png) 0 -134px no-repeat;	
				color: #6d6c6a;
				cursor: pointer;
				font-size: 12px;
				font-size: 1.2rem;
				font-weight: 700;
				height: 24px;
				line-height: 2;
				margin: 0;
				padding-left: 24px;
			}
	
	.todo-footer {
		background: url(../images/layout/layout-box-bg.png);
		border: 1px solid #e5e5e1;
		border-radius: 0 0 7px 7px;
		padding: 12px;
	}
		.todo-form button { margin: 0; }



/* +URL List */

.url-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.url-list li {
		background: #fff;
		border-bottom: 1px solid #d3d2ce;
		border-top: 1px solid #fff;
		margin: 0;
	}
	
		.url-list h3 {
			background: url(../images/layout/layout-box-bg-trans.png);	
			font-size: 12px;
			font-size: 1.2rem;
			height: 24px;
			margin: 0;
			padding: 0 100px 0 6px;
			position: relative;
		}
		
			.url-list h3 a {
				color: #333131;
				display: block;
				font-size: 12px;
				font-size: 1.2rem;
				height: 24px;
				line-height: 2;
				overflow: hidden;
				text-decoration: none;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
				.url-list h3 a:hover, .url-list h3 a:focus { color: #000; }
				.url-property-date, .url-property-type {
					color: #333131;
					height: 24px;
					line-height: 2;
					position: absolute;
					top: 0;
				}
				
				.url-property-date { right: 32px; }
				.url-property-type {
					background-image: url(../images/ui/ui-icons-black.png);
					background-repeat: no-repeat;
					overflow: hidden;
					right: 0;
					text-indent: -500px;
					width: 32px;
				}
					.url-property-type.page {
						background-position: 7px -644px;
						position: absolute;
					}
					.url-property-type.portfolio {
						background-position: 7px -36px;
						position: absolute;
					}
					.url-property-type.subpages {
						background-position: 7px -2406px;
						position: absolute;
					}

		
/* +User List */

.user-list {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

	.user-list li {
		color: #6d6c6a;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.71;
		margin: 0;
	}
	.user-list li > .perm-wrap, .user-list li > .name { float: left; }
	.user-list li > .name {
		margin: 0.2rem 0 0 0.5rem;
	}

	    .user-list.group-list li {
	        background: url(../images/ui/ui-icons-black.png) 0 -836px no-repeat;
	        border-bottom: 1px solid #f5f5f5;
	        font-size: 1.2rem;
	        font-weight: 500;
	        line-height: 1.33;
	        padding: 4px 0 4px 24px;
		}
	    
		.user-list li > span { vertical-align: text-bottom }

        .user-list .item-count {
		    background: #94938f;
		    border-radius: 7px;
		    color: #fff;
		    float: right;
		    font-size: 10px;
		    font-size: 1rem;
		    font-weight: 700;
		    line-height: 1;
		    padding: 3px 9px;
}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Menus & Navigation ]--*/

/* +Content Menu */

.content-toolbar {
	bottom: 2px;
	height: 24px;
	margin: 1rem 0;
	position: relative;
	text-align: center;
	width: inherit;
	z-index: 50;
}

.content-toolbar.form-builder-toolbar { margin-top: -12px; margin-bottom: -12px; }
	    
	.content-toolbar:after {
	    background: #000;
	    content: "";
	    display: block;
	    height: 1px;
	    margin-top: -18px;
	    width: 100%;
	}
	
	.content-toolbar .dropdown-menu { width: 150px; width: 15rem; }
	    .content-toolbar .menu-first { border: none; -webkit-box-shadow: inset 0 0 3px rgba(221,244,251,0.4); box-shadow: inset 0 0 3px rgba(221,244,251,0.4); }
		
	.content-tools {
        -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
        border-radius: 5px;
		background: #fff;
		border: 1px solid #c2c1bc;
		display: inline-block;
		height: 24px;
		list-style: none;
		margin: 0 auto;
		/*overflow: hidden;*/
		padding: 0 !important; /*To-Do: this is only because of rules undoing the padding reset which affects user content. Need to remove reset on lists and see what's broken*/
    }
    
		.content-tools > li {
			border-right: 1px solid #c2c1bc;
			float: left;
			height: 24px;
			list-style: none;
			margin: 0;
			position: relative;
			text-align: left;
		}
			.content-tools > li:last-child { border-right: none; }
			.content-tools a {
				color: #616b72;
				cursor: pointer;
				display: block;
				font-size: 12px;
				font-size: 1.2rem;
				font-weight: 500;
				padding: 0 8px 0 8px;
				text-align: left;
				text-decoration: none;
			}
			
			.content-tools > li > a {
				height: 24px;
				line-height: 2;
			}
			
			.content-tools .icon-button { padding-left: 24px; }
					
				.content-tools > li > a:hover, .content-tools > li > a:focus {
					background-color: #e5e5e1;
					color: #000; 
				}

        
/* +Drop Down Menus */

.dropdown-menu {
	color: #333131;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	height: 24px;
	list-style: none;
	min-width: 118px;
	position: relative;
	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: 2;
		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: 2;
			padding-left: 28px;
		}
	
	    .menu-first:hover, .toolbar-menu div.menu-first:hover,
		.menu-first:focus, .toolbar-menu div.menu-first:focus {
	        background-color: #c2c1bc;
	        border-color: #a8a7a3;
	        cursor: pointer;
	    }
		
	.down-list {
	    overflow: hidden;
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
		.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: 2;
				overflow: hidden;
				padding-left: 24px;
			    text-overflow: ellipsis;
			    width: 100%;
			}

			.down-list .action-modifier { padding: 0 8px 6px; }
			.down-list .action-modifier input { position: static; }
			.down-list .action-modifier label, .down-list .action-modifier input[type="checkbox"] + label {
				display: inline;
				font-size: 11px;
				font-size: 1.1rem;
				font-weight: 700;
				line-height: 1;
				padding: 0 0 0 4px;
			}
			

/* +Nav Bar (content) */
.content-nav-bar {
	background: url(../images/layout/layout-page-nav-bg.png);
	width: 100%;
}

	.content-nav-bar ul, .content-nav-bar li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.content-nav-bar li {
		border-right: 1px solid #333131;
		float: left;
		position: relative;
	}
	
		.content-nav-bar a {
			background: transparent url(../images/ui/ui-icons-white.png) no-repeat;
			color: #d3d2ce;
			display: block;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: 700;
			padding: 8px 8px 6px 30px;
			text-decoration: none;
			text-shadow: 0 0 1px rgba(0,0,0,0.7);
		}
		.content-nav-bar.no-icons a {
			background-image: none;
			padding-left: 8px;
		}
		
			.content-nav-bar a:hover, .content-nav-bar a:focus { 
				background-color: #6d6c6a;
				background-color: rgba(168,167,163,0.5);
				-webkit-box-shadow: inset 0 0 3px rgba(51,49,49,0.75);
				box-shadow: inset 0 0 3px rgba(51,49,49,0.75);
				color: #fff;
			}
			
			.content-nav-bar a.selected {
				background-color: #0072bc;
				background-color: rgba(0,114,188,0.75);
				color: #fff; 
			}
			
			.content-nav-bar a.ui-nav-home { background-position: 8px 0; }
			.content-nav-bar a.ui-nav-portfolios { background-position: 8px -32px; }
			.content-nav-bar a.ui-nav-artifacts { background-position: 8px -64px; }
			.content-nav-bar a.ui-nav-history { background-position: 8px -96px; }
			.content-nav-bar a.ui-nav-discussions { background-position: 8px -128px; }
			.content-nav-bar a.ui-nav-members { background-position: 8px -160px; }
			.content-nav-bar a.ui-nav-todos { background-position: 8px -1376px; }


/* +Options Menu */

.options-menu-heading {
    border-top: 1px dotted #ccc;
    clear: both;
    color: #333131;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    margin: 0.5em 0;
    padding: 0.5em 0 0;
    text-transform: uppercase;
}

	.options-menu {
		line-height: 1;
		list-style: none;
		margin: 0 0 5px;
		padding: 0;
		vertical-align: middle;	
	}
	
		.options-menu.inline {
			display: inline-block;
			margin-bottom: 0;
			margin-left: 6px;
			vertical-align: text-top;
		}
	
		.options-menu li {
			float: left;
			margin: 0 4px 4px 0;
		}
	
	.options-menu a, .options-menu button {
		background-color: #fff;
		background-image: none;
		border-color: #cccbcb;
		border-color: rgba(51,49,49,0.25);
		border-radius: 9px;
		color: #84837f;
		display: block;
		filter: none;
		font-size: 10px;
		font-size: 1.0rem;
		font-weight: 700; 
		line-height: 1; 
		padding: 4px 6px;
		text-shadow: 0 0 2px #fff;
		text-transform: uppercase; 
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		text-decoration: none;
		transition: all 0.2s linear;
		vertical-align: middle;
	}
	
		.options-menu a:hover, .options-menu button:hover,
		.options-menu a:focus, .options-menu button:focus {
			background-color: #d3d2ce;
			color: #333131;
		}
	
		.options-menu li.selected a, .options-menu a.selected,
		.options-menu li.selected button, .options-menu button.selected  {
			background-color: #57a957;
			color: #fff;
			text-shadow: 0 0 2px #333131;
		}
		

/* +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: 2;
		padding: 0 10px;
		text-decoration: none;
	}
	
	.pagination a:hover,
	.pagination a:focus,
	.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,
	.pagination .disabled a:focus {
		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; }


.pager {
	list-style: none;
	margin: 0 0 16px;
	text-align: center;

 	*zoom: 1;
}

	.pager:before, .pager:after {
		display: table;
		content: "";
	}
	.pager:after { clear: both; }
	
	.pager li { display: inline; }
	
	.pager a {
		background-color: #fff;
		border: 1px solid #d3d2ce;
		border-radius: 15px;
		display: inline-block;
		padding: 5px 14px;
	}
	.pager a:hover, .pager a:focus {
		background-color: #f5f5f5;
		text-decoration: none;
	}
	.pager .next a { float: right; }
	.pager .previous a { float: left; }


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Panels ]--*/

/* +Accordion Block */

.ui-accordion .ui-accordion-header { border-radius: 0; }

	
/* +Assignment/Submission Information */	

.assignments-detail .col-body > h2 {
	background: url(../images/layout/layout-portlet-header.png);
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	margin: 0;
	padding: 6px 12px;
}


.assignment-statusbar {
	background: url(../images/layout/layout-box-bg.png);	
	font-size: 12px;	
	font-size: 1.2rem;
	font-weight: 700;
	height: 28px;
	line-height: 2;
	margin: 0 0 8px;
}

	.assignment-statusbar p {
		border-right: 1px solid #fff;
		float: left;
		font-weight: 500;
		line-height: 2.33;
		margin: 0;
		padding: 0 6px;
	}
	
		.assignment-statusbar p.assignment-status-percent {
			background: url(../images/layout/layout-box-bg-dark.png);
			color: #fff;
			font-weight: 900;
			text-shadow: 0 0 2px #000;
		}
	
	.assignment-statusbar .ui-button { border-radius: 0; }
	
	.assignment-status-actions {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		.assignment-status-actions li {
			border-left: 1px solid #fff;
			float: left;
			margin: 0;
		}
		
/* +Carousels */

.carousel {
	margin: 0;
	padding: 0;
	position: relative;
}

.carousel-header {
	background: url(../images/layout/layout-box-bg-dark.png);
	border-bottom: 1px solid #fff;
	padding-left: 6px;
	position: relative;
}
	
	.carousel-header h2 {
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.71;
		margin: 0;
		text-shadow: 0px 0px 3px #333131;
	}

.carousel-content {
	height: auto;
	position: relative;	
}

.flex-control-nav {
	background: url(../images/layout/layout-box-bg.png);
	border-top: 1px solid #fff;
	line-height: 2;
	list-style: none;
	margin-top: 15px;
	padding: 0;
	text-align: center;
}
	.flex-control-nav li {
		display: inline-block;
		margin: 0 3px;
	}
	
	.flex-control-nav li a {
		background: #2a76b0;
		border: 1px solid #254166;
		border-radius: 4px;
		-webkit-box-shadow: inset 0px 0px 2px rgba(211,210,206,0.75);
		box-shadow: inset 0px 0px 2px rgba(211,210,206,0.75);
		cursor: pointer;
		display: block;
		height: 7px;
		overflow: hidden;
		text-indent: -500px;
		-moz-transition: background 0.3s ease; 
		-o-transition: background 0.3s ease; 
		-webkit-transition: background 0.3s ease;
		transition: background 0.3s ease;
		width: 7px;
	}
			
		.flex-control-nav li a:hover, .flex-control-nav li a:focus { 
			background: #6d6c6a;
			border-color: #333131;
		}
			
		.flex-control-nav li a.flex-active { 
			background: #d0ebf5;
			border-color: #0072bc;
		}

.carousel-header.fixed, .carousel-pagination.fixed { position: fixed; }


/* Themes Carousel */

.theme-carousel {
	width: 100%;
	margin: 15px 0;
}
	
	.theme-carousel .carousel-content {
		background: url(../images/layout/layout-box-bg.png);
		overflow: hidden;
		padding: 15px 0 0;
	}
		
			.theme-carousel .slides li {
				height: 150px;
				padding: 0 24px;
				text-align: center;
			}
			
				.theme-carousel .carousel-content .slides li h3 {
					border: 1px solid #c2c1bc;
					border-radius: 5px;
					color: #6d6c6a;
					display: inline-block;
					font-size: 11px;
					font-size: 1.1rem;
					font-weight: 700;
					line-height: 2;
					margin-bottom: 6px;
					max-width: 138px;
					overflow: hidden;
					padding: 0 6px;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				
				.theme-carousel .carousel-content .slides li a {
					background: #fff;
					border: 1px solid #c2c1bc;
					display: block;
					height: 112px;
					overflow: hidden;
					width: 150px;
				}
				
					.theme-carousel .carousel-content .slides li.selected,
					.theme-carousel .carousel-content .slides li:hover { opacity: 1.0; }
					.theme-carousel .carousel-content .slides li.selected h3 {
						background: #6d6c6a;
						border-color: #333131;
						color: #fff;
					}
					.theme-carousel .carousel-content .slides li.selected a,
					.theme-carousel .carousel-content .slides li.selected a:hover,
					.theme-carousel .carousel-content .slides li.selected a:focus { border-color: #0072bc; }
				
				.theme-carousel .carousel-content .slides li img {
					border: none;
					height: 112px;
					width: 150px;
				}


/* +Editor Wrapper */

.editor-wrapper { padding: 15px 0; }


/* +Loading Animations */
.ui-dialog-loading {
    border: none !important;
	background: none !important;
	box-shadow: none !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
}

    .ui-dialog-loading .ui-dialog-content {
	    background: none !important;
	    margin: 0 !important;
	    min-height: 32px !important;
	    overflow: hidden !important;
	    padding: 0 !important;
	}

    .ui-dialog-loading .ui-dialog-titlebar { display: none !important; }

#dispProc {
	text-align: center;
	width: 100%;
	margin: 5px auto;
}

    .ui-dialog-loading #dispProc {
	    margin: 0;
	    min-width: 24px;
	    width: auto;
	}
	
	.processing-message { 
	    background: #333131;
	    border-radius: 5px;
	    display: inline-block;
	}
	.processing-message p {
	    color: #fff;
	    display: inline-block;
	    font-weight: 500;
	    font-size: 12px;
	    font-size: 1.2rem;
	    line-height: 2.67;
	    padding-right: 10px;
	}

    .processing-animation {
	    background: url(../images/ajax-progress-reversed.gif) 50% 50% no-repeat;
	    display: inline-block;
	    height: 24px;
	    padding: 4px;
	    vertical-align: middle;
	    width: 24px;
    }


/* +NEWSFLASHES (TO-DO: refactor) */

.newsflash-content { min-height: 150px; }
.newsflash-content ul, .newsflash-content ol { padding-left: 2.5em; }
.newsflash-content ul { list-style: disc; }
.newsflash-content ol { list-style: decimal; }
.newsflash-content ul > li, .newsflash-content ol > li { margin-bottom: 0.28em; }
.newsflash-content > span { display: block; }
.newsflash-details {
	overflow: hidden;
	table-layout: fixed;
}
.newsflash-details tr:first-child td { border-top: 1px solid #c2c2c2; }


/* +Toggle Panels */

.toggle-panel {
    margin: 15px 0;
}

.auto-toggle-setup { cursor: pointer; }

.toggle-panel:last-child { margin-bottom: 0; }

    /* Toggle Heading Block */
	.toggle-panel-heading {
		background: #e5e5e1;
		border-bottom: 1px solid #d3d2ce;
		height: 24px;
	}
	
		.toggle-open > .toggle-panel-heading { background: #c2c1bc; }
	
		.toggle-panel-arrow {
			background: transparent url(../images/ui/ui-toggle-arrow.png) 0 0 no-repeat;
			border-right: 1px solid #fff;
			float: left;
			height: 24px;
			overflow: hidden;
			text-indent: -500px;
			width: 24px;
		}
		
			.toggle-open > .toggle-panel-heading .toggle-panel-arrow { background-position: 0 100%; }
			.toggle-panel-arrow:hover, .toggle-panel-arrow:focus { background-color: #c2c1bc; }
			
			.toggle-open > .auto-toggle-setup .icon-plus:before { content: "\e634"; }
		
		.toggle-panel-heading h2 {
			background-color: transparent;
			color: #333131;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: 700;
			line-height: 2;	
			margin: 0 0 0 32px;
		}
		
	/* Toggle Content Block */	
	.toggle-panel-content {
		background: #fff url(../images/layout/layout-box-shadow-top.png) repeat-x left top;
		border: 1px solid #d3d2ce;
		border-width: 0 1px 1px;
		display: none;
		padding: 17px 12px 12px;
	}
	
		.toggle-panel-content.toggle-panel-content-plain, .toggle-panel-content-plain {
			background: transparent;
			border: none;
			display: none;
			padding: 0;
		}

	ul.toggle-panel-content {
		background-image: none;
		border: none;
	}

    /* Search Toggle */
    
    .search-panel {
        margin-left: -12px;
        margin-top: -15px;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
	}
    
        .search-panel-content {
            border-left: none;
            border-right: none; 
            margin-left: -12px;
            padding-left: 12px;
            padding-right: 12px;
            width: 100%;
		}
		
/* +User Info/Profile Card (popup) */

.profile-card { }

.profile-photo {
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 38px;
	box-shadow: inset 0 0 4px rgba(255,255,255,0.9);
    float: left;
    height: 75px;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 75px;
}

    .profile-photo img {
		border: 0;
		height: 75px;
		width: 75px;
	}

.profile-card hr {
    background: rgba(245,245,245,1.0);
    border: none;
    height: 2px;
    margin: 0 0 0 -12px;
    padding: 0 12px;
    width: 100%;
}

.profile-name {
    color: #616b72;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.25;
}

.profile-section-heading {
    color: #616b72;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1;
    margin: 12px 0;
}
.toggle-open .profile-section-heading { color: #000; }
.profile-card .toggle-panel { margin: 0; }
.profile-card .toggle-panel-content {
    background: none;
    border: none;
    border-top: 1px solid rgba(51,49,49,0.3);
    margin: 0 0 0 -12px;
    padding: 12px;
    width: 100%;
}
.profile-membership .toggle-panel-content { max-height: 200px; overflow-y: scroll; }
.profile-card .table { margin: 0; }																			

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Portlets ]--*/

/* +Global Classes */		

.portlet { margin-bottom: 15px; }

	.portlet-header {
		background: #616b72;
		height: 24px;
		position: relative;
	}
	
		.portlet-header h1, .portlet-header h2 {
			color: #fff;
			float: left;
			font-size: 1.2rem;
			font-weight: 700;
			height: 24px;
			line-height: 2;
			padding-left: 12px;
			text-shadow: 0 0 2px rgba(51,49,49,0.5);
		}
		

.portlet-body {
	background: #fff url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
    padding: 17px 12px 12px;
}

    .portlet-stat-bar-header {
        /*Heading _above_ a stat bar*/
        background: #e5e5e1 url(../images/layout/layout-box-bg-trans.png);
        color: #333131;
        font-size: 9px;
        font-size: 0.9rem;
        font-weight: 500;
        height: 18px;
        line-height: 2;
        margin: -15px 0 0 -12px;
        padding: 0 12px;
        text-shadow: 0 0 2px #fff;
        text-transform: uppercase;
        width: 100%;
	}
    
        .portlet-stat-bar-header + .portlet-stat-bar {
			margin-bottom: 10px;
			margin-top: 15px;
		}

    .portlet-stat-bar {
        height: 50px;
        list-style: none;
        margin: 0;
        padding: 0;
	}
        
        .portlet-stat-bar li { 
            float: left;
            margin: -15px 12px 0 0;
        }
        
            .portlet-stat-bar h3 {
                border-left: 2px solid #94938f;
                color: #6d6c6a;
                font-size: 9px;
                font-size: 0.9rem;
                margin: 0;
                padding: 3px 0 0 6px;
                text-transform: uppercase;
			}
            
            .portlet-stat-bar a {
				color: #2A76B0;
				text-decoration: none;
			}
			.portlet-stat-bar a:hover, .portlet-stat-bar a:hover .stat-bar-number,
			.portlet-stat-bar a:focus, .portlet-stat-bar a:focus .stat-bar-number { color: #2e4e77; }
			 
            .portlet-stat-bar .stat-bar-number {
                color: #000;
                display: block;
                font-size: 32px;
                font-size: 3.2rem;
                font-weight: 700;
                line-height: 1;
                padding: 6px 0 0 6px;
			}
			
            .portlet-stat-bar .stat-bar-text {
                color: #6d6c6a;
                display: block;
                font-size: 18px;
                font-size: 1.8rem;
                font-weight: 500;
                line-height: 1.78;
                padding: 6px 0 0 6px;
			}
            
                .stat-bar-text a { color: #6d6c6a; }

    .portlet-body blockquote {
        color: #333131;
        font-size: 12px;
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 300;
        line-height: 1.25;
	}
    
         .portlet-body blockquote cite {
            color: #94938f;
            display: block;
            font-size: 11px;
            font-size: 1.1rem;
            font-style: normal;
            line-height: 1.27;
            margin: 12px 0 0;
            padding: 0;
		}
         
            .portlet-body blockquote cite strong { color: #333131; }
            .portlet-body blockquote cite .timestamp { color: #6d6c6a; }

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Plugins ]--*/

/* +jQuery.jsTree */

.jstree-ep4 ul { margin-top: 4px !important; }

.jstree-ep4 li, .jstree-ep4 ins {
	background-color: transparent;
	background-image: url(../images/ui/ui-jstree-sprites.png);
	background-repeat: no-repeat;
}
.jstree-ep4 li {
	background-position:-90px 0;
	background-repeat: repeat-y;
	margin-bottom: 4px !important;
	overflow-x: hidden;
	position: relative;
}
.jstree-ep4 li.jstree-last { background:transparent; }

	.jstree-ep4 ins { float: left; }

	.jstree-ep4 li a {
		color: #333131;
		display: block;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 300;
	    height: 22px;
	    line-height: 2;
		overflow: hidden;
		padding: 0 35px 0 1px;
		text-overflow: ellipsis;
	}
	.jstree-ep4 li .flag {
		position: absolute;
		right: 6px;
		top: 4px;
	}
		
		/*Float clear for sibling ul*/
		.jstree-ep4 li ul { clear: left; }


.jstree-ep4 .jstree-open > ins { background-position:-72px 2px; }
.jstree-ep4 .jstree-closed > ins { background-position:-54px 2px; }
.jstree-ep4 .jstree-leaf > ins { background-position:-36px 2px; }

.jstree-ep4 .jstree-hovered { 
	background: url(../images/layout/layout-box-bg-trans.png);
	border: 0;
	padding: 0 35px 0 1px;
}
.jstree-ep4 .jstree-clicked {
	background: url(../images/layout/layout-box-bg-hover.png);
	border: 0;
	color: #000;
	font-weight: 900;
	padding: 0 35px 0 1px;
}
.jstree-ep4 a .jstree-icon {
    height: 22px;
    background-position:-56px -16px;
}
.jstree-ep4 a.jstree-loading .jstree-icon { background: url(../images/ui/ui-jstree-loading.gif) 50% 50% no-repeat !important; }

    .jstree-ep4 a.incomplete .jstree-icon { background-position: -56px -54px; }
    .jstree-ep4 a.complete .jstree-icon { background-position: -74px -36px; }

.jstree-ep4.jstree-focused { background: transparent; }

.jstree-ep4 .jstree-no-dots li, 
.jstree-ep4 .jstree-no-dots .jstree-leaf > ins { background: transparent; }
.jstree-ep4 .jstree-no-dots .jstree-open > ins { background-position: -18px 0; }
.jstree-ep4 .jstree-no-dots .jstree-closed > ins { background-position: 0 0; }

.jstree-ep4 .jstree-no-icons a .jstree-icon { display:none; }

.jstree-ep4 .jstree-search { font-style:italic; }

.jstree-ep4 .jstree-no-icons .jstree-checkbox { display: inline-block; }
.jstree-ep4 .jstree-no-checkboxes .jstree-checkbox { display: none !important; }
.jstree-ep4 .jstree-checked > a > .jstree-checkbox { background-position: -38px -19px; }
.jstree-ep4 .jstree-unchecked > a > .jstree-checkbox { background-position: -2px -19px; }
.jstree-ep4 .jstree-undetermined > a > .jstree-checkbox { background-position: -20px -19px; }
.jstree-ep4 .jstree-checked > a > .jstree-checkbox:hover { background-position: -38px -37px; }
.jstree-ep4 .jstree-unchecked > a > .jstree-checkbox:hover { background-position: -2px -37px; }
.jstree-ep4 .jstree-undetermined > a > .jstree-checkbox:hover { background-position: -20px -37px; }

#vakata-dragged.jstree-ep4 ins { background: transparent !important; }
#vakata-dragged.jstree-ep4 .jstree-ok { background: url(../images/ui/ui-jstree-sprites.png) -2px -53px no-repeat !important; }
#vakata-dragged.jstree-ep4 .jstree-invalid { background: url(../images/ui/ui-jstree-sprites.png) -18px -53px no-repeat !important; }
#jstree-marker.jstree-ep4 {
	background: url(../images/ui/ui-jstree-sprites.png) -40px -57px no-repeat !important;
	text-indent: -100px;
}
#jstree-marker-line.jstree-ep4 {
	background: transparent;
	border: none;
	border-bottom: 1px solid #f26522;
	width: 18px;
	z-index: 0;
}

.jstree-ep4 a.jstree-search { color: #0ff; }
.jstree-ep4 .jstree-locked a {
	color: #c0c0c0;
	cursor: default;
}

#vakata-contextmenu.jstree-ep4-context, #vakata-contextmenu.jstree-ep4-context li ul {
	background: #f0f0f0;
	border: 1px solid #979797;
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
}
#vakata-contextmenu.jstree-ep4-context a { color: #000; }
#vakata-contextmenu.jstree-ep4-context a:hover, #vakata-contextmenu.jstree-ep4-context a:focus, #vakata-contextmenu.jstree-ep4-context .vakata-hover > a {
	background: #e8eff7;
	border: 1px solid #aecff7;
	border-radius: 2px;
	color: #000;
	padding: 0 5px;
}
#vakata-contextmenu.jstree-ep4-context li.jstree-contextmenu-disabled a, 
#vakata-contextmenu.jstree-ep4-context li.jstree-contextmenu-disabled a:hover, 
#vakata-contextmenu.jstree-ep4-context li.jstree-contextmenu-disabled a:focus {
	background: transparent;
	border: 0;
	color: #c0c0c0;
	padding: 1px 4px;
}
#vakata-contextmenu.jstree-ep4-context li.vakata-separator {
	background: #fff;
	border-top: 1px solid #e0e0e0;
	margin: 0;
}
#vakata-contextmenu.jstree-ep4-context li ul { margin-left:-4px; }


/*
 * jsTree "TOC" theme (cascades on top of EP4 theme)
*/

.jstree-toc { margin-right: -12px; }
.jstree-toc:focus, .treeMenu:focus { outline: none; }

/*Light on Dark*/
.jstree-toc li, .jstree-toc ins { background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png); }

.jstree-toc li a {
	color: #fff;
	font-weight: 500;
}

	.jstree-toc .jstree-hovered {
		background: transparent;
		color: #91ddf2;
	}

	.jstree-toc .jstree-clicked {
		background: #fff;
		border-radius: 3px 0 0 3px;
		color: #2A76B0; 
	}
	
	.jstree-toc .jstree-clicked ins.jstree-icon { background-image: url(../images/ui/ui-jstree-toc-sprites.png); }

#vakata-dragged.jstree-toc .jstree-ok { background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png) !important; }
#vakata-dragged.jstree-toc .jstree-invalid { background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png) !important; }
#jstree-marker.jstree-toc { background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png) !important; }


/*Dark on White*/
/*.col-tabs .jstree-toc li,*/

/*.portfolio-tree selector for new editor UI, to-do: refactor tree theme + upgrade*/
.col-tabs .jstree-toc ins,
.portfolio-tree.jstree-toc ins { background-image: url(../images/ui/ui-jstree-toc-sprites.png); }

.col-tabs .jstree-toc li a,
.portfolio-tree.jstree-toc li a {
	color: #333131;
	font-weight: 300;
}
	.col-tabs .jstree-toc .jstree-hovered,
	.portfolio-tree.jstree-toc .jstree-hovered {
		background: url(../images/layout/layout-box-bg-trans.png);
		color: #333131;
	}

	.col-tabs .jstree-toc .jstree-clicked,
	.portfolio-tree.jstree-toc .jstree-clicked {
		background: url(../images/layout/layout-box-bg-hover.png);
		color: #000; 
	}


/* +jQuery.miniColors */

.miniColors-trigger {
	background: url(../images/ui/ui-colorpicker-trigger.png) 50% 50% no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0 .25em;
	outline: none;
	vertical-align: middle;
	width: 20px;
}

.miniColors-selector {
	background: #fff;
	border: solid 1px #bbb;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	height: 150px;
	padding: 5px;
	position: absolute;
	width: 175px;
	z-index: 999999;
}

.miniColors-selector.black {
	background: #000;
	border-color: #000;
}

.miniColors-colors {
	background: url(../images/ui/ui-colorpicker-gradient.png) 50% 50% no-repeat;
	cursor: crosshair;
	height: 150px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 150px;
}

.miniColors-hues {
	background: url(../images/ui/ui-colorpicker-rainbow.png) 50% 50% no-repeat;
	cursor: crosshair;
	height: 150px;
	left: 160px;
	position: absolute;
	top: 5px;
	width: 20px;
}

.miniColors-colorPicker {
	background: url(../images/ui/ui-colorpicker-circle.gif) 50% 50% no-repeat;
	height: 11px;
	position: absolute;
	width: 11px;
}

.miniColors-huePicker {
	background: url(../images/ui/ui-colorpicker-line.gif) 50% 50% no-repeat;
	height: 3px;
	left: -3px;
	position: absolute;
	width: 26px;
}

/* +jQuery.tinyscrollbar */

.scroll-panel { width: auto; }

	.scroll-panel .viewport {
		overflow: hidden;
		position: relative;
		width: inherit;
	}
	
	.scroll-panel .overview {
		left: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	.scroll-panel .scrollbar {
		background: transparent;
		background-position: 0 0;
		float: right;
		opacity: 0.15;
		position: relative;
		width: 15px;
	}
	
		.scroll-panel:hover .scrollbar {
			background: #fff;
			opacity: 0.5;
		}
		.scroll-panel .scrollbar:hover {
			background: #fff;
			opacity: 1.0;
		}
	
		.scroll-panel .track {
			background: transparent;
			border-radius: 7px;
			height: 100%;
			padding: 0;
			position: relative;
			width: 15px;
		}
		
		.scroll-panel .thumb {
			background: url(../images/ui/ui-scrollbar-thumb.png) no-repeat 50% bottom;
			border-radius: 12px;
			cursor: pointer;
			height: 20px;
			left: -5px;
			overflow: hidden;
			position: absolute;
			top: 0;
			width: 25px;
		}
		
		.scroll-panel .thumb .end {
			background: url(../images/ui/ui-scrollbar-thumb.png) 50% 0 no-repeat;
			height: 5px;
			overflow: hidden;
			width: 25px;
		}
	
	.scroll-panel .disable { display: none; }

/* +jQuery.isotope */

.isotope-item { z-index: 2; }

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Status Flags/Dots ]--*/

.status-flag {
    background-image: url(../images/ui/ui-status-icons.png); 
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-indent: -500px;
    vertical-align: middle;  
    width: 16px;
}

    .status-new { background-position: 0 0; }
        .status-new.off { background-position: 0 -16px; }
        
    .status-required { background-position: -16px 0; }
        .status-required.off { background-position: -16px -16px; }
        
    .status-updated { background-position: -32px 0; }
        .status-updated.off { background-position: -32px -16px; }
        
    .status-completed { background-position: -48px 0; }
        .status-completed.off { background-position: -48px -16px; }
        
    .status-locked { background-position: -64px 0; }
        .status-locked.off { background-position: -64px -16px; }
	
		
/* +Corner Badges */

.corner-badge { position: relative; }

.corner-badge:before {
	background-image: url(../images/ui/ui-corner-badges.png);
	background-repeat: no-repeat;
	content: " ";
	height: 10px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -500px;
	top: 0;
	width: 10px;
}
.corner-badge-blue:before { background-position: 0 100%; }
.corner-badge-gold:before { background-position: -32px 100%; }
.corner-badge-green:before { background-position: -64px 100%; }


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Tabs ]--*/

.tab-badge {
	background: #2a76b0;
	border: 1px solid rgba(46,78,119,0.3);
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	height: 18px;
	line-height: 1.8;
	min-width: 18px;
	position: absolute;
	right: -4px;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-shadow: 0 0 3px rgba(46,78,119,0.9);
	top: -8px;
}

    .tab-badge.error {
		background-color: #c43c35;
		border-color: #ab2922;
		text-shadow: 0 0 3px #ab2922;
	}

/* +Vertical Tabbed Column */

.col-tabs .col-body { padding: 0 0 100px; }

	.col-tabs .tabs-wrapper {
		float: left;
		overflow: hidden;
	    -moz-transition: width 0.5s ease; 
	    -o-transition: width 0.5s ease; 
		-webkit-transition: width 0.5s ease;
	    transition: width 0.5s ease;
		width: 30px;
	}
	
		.col-tabs .tabs-list {
			margin: 6px 0 0;
			padding: 0;
			list-style: none;
			width: 30px;
			background: none;
			border: none;
		}
		
			.col-tabs .tabs-list li.tab {
				background: none;
				border: none;
				height: 24px;
				list-style: none;
				margin: 0;
				overflow: hidden;
				padding: 0 6px 0 0;
	            -moz-transition: width 0.5s ease; 
	            -o-transition: width 0.5s ease; 
				-webkit-transition: width 0.5s ease;
	            transition: width 0.5s ease;
				width: 24px;
			}
			
				.col-tabs .tabs-list li.ui-tabs-active,
				.col-tabs .tabs-list li.ui-tabs-active:hover { background: transparent url(../images/ui/ui-tabs-vertical-active.png) 100% 50% no-repeat; }
				
					.col-tabs .tabs-list li.ui-tabs-selected.ui-state-hover {
						background-color: transparent;
						padding-right: 6px;
					}
			
				div.col-tabs ul.tabs-list a {
					background: transparent url(../images/ui/ui-icons-white.png) no-repeat 3px 0px;
					color: #d3d2ce;
					display: block;
					font-size: 12px;
					font-size: 1.2rem;
					font-weight: 500;
					height: 24px;
					line-height: 2;
					opacity: 0.5;
					overflow: hidden;
					padding: 0;
	                text-decoration: none;
					text-indent: 32px;
	                -moz-transition: width 0.5s ease; 
	                -o-transition: width 0.5s ease; 
					-webkit-transition: width 0.5s ease;
	                transition: width 0.5s ease;
					width: 24px;
				}
				
					.col-tabs .tabs-list li.ui-tabs-active a, .tabs-list li a:hover, .tabs-list li a:focus { opacity: 1.0; }
					
					div.col-tabs ul.tabs-list li.tab-assessment a,
					div.col-tabs ul.tabs-list li.tab-instrument a { background-position: 3px -708px; }
					div.col-tabs ul.tabs-list li.tab-assignment a,
					div.col-tabs ul.tabs-list li.tab-pending-assignments a { background-position: 3px -740px; }
					div.col-tabs ul.tabs-list li.tab-completed a { background-position: 3px -1380px; }
					div.col-tabs ul.tabs-list li.tab-completed-assignments a { background-position: 3px -2310px; }
					div.col-tabs ul.tabs-list li.tab-completed-pool a { background-position: 3px -2562px; }
					div.col-tabs ul.tabs-list li.tab-dashboard a { background-position: 3px -1796px; }
					div.col-tabs ul.tabs-list li.tab-dept a { background-position: 3px -164px; }
					div.col-tabs ul.tabs-list li.tab-groups a { background-position: 3px -836px; }
					div.col-tabs ul.tabs-list li.tab-history a { background-position: 3px -100px; }
					div.col-tabs ul.tabs-list li.tab-info, 
					div.col-tabs ul.tabs-list li.tab-summary a { background-position: 3px -1316px; }
					div.col-tabs ul.tabs-list li.tab-links a { background-position: 3px -1220px; }
					div.col-tabs ul.tabs-list li.tab-pending a { background-position: 3px -1572px; }
					div.col-tabs ul.tabs-list li.tab-pending-instrument a { background-position: 3px -2178px; }
					div.col-tabs ul.tabs-list li.tab-pending-pool a { background-position: 3px -2146px; }
					div.col-tabs ul.tabs-list li.tab-settings a { background-position: 3px -1862px; }
					div.col-tabs ul.tabs-list li.tab-setup a { background-position: 3px -900px; }
					div.col-tabs ul.tabs-list li.tab-sharing a { background-position: 3px -932px; }
					div.col-tabs ul.tabs-list li.tab-standards a { background-position: 3px -676px; }
					div.col-tabs ul.tabs-list li.tab-students a { background-position: 3px -868px; }
					div.col-tabs ul.tabs-list li.tab-submissions a { background-position: 3px -964px; }
					div.col-tabs ul.tabs-list li.tab-toc a { background-position: 3px -612px; }
                
                /*Hover*/
                div.col-tabs div.tabs-wrapper:hover { width: 200px; }
                    div.col-tabs div.tabs-wrapper:hover ~ .tabs-panel { 
                        margin-left: 200px; 
                        width: 94%;
                    }
                div.col-tabs div.tabs-wrapper:hover li.tab { width: 194px; }
                div.col-tabs div.tabs-wrapper:hover a { width: 194px; }
                    div.col-tabs ul.tabs-list a:hover, div.col-tabs ul.tabs-list a:focus,
					.col-tabs .tabs-list li.ui-tabs-active a { color: #fff; }
                
/* +Tabs Panels */

div.col-tabs .tabs-panel,
.compartment div.col-tabs .tabs-panel {
	background: #fff;
    margin-left: 30px;
	min-height: 400px;
	padding: 12px;
	-moz-transition: margin 0.5s ease; 
	-o-transition: margin 0.5s ease;
	-webkit-transition: margin 0.5s ease;
	transition: margin 0.5s ease;
}

	.tabs-panel > h2 {
		color: #333131;
		display: none;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 2;
	}
	
	.tabs-panel > h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.tabs-panel > hr {
		background: #e5e5e1;
		border: none;
		height: 1px;
		margin-left: -11px;
		padding: 0 12px 0 11px;
		width: 100%;
	}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Toolbars ]--*/

/* +Global Classes */

.toolbar {
    height: 24px;
    position: absolute;
	right: 0;
	top: 0;
}
.content-header .toolbar { top: 9px; }

	.toolbar-tools {
		height: 24px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.col-header .toolbar-tools { background: url(../images/layout/layout-box-bg.png); }
	
		.toolbar-tools li {
			border-left: 1px solid #fff;
			float: left;
			font-size: 12px;
			font-size: 1.2rem;
			min-height: 24px;
			line-height: 2;
			position: relative;
		}
		.toolbar-tools li:empty { display: none; }
		.toolbar-tools li ul { padding-left: 0; }
		
			/* Toolbar Tool Classes */
			.toolbar-tools li.tool-name {
				background: url(../images/ui/ui-icons-black.png) 3px -868px no-repeat;
				font-weight: 500;
				padding: 0 8px 0 24px;
			}
			
				.toolbar-tools li.tool-name { padding-right: 0; }
				.toolbar-tools li.tool-name span {
					display: block;
					height: 100%;
					line-height: 2;
					padding: 0 28px 0 0;
				}
				
				span.pending { background: url(../images/assessment/assessment-status-icons.png) 100% 0 no-repeat; }
				span.incomplete { background: url(../images/assessment/assessment-status-icons.png) 100% -24px no-repeat;}
				span.complete { background: rgba(110,158,47,0.15) url(../images/assessment/assessment-status-icons.png) 100% -48px no-repeat; }
				span.held { background: rgba(110,158,47,0.15) url(../images/assessment/assessment-status-icons.png) 100% -72px no-repeat; }
                    
                    .toolbar-tools li.tool-name span.complete,
                    .toolbar-tools li.tool-name span.held { background-color: transparent; }
                    
			.toolbar-tools li.tool-groupname {
				background: url(../images/ui/ui-icons-black.png) 3px -836px no-repeat;
				padding: 0 8px 0 24px;
				font-weight: 500;
			}
			
			.toolbar-tools li.tool-date {
				background: url(../images/ui/ui-icons-black.png) 3px -1572px no-repeat;
				font-weight: 500;
				padding: 0 8px 0 24px;
			}
			
			.toolbar-tools li.tool-wordcount,
			.toolbar-tools li.tool-submission-date {
				font-size: 10px;
				font-size: 1rem;
				font-weight: 700;
				padding: 0 8px;
				text-transform: uppercase;
				white-space: nowrap;
			}
			    span#wordCount,
			    span#lblSubmittedDate {
					display: inline-block;
					font-weight: 300;
					padding-left: 6px;
					text-transform: none;
				}
			
			.toolbar-tools li.tool-checkbox {
				font-weight: 500;
				padding: 0 8px 0 4px;
			}
			    
				li.tool-checkbox label, li.tool-checkbox input[type=checkbox] + label {
					display: inline-block;
					height: 24px;
					line-height: 2;
				}
            
            ul.toolbar-tools li.tool-score {
				background: rgba(255,255,255,0.4) url(../images/ui/ui-icons-black.png) 3px -1252px no-repeat;
				font-weight: 500;
				padding: 0 8px 0 24px;
			}
			
            .toolbar-tools li a.action-search { background-color: #6d6c6a; }
            .toolbar-tools li a.action-search.selected { background-color: #000; }
            
                .toolbar-tools li a.action-search:hover, .toolbar-tools li a.action-search:focus {background-color: #333131;}
                .toolbar-tools li a.action-search.selected:hover, .toolbar-tools li a.action-search.selected:focus {background-color: #000;}
			
			.toolbar-tools .form-field { padding-left: 6px; }


	/* Plain toolbar buttons (no coloured bg) */
	/* TO-DO: Figure out if I'll ever actually use this and remove if not */
	.tool-button {
		color: #333131;
		float: left;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: 700;
		height: 24px;
		line-height: 2;
		padding: 0 8px;
		text-decoration: none;
	}
	.tool-button:hover, .tool-button:focus { background-color: #e5e5e1; }


/* +Search toolbar */

.toolbar-search {
	height: 24px;
	float: left;
	padding-left: 8px;
}

	.toolbar-search input.form-search-field {
		float: left;
		font-weight: 300;
		width: 120px;
	}
	
	.toolbar-search .toolbar-search-submit {
		background: url(../images/ui/ui-icons-black.png) 50% -548px no-repeat;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		margin-left: 4px;
		overflow: hidden;
		padding: 0;
		text-indent: -500px;
		width: 24px;
	}
	
	.toolbar-search a.toolbar-advanced-open { border-right: 1px solid #fff; }
	
	.toolbar-search-advanced {
		border-right: 1px solid #fff;
		display: none;
		float: left;
		height: 24px;
		position: relative;
	}
	
		.toolbar-search-advanced label {
			float: left;
			font-size: 10px;
			font-size: 1rem;
			height: 24px;
			line-height: 2.4;
			margin: 0;
			padding: 0 8px;
		}
		
		.toolbar-search-advanced input[type="text"] {
			float: left;
			width: 60px;
		}
		
		.toolbar-search-advanced a.toolbar-advanced-close {
			background: url(../images/ui/ui-icons-black.png) 50% -580px no-repeat;
			border-left: 1px solid #fff;
			margin-left: 4px;
			overflow: hidden;
			padding: 0;
			text-indent: -500px;
			width: 24px;
		}

/* +Assignments toolbar */

.toolbar-assignments {
	border-left: 1px solid #fff;
	float: right;
}

/* +Inline Toolbar */

.inline-toolbar {
	background: url(../images/layout/layout-box-bg-dark.png);
	border-bottom: 1px solid #fff;
	height: 24px;
	margin-left: -12px;
	padding: 0 12px;
	position: relative;
	width: 100%;
}

	.inline-toolbar ul.toolbar-tools {
		float: right;
		margin: 0 -12px 0 0;	
	}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Tooltips ]--*/

.ep4-tip { position: relative; }

.ep4-tip-box, .element-tip-box {
	background: transparent url(../images/ui/ui-tip-triangle.png) 50% 100% no-repeat;
	padding: 0 0 6px;
	position: absolute;
	z-index: 2000;
}

	.ep4-tip-box > div, .element-tip-box > div {
		background: #333131;
		border-radius: 5px;
		color: #fff;
		display: block;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 700;
		height: auto;
		line-height: 1.27;
		margin: 0;
		overflow: visible;
		padding: 8px;
		text-shadow: 0 0 2px #000;
	}
	
	div.level-tip > div { max-width: 360px; }
	
	    .ep4-tip-box > div * {
	        background-color: none;
	        color: #fff;
			font-size: 11px;
	        font-size: 1.1rem;
	        text-shadow: 0 0 2px #000;
	    }
    
    /* Content Triggers (like info icon) */
    
    .info-tip {
        background: url(../images/ui/ui-icon-info-tip.png) 50% 50% no-repeat;
        cursor: pointer;
        display: inline-block;
        height: 12px;
        overflow: hidden;
        text-indent: -1000px;
        vertical-align: text-bottom;
        width: 12px;
	}
    
	/* Instrument Highlighting */
	
	.element-tip-box { display: none; }
			
			a.observed, a.missing {
				display: inline-block;
				padding: 4px 4px 0px;
				color: #c1e573;
				text-shadow: 0px 0px 2px #000;
				text-decoration: none;
			}
			
			a.missing { color: #e57373; }


/* +Tooltip */
/* New. To-Do: Replace ep4-tip with this. */
.tooltip {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 5px;
	position: absolute;
	visibility: visible;
	z-index: 900;
}
    
    .tooltip.in {
	    opacity: 0.8;
	    filter: alpha(opacity=80);
    }

    .tooltip.top { margin-top: -2px; }
    .tooltip.right { margin-left: 2px; }
    .tooltip.bottom { margin-top: 2px; }
    .tooltip.left { margin-left: -2px; }
        
        .tooltip-arrow {
	        height: 0;
	        position: absolute;
	        width: 0;
        }
        
            .tooltip.top .tooltip-arrow {
	            border-left: 5px solid transparent;
	            border-right: 5px solid transparent;
	            border-top: 5px solid #000;
	            bottom: 0;
	            left: 50%;
	            margin-left: -5px;
			}

            .tooltip.left .tooltip-arrow {
	            border-bottom: 5px solid transparent;
	            border-left: 5px solid #000;
	            border-top: 5px solid transparent;
	            margin-top: -5px;
	            right: 0;
	            top: 50%;
			}

            .tooltip.bottom .tooltip-arrow {
	            border-bottom: 5px solid #000;
	            border-left: 5px solid transparent;
	            border-right: 5px solid transparent;
	            left: 50%;
	            margin-left: -5px;
	            top: 0;
			}

            .tooltip.right .tooltip-arrow {
	            border-bottom: 5px solid transparent;
	            border-right: 5px solid #000;
	            border-top: 5px solid transparent;
	            left: 0;
	            margin-top: -5px;
	            top: 50%;
			}
            
            /*Corner Arrows*/
            .tooltip.top.right-corner .tooltip-arrow,
            .tooltip.bottom.right-corner .tooltip-arrow {
				left: auto;
				right: 16px;
			}
            .tooltip.top.left-corner .tooltip-arrow,
            .tooltip.bottom.left-corner .tooltip-arrow { left: 16px; }
            
            .tooltip.left.top-corner .tooltip-arrow,
            .tooltip.right.top-corner .tooltip-arrow { top: 16px; }
            .tooltip.left.bottom-corner .tooltip-arrow,
            .tooltip.right.bottom-corner .tooltip-arrow {
				bottom: 16px;
				top: auto;
			}
            

        .tooltip-inner {
	        background-color: #000;
	        border-radius: 5px;
	        color: #fff;
	        height: 24px;
	        line-height: 2;
	        max-width: 500px;
	        padding: 4px 8px;
	        text-align: center;
	        text-decoration: none;
	        white-space: nowrap;
		}

        

/* +Popover */

.popover {
	padding: 5px;
	position: absolute;
	z-index: 1000;
}

	.popover.top { margin-top: -5px; }
	.popover.right { margin-left: 5px; }
	.popover.bottom { margin-top: 5px; }
	.popover.left { margin-left: -5px; }
	
	.popover .arrow {
		height: 0;
		position: absolute;
		width: 0;
	}
	
	.popover.top .arrow {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #000;
		border-top-color: rgba(0, 0, 0, 0.9); 
		bottom: 0;
		left: 50%;
		margin-left: -5px;
	}
	
	.popover.right .arrow {
		border-bottom: 5px solid transparent;
		border-right: 5px solid #000;
		border-right-color: rgba(0, 0, 0, 0.9);
		border-top: 5px solid transparent;
		left: 0;
		margin-top: -5px;
		top: 50%;
	}
	
	.popover.bottom .arrow {
		border-bottom: 5px solid #000;
		border-bottom-color: rgba(0, 0, 0, 0.9);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		left: 50%;
		margin-left: -5px;
		top: 0;
	}
	
	.popover.left .arrow {
		border-bottom: 5px solid transparent;
		border-left: 5px solid #000;
		border-left-color: rgba(0, 0, 0, 0.9);
		border-top: 5px solid transparent;
		margin-top: -5px;
		right: 0;
		top: 50%;
	}
	
	.popover-inner {
		background: #000;
		background: rgba(0, 0, 0, 0.9);
		border-radius: 6px;
		-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		max-width: 474px;
		min-width: 280px;
		overflow: hidden;
		padding: 3px;
	}
	.popover-inner > .popover-menu:focus { outline: none; } /* remove focus outline until https://chalkandwire.atlassian.net/browse/TRUNK-785 is complete */
	
	.popover-title {
		background-color: #f5f5f5;
		border-bottom: 1px solid #eee;
		border-radius: 3px 3px 0 0;
		line-height: 1;
		margin: 0;
		padding: 9px 12px;
	}
	
	.popover-content {
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #fff;
		border-radius: 3px;
		max-height: 500px;
		overflow: auto;
		padding: 12px;
	}
	
		.popover-title + .popover-content {
			-moz-background-clip: padding-box;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			border-radius: 0 0 3px 3px;
		}
	
	.popover p, .popover ul, .popover ol { margin-bottom: 0; }

	.popover-menu li {
		height: 28px;
		list-style: none;
		margin: 0;
	}
	
		.popover-menu li:last-child { border-bottom: 0; }
		
		.popover-menu > li + li { border-top: 1px solid #333131; }
		.popover-menu li.popover-menu-close { border-top: 1px dotted #444141; }
	
		.popover-menu li a {
			color: #d3d2ce;
			display: block;
			font-size: 12px;
			font-size: 1.2rem;
			height: 28px;
			line-height: 2.33;
			padding: 0 6px;
			text-decoration: none;
			text-shadow: 0 0 3px #000;
			text-transform: capitalize;
		}
		
		.popover-menu li.popover-menu-close a { color: #eedc94; }
		
			.popover-menu li a:hover, .popover-menu li a:focus {
				color: #fff;
				text-indent: 6px;
			}
	

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Trees ]--*/

/* +Folder Tree */

.folder-tree {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .folder-tree li, .folder-tree li.selected {
        background-color: transparent;
        border: none;
        margin: 0 0 0 18px;
	}
    
        .folder-tree li:before {
			background: url(../images/ui/ui-jstree-sprites.png) -54px -18px no-repeat;
            content: "";
            float: left;
            height: 18px;
            overflow: hidden;
            width: 18px;
		}
        .folder-tree li.selected:before { background-position: -54px -36px; }
        
        .folder-tree li.selected > a { color: #2a76b0; }
        

/* +Standard Tree */
.standard-tree {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .standard-tree .standard-tree-subsection {
        list-style: none;
        margin: 0 0 0 36px;
        padding: 0;
    }

    .standard-tree-section {
        border: 1px solid #e5e5e1;
        border-radius: 5px;
        margin: 0 0 15px;
        padding: 12px;
}
    
        .standard-tree-section:hover { border-color: #c2c1bc; }
        .standard-tree-section ul.details-list > li:hover { background: none; }

/* +TOC Tree (assignments, authoring etc etc) */

ul.toc-tree, div.toc-tree > ul {
	list-style: none;
	margin: 0 0 8px 24px;
	padding: 0;
}

	.tabs-panel ul.toc-tree { margin-left: 0; }


	ul.toc-tree li, div.toc-tree ul li {
		background: url(../images/ui/ui-icon-page.png) 0 6px no-repeat;
		color: #6d6c6a;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 300;
		line-height: 2;
		margin: 0;
		padding: 0 0 0 18px;
	}
	
		ul.toc-tree li.selected > a {
			background-color: #2e4e77;
			border: 2px solid #254166;
			border-radius: 5px;
			color: #fff;
			display: inline-block;
			font-size: 11px;
			font-size: 1.1rem;
			font-weight: bold;
			height: 12px;
			line-height: 1.1;
			padding: 2px 4px;
			text-decoration: none;
		}
		
			ul.toc-tree li.selected > a:hover, ul.toc-tree li.selected > a:focus { color: #fff; }
	
		ul.toc-tree li a, div.toc-tree ul li a { color: #2a76b0; }
		
			ul.toc-tree li a:hover, div.toc-tree ul li a:hover,
			ul.toc-tree li a:focus, div.toc-tree ul li a:focus { color: #2E4e77; }
	    
	    /*Child Pages*/
		ul.toc-tree ul, div.toc-tree > ul ul {
			list-style: none;
			margin: 0 0 0 4px;
			padding: 0;
		}
		
		/* Permissions State */
		
		/*Icons*/
		ul.toc-tree li.perm-none { color: #a8a7a3; }
		ul.toc-tree li.perm-view a { color: #6d6c6a; }
		
		/*to-do: refactor to eliminate the empty elements*/
		span.perm-icon-none,
		span.perm-icon-view,
		span.perm-icon-assigned {
			display: inline-block;
			height: 12px;
			padding-left: 5px;
			width: 12px;
		}
		
			span.perm-icon-none {
				background: url(../images/ui/ui-icon-locked.png) 100% 2px no-repeat;
				opacity: 0.35;
			}
			    span.perm-icon-none:hover { opacity: 1.0; }
			span.perm-icon-view { background: url(../images/ui/ui-icon-view.png) 100% 2px no-repeat; }
            span.perm-icon-assigned { background: url(../images/ui/ui-icon-star.png) 50% 2px no-repeat; }
            
        
        /*Link States*/
        .jstree-ep4 li a.perm-link-none, .jstree-ep4 li a.perm-link-none:hover, .jstree-ep4 li a.perm-link-none:focus {
			color: #a8a7a3;
			text-decoration: none;
		}
        
        
/* +TOC Linkages Tree (Standards & Instruments) */

dl.standards-links,
dl.outcome-links {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 4px 0 6px 28px;	
}

	dl.standards-links dt,
	dl.outcome-links dt {
		background: #f5f5f5 url(../images/ui/ui-icons-black.png) 5px -676px no-repeat;
		border: 1px solid #c2c1bc;
		border-radius: 3px;
		color: #333131;
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 700;
		height: 24px;
		line-height: 2;
		margin-bottom: 6px;
		padding: 0 6px 0 28px;
		text-overflow: ellipsis;
		text-shadow: 0px 0px 2px #fff;
	}
	
		dl.outcome-links dt { background-position: 5px -2436px; }
			
			abbr.instructional-level-1,
			abbr.instructional-level-2,
			abbr.instructional-level-3 {
				border: 1px solid rgba(51,49,49,0.5);
				border-radius: 5px;
				-webkit-box-shadow: inset 0 0 4px  rgba(255,255,255,0.5);
				box-shadow: inset 0 0 4px rgba(255,255,255,0.5);	
				color: #fff;
				float: right;
				font-size: 10px;
				font-size: 1rem;
				font-weight: bold;
				height: 16px;
				line-height: 1.6;
				margin: 3px 0 0 6px;
				padding: 0;
				text-align: center;
				text-decoration: none;
				text-shadow: 0 0 3px rgba(51,49,49,0.5);
				width: 20px;
}
			
				abbr.instructional-level-1 { background: #f26522; }
				abbr.instructional-level-2 { background: #27a9e0; }
				abbr.instructional-level-3 { background: #6e9e2f; }
	
	dl.standards-links dd,
	dl.outcome-links dd {
		color: #333131;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 300;
		line-height: 1.25;
		margin-bottom: 8px;
	}
	
.instruments-links li {
	background: none;
	margin: 0 0 4px 0;
}

	.instruments-links li span.instrument-name,
	.instruments-links li span.criterion-name {
		background: #ebf6fa url(../images/ui/ui-icons-black.png) 5px -708px no-repeat;
		border: 1px solid #d0ebf5;
		border-radius: 3px;	
		color: #333131;
		display: inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 700;
		height: 24px;
		line-height: 2;
		margin-bottom: 4px;
		padding: 0 6px 0 27px;
		text-overflow: ellipsis;
		text-shadow: 0 0 2px #fff;
	}
	
		.instruments-links li span.criterion-name { background: #f2fafc url(../images/ui/ui-icons-black.png) 5px -2532px no-repeat; }
	
	    .instruments-links li span.instrument-name strong,
		.instruments-links li span.criterion-name strong {
	        border: 1px solid #c2c1bc;
		    border-radius: 3px;	
	        color: #6d6c6a;
	        display: inline-block;
	        font-weight: 900;
	        height: 16px;
	        line-height: 1.33;
	        margin-right: 4px;
	        padding: 0 6px;
	        text-align: center;
	        vertical-align: middle;
		}

span.linkage-count {
	background: #94938f;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 9px;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.11;
	margin: 0 4px;
	padding: 2px 7px;
}

.linkage-tree li.toggle-panel > span.auto-toggle-setup {
	background: url(../images/ui/ui-toggle-arrow.png) -7px -6px no-repeat;
	color: #333131;
	cursor: pointer;
	padding-left: 14px;
}

	.linkage-tree li.toggle-open > span.auto-toggle-setup {
		background-position: -7px -30px;
		color: #000;
	}
	
		.linkage-tree li.toggle-open > span.auto-toggle-setup + span.linkage-count { background-color: #333131; }

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Type Elements ]--*/

blockquote.overall-comment {
	background-color: #f5f5f5;
	border: 1px solid #eee;
	border: 1px solid rgba(51, 49, 49, 0.1);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1.0);	
	box-shadow: inset 0 0 2px rgba(255, 255, 255, 1.0);	
	color: #333131;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 100;
	line-height: 1.57;
	margin: 0 0 24px;
	min-height: 24px;
	overflow: hidden;	
	padding: 12px;
	text-overflow: ellipsis;
}

	blockquote.overall-comment cite {
		background-color: #fff;
		border: 1px solid rgba(51, 49, 49, 0.1);
		border-radius: 9px;	
		color: #6d6c6a;
		display: inline-block;
		font-size: 10px;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		height: 18px;
		line-height: 1.3;
		padding: 0 8px;
		text-transform: uppercase;
	}

/* Footnotes/Disclaimers/Tips */

.search-results,
.default-text {
	color: #8d8e90;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 100;	
}

	.search-results strong,
	.default-text strong {
		color: #7d7e70;
		font-weight: 500;
	}

    .default-text h2 {
        color: #8d8e90; 
        font-size: 31px;
        font-size: 3.1rem;
        font-weight: 100;
        line-height: 1.2;
        margin: 0;
	}

.footnote {
	color: #6d6c6a;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.5;
}
		.footnote sup { color: #f26522; }




.heading-section-divider {
	background: #dfe1e3;
	border-top: 1px solid #c2c1bc;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 0 15px -12px;
	padding: 12px;
	text-shadow: 0 0 3px #fff;
	width: 100%;
}

	.heading-section-divider:first-child { margin-top: -12px; }


/* Inline Heading Icons */
span.heading-submit-portfolio,
span.heading-submit-page {
    background-image: url(../images/ui/ui-icons-black.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 22px;
}

    span.heading-submit-portfolio { background-position: 0 -38px; }
    span.heading-submit-page { background-position: 0 -646px; }

/* Mini first line */
.heading-mini {
    background: rgba(50,50,50,0.5);
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700; 
    line-height: 1;
    padding: 4px 6px;
    text-shadow: 0 0 2px #989793;
    text-transform: uppercase; 
}

/* +Submit Headings */

.submit-status {
    border: 1px dotted #ddd;
    border-radius: 7px;
    color: #666; 
    font-size: 14px; 
    font-size: 1.4rem; 
    font-weight: 700; 
    margin-top: 4px;
    padding: 8px 4px 8px 8px;
    text-transform: uppercase; 
}
    .submit-status .flag {
		line-height: 1.3;
		vertical-align: text-bottom;
	}

.submit-summary {
    color: #8d8e90;
    font-size: 24px;
	font-size: 2.4rem;
    font-weight: 100;
    line-height: 1.4;
}
    .submit-summary .heading-mini {
		background: #8d8e90;
		text-align: center;
		vertical-align: middle;
		width: 55px;
	}
    .submit-summary strong {
		color: #7d7e80;
		font-weight: 500;
	}


/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Video Commenting ]--*/

.portfolio-paragraph-media, .media-player { margin: 0 auto; }

.media-toolbar { margin: 6px 0; }

.media-new-comment { margin: 24px 0 0; }

.comment-timing {
	background-color: #fdf5d9;
	border: 1px solid #fceec1;
	border-radius: 4px;	
	color: #404040;
	cursor: pointer;
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	height: 18px;
	line-height: 1.8;
	padding: 0 6px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------[ =Legacy (TO-DO: Refactor) ]------------*/

/* LEGACY SUPPORT */
/* ui.css */

/*Student Results/My Results*/

.overall-score-box { width: 202px; }
    .overall-score-box + table { margin-top: 1em; }

    .overall-score-box > span {
        background: #fff;
        border: 1px solid #c2c1bc;
        border-radius: 7px;
        display: block;
        padding: 4px 3px 4px 6px;
	}

    .overall-score-box .score {
		float: right;
		margin-left: 4px;
	}

.results-expand, .results-collapse {
    float: left;
    height: 24px;
    line-height: 2;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -250px;
    width: 24px;
}
    
    .results-expand:before, .results-collapse:before {
        background: #94938f;
        border: 1px solid #84837f;
        border-radius: 3px;
        color: #fff;
        content: "+";
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 900;
        height: 16px;
        left: 3px;
        line-height: 1.23;
        position: absolute;
        text-align: center;
        text-indent: 0;
        text-shadow: 0 0 3px #6d6c6a;
        top: 3px;
        width: 16px;
	}
    
    .results-collapse:before { 
        background: #a8a7a3;
        border: 1px solid #989793;
        content: "-";
    }
    
    .results-expand:hover:before, .results-collapse:hover:before,
    .results-expand:focus:before, .results-collapse:focus:before { background: #6d6c6a; }

/* Dialog Overrides */

.dialog-no-close .ui-dialog-titlebar-close { display: none !important; }

/* Modal Upload Warning */
.dialog-uploading .ui-dialog-content {
    background: #fff url(../images/icon-warning-yellow.png) 10px 10px no-repeat;
    font-size: 12px;
    font-size: 1.2rem;
    height: 30px !important;
    min-height: 24px !important;
    padding: 10px 10px 10px 32px !important;
} 
    .dialog-uploading .ui-dialog-titlebar-close { display: none !important; }

/* Dialog Content containers */

.addMessageContainer { padding: 0; }
.addMessageContainer #highlightedText {
	background: #e3e3e3;
	border: 1px dotted #999;
	padding: 0.3em;
}
.addMessageContainer textarea { width: 99% !important; }
.addMessageContainer h3, .addMessageContainer p { margin: 0.25em 0; }

/* View full image zoom */
.ui-dialog.image-zoom .ui-dialog-content {
	line-height: 0;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
}

/* Vertical Tabs (used in inbox)
----------------------------------*/
    .ui-tabs-vertical .ui-tabs-nav { float: left; }
        .ui-tabs-vertical .ui-tabs-nav li { 
	        border-bottom-width: 1px !important;
			border-radius: 4px 0 0 4px !important;
	        border-right-width: 0;
	        clear: left;
	        margin: 0 -1px 0 0;
	        width: 200px; 
        }
            .ui-tabs-vertical .ui-tabs-nav li a { display: block; }
            
        .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { 
	        border-bottom-width: 1px !important;
	        border-right-width: 0 !important;
	        padding-right: 11px !important;
        }
    .ui-tabs-vertical .ui-tabs-panel { 
	    margin-left: 221px;
	    min-height: 200px;
    }



/* Folder tree stuff (old artifact image gallery)*/
.imgFolder, .imgFolderOpen,
.artFolder, .artFolderOpen {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	padding: 3px 3px 3px 24px;
}

.artFolderOpen { color: #000; }

.imgFolder, .artFolder { background: transparent url(../images/icon-folder.png) 0 50% no-repeat; }
.imgFolderOpen, .artFolderOpen { background: transparent url(../images/icon-folder-open.png) 0 50% no-repeat; }



/* LEGACY SUPPORT */
/* components.css */	

/* My Assessments Unreleased */
/*.unreleased-indicator deprecated with new ui*/
.unreleased-indicator { margin: 10px 0; }

    .unreleased-indicator:after {
        background: url(../images/assessment/assessment-status-icons.png) 0 -72px no-repeat;
        content: "";
        display: inline-block;
        height: 24px;
        overflow: hidden;
        vertical-align: middle;
        width: 24px;
	}

    .unreleased-indicator a {
        background: #fff6bf;
        border: 1px solid #ffd324;
        border-radius: 4px;
        color: #514721;
        display: inline-block;
        line-height: 1;
        padding: 5px 10px;
        text-decoration: none;
	}

    .unreleased-indicator a:hover, .unreleased-indicator a:focus {
		color: #2e2a1c;
		text-decoration: underline;
	}

/* Portfolio Setup */

#dlThemes > span, .wrapper-systemTheme {
	display: inline-block;
	padding: 0 8px 15px 0;
	text-align: center;
	width: 200px;

	*display: inline;
	*zoom: 1;
}

#dlThemes input, .systemTheme {
	border: 1px solid #999 !important;
	height: 150px;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	width: 200px;
}

.systemTheme { display: block; }

#dlThemes input:hover, .systemTheme:hover,
#dlThemes input:focus, .systemTheme:focus { 
	border: 1px solid #555 !important;
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

#dlThemes input.active, .systemTheme.active { 
	border: 2px solid #252525 !important;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

#dlThemes { margin: 10px 0; }

#dlThemes p, .wrapper-systemTheme p {
	background: #e0e0e0;
	border: 2px solid #ccc;
	border-radius: 5px;
	color: #555;
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1;
	margin: 5px auto;
	padding: 3px 5px;
	text-align: center;
}



/*---------------[ =Frames and Resources ]---------------*/

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

    .ui-sortable .portfolio-frame { cursor: move; }

    .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-size: 1.8rem;
		font-weight: 500;
		padding: 12px 12px 10px;
	}
	
	h3.portfolio-frame-heading {
		color: #6d6c6a;
		font-size: 14px;
		font-size: 1.4rem;
		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 !important;
		padding: 0 !important;
	}
	
		.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: 2.67;
			}

#dlThemes .active + p, .wrapper-systemTheme .active + p {
	background: #333;
	border: 2px solid #000;
	color: #fff;
}

/* Profile Form */

.profile-left-column {
	float: left;
	padding: 0 15px;
	width: 155px;
}

.profile-right-column { margin-left: 200px; }

    .profileImageWrapper {
	    border: 2px solid #333;
	    display: block;
	    height: 150px;
	    overflow: hidden;
	    width: 150px;
	}

    .profileImageWrapper img { width: 150px; }