/*
 *  The CSS is arranged in the following sections:
 *      1. Element overrides
 *      2. Id selectors
 *          a. Indented based on where they are used
 *          b. Browser fixes
 *          c. Classes
 *      3. General browser fixes
 */

*
{
    margin: 0;
    padding: 0;
}

html, body
{
    height: 100%;
    font: 0.8em verdana, arial, helvetica, sans-serif; /* base the size as a standard 11pt font */
    overflow: hidden; /*removes scrollbar in IE*/
    color: #666666; /* Main body text color */
}

a
{
    color: #003366;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

em
{
    font-style: normal;
    text-decoration: underline;
}

/**
* This is used to push the content to the left of the screen so that it does not appear on the screen itself,
* but the screen readers will still read it. Mainly used by the "Skip navigation" link.
* This should not be used if you want it to be hidden and the screen reader not to read it.
*/
p.hidden, span.hidden
{
    position: absolute;
    width: 190px;
    left: -999px;
}

/**
* This type of hidden class will make the screen readers not to read the contents of the p tag. It is used by the
* <input type="hidden"> tags so that it validates as XHTML strict (input tag must be inside of a block element).
*/
p.hidden-form-fields
{
	display: none;
}

#wrapper
{
    position: relative;
    height: 100%;
    overflow: hidden;
}

#wrapper.inline-edit
{
	width: 100%;
}

#header
{
    height: 30px;
    line-height: 30px;
    background: white;
}
    
   	#header a img, #header span img, #header span
	{
		border: 0 none;
		vertical-align: middle;
     }
     
    #header #system-menu
    {
    	line-height: 22px;
    }
    	 
	#header #siteselection 
	{
		margin-left:50px;
		font-size: 1em;
		font-weight: bold;
		line-height: 1em;		
	}
	
	#header #system-menu-toggle
	{
		margin-left: 5px;
		cursor: pointer;
    }    
    
    #header #system-menu-toggle img
    {
    	border-right: 1px solid #302226;
		border-bottom: 1px solid #302226;
		border-top: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
    	padding: 4px; 
		margin-bottom: 5px;
    }
      
    #header #current-user
    {
        position: absolute;
        right: 0.85em;
        font-size: 1.1em;
    }
    
        #header #current-user a img
        {
            border: 0;
            padding-bottom: 2px;
        }
        
        #header #current-user .top-dropdown
        {
        	padding-right: 12px;
        	background-attachment: scroll;
        	background-color: transparent;
        	background-image: url(images/arrow-down-dark.png);
        	background-repeat: no-repeat;        	         	
        	background-position: 100% 40%;        	
        }
        
        #header #current-user a
        {
        	text-decoration: underline;
        }
        
    #header #quick-links 
    {
        background: #F9F9F9;
        border: 1px solid gray;
        position: absolute;
        right: 0.85em;
        top: 2.4em;
        z-index: 100;
        line-height: 20px;
    }
    
    	#header #quick-links th
        {
            font-size: 1.2em;
            padding-top: .5em;
            padding-left: 1.5em;
            text-align: left;
        }
        
        #header #quick-links td
        {
            padding: 0 2em;
            vertical-align: top;
        }
        
        
        
        #header #help-menu
        {
         	background: #F9F9F9;
        	border: 1px solid gray;
        	position: absolute;
        	right: 10em;
        	top: 2.4em;
        	z-index: 100;        
        }
        
	        #header #help-menu ul
	        {
	        	padding: 0 2em;	        	
	        }       
	        
	        #header ul 
	        {
	        	list-style-type: none;
	       	}
	        
	   #header li a
	   {
	   		padding-top: 0.5em;
	   		padding-bottom: 0.5em;    
	   }
    
#sub-header.admin
{
    background: #003366 url(images/glass-dark-blue.gif) repeat-x;
}
    
#sub-header
{
    background: #003366 url(images/glass-blue.gif) repeat-x;
    height: 23px;
    line-height: 22px;
    color: white;
}
    
    #global-nav
    {
        position: absolute;
        left: 0.2em;
        z-index: 10000;
    }   
/*        #global-nav li
        {
            display: inline;
        }
        
            #global-nav a
            {
                padding: 1px 4px;
                color: white;
                margin: 1px 1px;
            }
            
            #global-nav a:hover
            {
                text-decoration: none;
                border: 1px solid white;
                margin: 0;
            }
    */
    #search.chooser
    {
        right: 2.5em;
        color: white;
        margin-top: 3px;
    }

    #search
    {
        position: absolute;
        right: 0.85em;
    }
        
        #search input, #filter input
        {
            border: 1px #777 solid;
            font-size: 0.9em;
            padding: 1px;
            width: 130px; 
            margin-right: 15px;
        }

#middle
{
    height: 100%;
}

    /* Login-in area */
    #log-in-wrapper
    {
        width: 500px;
        margin: 50px auto;
        border: 1px solid gray;
    }
    
    #log-in
    {
        /* This is used to line the inside of the border with another, fainter color */
        border: 1px solid #e8e8e8;
        padding: 0; margin: 0;
        padding: .5em;
    }
    
        #log-in h1
        {
            border-bottom: 1px solid #e8e8e8;
            font-size: 1.8em;
            padding: .1em;
            color: #003366;
        }
        
        #log-in #logo-medium
        {
            background: url(images/logo-medium.gif) no-repeat 0;
            height: 70px;
            width: 370px;
            margin: 20px auto 0;
        }
        
        #log-in form
        {
            padding: 1em; 
            margin: 1em;
        }
            
            #log-in fieldset
            {
                border: 1px solid #003366;
                background: #FAFAFA;
                margin: 0 auto;
                display: block;
                position: relative; /* This is necessary for the IE legend issue */
            }
                
                #log-in legend
                {
                    color: #003366;
                    font-weight: bold;
                    background: #e8e8e8 url(images/admin-tree-fade.gif) repeat-x;
                    border: 1px solid #003366;
                    padding: 4px 6px;
                    margin: 0 0 5px 10px;
                    position: relative; /* This is necessary for the IE legend issue */
                }
                
                /* Fix the heading in IE */
                * html #log-in legend
                {
                    margin: 0 0 0 4px;
                    top: -1em;
                }
                
                #log-in p
                {
                    padding: .5em;
                    margin-top: .1em;
                }
                
                #log-in .field label
                {
                    width: 150px;
                    float: left;
                    text-align: right;
                    margin-right: 0.5em;
                    display: block;
                    padding-top: 3px;
                }
                
                * html #log-in .field input
                {
                    /* IE fix so that the password field is the same length as the other fields (needs a fixed-width font and not true type)*/
                    font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, Syntax, sans-serif; 
                }
                
                #log-in .no-label input, #log-in .submit input
                {
                    margin-left: 155px;
                }
                
                #log-in .submit input
                {
                    padding: 0 2em;
                }
        
    #show-hide, #show-hide-simple
    {
        background: url(images/hide.gif) no-repeat 0;
        /*position: absolute;     
        top: 75px;
        left: 0;        
        *left: auto;*/
        float: left;
        width: 10px;           
    }
        
        #show-hide a, #show-hide-simple a
        {
            display: block;
            width: 10px;
            height: 25px;
        }
    
    #side-bar.chooser
    {
        width: 200px;
        float: none;
        position: absolute;
        left: 20px;
        height: 282px;
        padding-bottom: 5px;
        padding-left: 2px;
        *z-index: 1;
    }
                
    #side-bar
    {
        width: 19%;
        height: 100%;
        float: left;
        overflow: auto;
        white-space: nowrap;
        border: 1px solid #999999;
        border-right: 2px ridge #e8e8e8;
    }
    
        #side-bar img.icon, #side-bar.chooser img.icon
        {
            border: 0;
            display: inline;
        }
        
        #side-bar img.icon-hide, #side-bar.chooser img.icon-hide
        {
            visibility: hidden;
            padding-right: 2px;
        }
        
        .admin-tree
        {
        
        }
            ul.admin-tree
            {
                border-top: 1px solid #999999;
            }
        
                .admin-tree li.highlight
                {
                    font-weight: bold;
                }
                
                .admin-tree li
                {
                    background: #e8e8e8 url(images/admin-tree-fade.gif) repeat-x;
                    border-bottom: 1px solid #999999;
                    height: 20px;
                    line-height: 20px;
                    list-style-type: none;
                    padding-left: 2px;
                }
                
                .admin-tree li a
                {
                    display: block;
                    padding-top: 0;
                    padding-bottom: 0;
                }
                
                * html .admin-tree li a
                {
                    width: 88%; /*Fix for IE */
                }
            
            #create
            {
                border: 1px solid #e8e8e8;
                padding: .3em 0;
                margin: 1em;
            }

                #create li
                {
                    list-style-type: none;
                    padding: 0;
                    margin: 0.3em 0;
                }
                
                #create li a
                {
                    display: block;                    
                    margin-left: .8em;
                    padding-top:0.5em;
                    padding-bottom:0;
                }
                
                * html #create li a
                {
                    height: 1%; /* IE 6 fix */
                }

        .tree
        {
            margin-bottom: 8px;
            padding-top: 5px;
            margin-right: 5px;
        }
            
            .tree ul
            {
                margin-left: 5px;
                padding-left: 10px;
            }
            
            .tree li
            {
                list-style-type: none;
                vertical-align: middle;
                margin: 5px 0;
            }
            
            .tree li.node
            {
                padding: 1px 0px 1px 18px;
            }
            
            .tree li.container-node
            {
                margin: 3px 0px;
            }
            
            .tree img.nav-icon
            {
                border: 0pt none;
                display: inline;
                vertical-align: middle;
            }
            
            .tree li a
            {
                color: black;
                padding-bottom: 3px;
                padding-top: 3px;
                /*padding-left: 2px;*/
            }
            
            .tree li a.node
            {
                padding-left: 2px;
            }
                    
            * html .tree li a.node
            {
                padding-left: 0;
            }
            
            .tree .highlight
            {
                color: white;
                background-color: #003366;
                padding: 2px;
            }
            
            .tree .highlight.dragging
            {
            	padding-left: 20px;
            }
    
            .tree .loading
            {
                background: url(icons/history.gif) no-repeat 0;
            }
            
    #main-wrapper.chooser, #main-wrapper.inline-edit
    {
        width: 100%;
        float: none;
        border: none;
    }
    
    #main-wrapper.inline-edit
    {
    	overflow: hidden;
    }
    
    #main-wrapper.inline-edit #main
    {
    	padding: 0;
    	border: none;
    }
    
    #main-wrapper.inline-edit #center-stage
    {
    	margin-bottom: 20px;
	}
    
    #main-wrapper.inline-edit #center-stage.inline-edit 
    {
    	margin-bottom: 0px; /* center-stage has inline edit only for the page region edit where we don't need that extra margin */
    }
    
    #main-wrapper.inline-edit #center-stage
    {
    	border: none;
    }

    #main-wrapper
    {
        width: 78%;
        height: 100%;       
        float: left;
        overflow: auto;
        background-color: #FAFAFA;
        position: relative;
        *position: static; /*makes IE stop emulating position: fixed*/           
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: #999999;
        *z-index: -2;
    }
        
        #message, #error, #warning
        {
            margin: .7em;
            padding: .2em .4em;
            color: white;
            /*height: 1%;  IE 6 fix */
        }
        
        #message
        {
            border: 1px solid black;
            background: green;
        }
        
        #error
        {
            border: 1px solid black;
            background: #C00;
        }
        	#error a
        	{
        		color: #FFF;
        		text-decoration: underline;
        	}
        	
        #warning
        {
        	border: 1px solid black;
        	color: black; 
        	background: #FFFF66;
        }
    
    #main
    {
        background-color: white;
        border: 1px solid #e8e8e8;
        padding: .8em;
    }
    
	    #main-wrapper.chooser #main
	    {
	    	border: none;
	    }

        #main h1
        {
            font-size: 1.3em;
            padding: 0 0 1px 5px;
            margin-bottom: 11px;
            border-bottom: 1px solid #e8e8e8; 
        }
        
        * html #main h1
        {
            height: 1%; /* IE 6 fix */
        }

        #help
        {
            float: right;
        }
            
            #help a
            {
                display: block;
                background: url(icons/help.png) no-repeat 0;
                padding-left: 20px;
                height: 15px;
                font-size: .8em;
                line-height: 15px;
            }

        #tabs
        {
        
        }
            
            #tabs ul
            {
                padding-left: 8px;
                list-style: none;
                height: 20px;
            }
        
            #tabs ul li
            {
                display: block;
                float: left;
                background: url(images/tab-left-off.gif) top left no-repeat;
                padding: 0 0 0 3px;
                margin: 0px 2px 0px 0px;
            }
        
            #tabs ul li a
            {
                display: block;
                float: left;
                font-weight: bold;
                color: #434343;
                white-space: nowrap;
                background: url(images/tab-right-off-wide.gif) top right;
                padding: 4px 9px 4px 6px;
            }
            
                #tabs ul li a img
                {
                    border: 0;
                }
            
            #tabs ul li.selected
            {
                background: url(images/tab-left-on.gif) top left no-repeat;
            }
        
            #tabs ul li.selected a
            {
                color: white;
                background: url(images/tab-right-on-wide.gif) top right;
                background-repeat: repeat-x;
            }
            
            #tabs #advanced-links-holder
            {
                position: relative;
                display: inline;
            }
            
            #tabs ul#advanced-links
            {
                position: absolute;
                top: 11px;
                left: 3px;
                height: auto;
                background: #F0F0F0;
                border: 1px solid gray;
                clear: both;
                padding: 0px;
                z-index: 100;
            }
            
                #tabs #advanced-links li
                {
                    background: none;
                    border-bottom: 1px solid gray;
                    float: none;
                    padding: 0px;
                    margin: 0px;
                }
                
                    #tabs #advanced-links li.selected
                    {
                        background: gray;
                    }
                
                    #tabs #advanced-links li a
                    {
                        background: none;
                        color: #434343;
                        float: none;
                    }
                                    
                    #tabs #advanced-links li.selected a
                    {
                        color: white;
                    }
        
        #panes
        {
            width: 100%;
        }
        
            #panes ul
            {
                float: left;
                list-style: none;
                background: url(images/tab-pane-background.gif);
                width: 100%;
            }
        
            #panes ul li
            {
                float: left;
                display: block;
                height: 23px;
                background: url(images/tab-pane-separator.gif) right no-repeat;     
            }
        
            #panes ul li a
            {
                float: left;
                color: white;
                white-space: nowrap;
                margin: 5px 0 0 0; 
                padding: 0 8px;
            }
        
            #panes ul li.selected
            {
                background: url(images/tab-pane-on.gif) repeat-x;   
            }

        #center-stage
        {
            border: 1px solid #003366;
            clear: left;
            padding: .8em;
        }
        
        * html #center-stage
        {
            height: 1%; /* This is for IE 6 to display the border */
        }
        
        #center-stage.chooser
        {
            height: 300px;
        }

		#center-stage.inline-edit
        {
        	border:none;
        	padding:0;
        }
            
	        #center-stage.inline-edit .chooser-wrapper
	        {
	        	display: inline-block;
	        	min-width: 495px;
	        }

			#center-stage.chooser .pane
            {
                height: 275px;
                /*overflow: auto;*/ /*This causes Safari problems*/
            }
            
            #center-stage .logo-medium
            {
                text-align: center; 
                margin: 2em 0;
                width: 100%;
            }
            	#stepback
            	{
            		padding: 5px;            		
            	}
            	
            	#stepback a
            	{
            		text-decoration: none;
            		border: none;
            	}
            
                /* Main content area under the tabs (not used in administrative area) */
                #panel-wrapper
                {                    
                    margin: auto;
                }
                    
                    #panel-wrapper .panel
                    {
                        float: left;
                        width: 29%;
                        border: 1px solid #e8e8e8;
                        margin: 1em;
                    }
                        
                    * html #panel-wrapper .panel
                    {
                        width: 27%;
                    }
                        
                        #panel-wrapper .panel h2
                        {
                            font-size: 1.2em;
                            background: #e8e8e8;
                            border-bottom: 1px solid gray;
                            margin: 0;
                            padding: .6em;
                        }
                        
                        * html #panel-wrapper .panel h2
                        {
                            width: 100%;
                        }
                        
                        #panel-wrapper .panel h3
                        {
                            font-size: 1.1em;
                            border-bottom: 1px solid #e8e8e8;
                            padding: 5px 0 2px 20px;
                            margin: 9px 2px 6px;
                        }
                        
                            #panel-wrapper .panel h3 a
                            {
                                display: block;
                            }

                        #panel-wrapper .panel h3#recycle-bin
                        {
                        	border-bottom: none;
                        }

                        	#panel-wrapper .panel h3#recycle-bin span
	                        {
	                        	float: right;
	                        }

                        #panel-wrapper .panel ul
                        {
                            list-style-type: none;
                        }
                        
                            #panel-wrapper .panel ul li
                            {
                                margin: 4px 0px 1px 20px;
                            }
                        
                                #panel-wrapper .panel ul li a
                                {
                                    padding: 3px 0px 3px 20px;
                                    line-height: 2em;
                                }

                                #panel-wrapper .panel ul li span a
                                {
                                    width: 90%;
                                }
                            
                            #panel-wrapper .panel ul li.starting-page
                            {
                                margin-bottom: 2.3em;
                            }
                        
                        #panel-wrapper p
                        {
                            text-align: right;
                            margin-bottom: .8em;
                        }
                            
                            #panel-wrapper p a
                            {
                                display: block;
                            }
            
            /* Internal File/Asset Chooser (essentially mini-version of right hand side) */
            #chooser-main
            {
                padding: .5em .9em .5em 213px; /* Account for the side bar */
                margin-left: 2px;
                height: 276px;
                border-top: 1px solid gray;
                border-right: 1px solid gray;
                border-bottom: 1px solid gray;
            }
                #center-stage #chooser-main h2
                {
                    margin-bottom: 1.5em;
                }
        
            #center-stage .extra-spacing
            {
                margin-top: 2em;
            }
            
            #center-stage .ldap-form
            {
            	font-size:11px;
            }
            
            #center-stage h2, #center-stage h3
            {
                font-size: 1.1em;
                padding: 0 0 .3em 1em;
                border-bottom: 1px solid #999999;
                padding: 0.5em;
                color: #30416E; /* Slightly purple to go with the pane background */
                margin-bottom: 1em;
            }
            
            #center-stage .ldap-form h3
            {
            	width: 62%;
            	margin-bottom: .5em;
            }
            
            #center-stage .ldap-form p.groups-subheading label
            {
            	font-size: 1.1em;
            	font-weight: bold;
            	margin: 1em 0 .5em 0;
            }
            
            #center-stage .ldap-form p.explanation
            {
            	padding: 0 0 .5em .75em;
            	font-style: italic;
            }

			#center-stage h3.date-range
            {
            	border: none;
            	margin-bottom: 0px;
            }
            
            #center-stage h4
            {
                font-size: 1em;
                padding: .5em 2em;
                margin: .5em
            }
            
            #center-stage h4.table-sub-title
            {
            	padding: .5em 0em;
            	margin: .5em;
            }
                            
            #center-stage .icon
            {
                line-height: 16px;  /* We need the icons to display fully */
                display: block;
            }

            #outputs, #outputs2, #outputs3, #outputs4
            {
                padding: 0 0 0 20px;
                margin: 0;
                height: 22px;
                overflow: visible; /* changed from "auto" because of Safari 2.0 bug with rendering download link: CSCD-1392 */
            }
            
            #outputs-url
            {
            	padding: 0 0 0 20px;
                margin: 0;
                height: 3em;
                overflow: visible; /* changed from "auto" because of Safari 2.0 bug with rendering download link: CSCD-1392 */
            }
                
                #outputs ul li.selected, #outputs4 ul li.selected
                {
                    font-weight: bold;
                }
                
                #outputs h5, #outputs2 h5, #outputs3 h5, #outputs4 h5, #outputs-url h5
                {
                    float: left;
                    font-size: .9em;
                }

                #outputs ul, #outputs2 ul, #outputs3 ul, #outputs4 ul, #outputs-url ul
                {
                    list-style-type: none;
                    padding-left: 8em;
                }
                
                    #outputs ul li, #outputs2 ul li, #outputs3 ul li, #outputs3 ul li a, #outputs4 ul li, #outputs-url ul li
                    {
                        display: inline;
                        vertical-align: top;
                    }
                    
                        #outputs ul li a.current, #outputs2 ul li a.current, #outputs3 ul li a.current, #outputs4 ul li a.current
                        {
                            font-weight: bold;
                        }           
        
                #content-render a, #content-render2 a, #content-render3 a
                {
                    display: none;
                }
                
                #content-render #page-render, #content-render2 #page-render2, #content-render3 #page-render3
                {
                    width: 100%;
                    height: 100%;           
                    border: 1px solid #CCC;
                }

                * html #content-render #page-render, * html #content-render2 #page-render2, * html #content-render3 #page-render3
                {
                    border: none;
                }

            #static-menu
            {
            
            }
            
                #static-menu ul
                {
                    list-style-type: square;
                    margin-bottom: .5em;
                }
                
                #static-menu ul li
                {
                    margin: 4px 3px 4px 30px;
                }
                
            #center-stage table
            {
                background-color: white;
                width: 100%;
                margin: 0 auto;
                border: 1px solid gray;
                clear: left;
            }

                #center-stage table caption.chooser
                {
                    display: block;
                }
                
                /* for example, a folder list would have a caption like "Folder List".  Evidently we do not want to display this information to the user */
                #center-stage table caption
                {
                    display: none;
                }
                
                #center-stage table #c1, #center-stage table #c2
                {
                    text-align: center;
                    width: 15px;
                }
    
                #center-stage table th
                {
                    padding: 4px 5px;
                    margin: 0;
                    border-left: 1px solid white;
                    border-top: 1px solid white;
                    border-right: 1px solid #999999;
                    border-bottom: 1px solid #999999;
                    background-color: #e8e8e8;
                    text-align: left;
                }
                
                #center-stage #render-metrics .slow
                {
                	color: red;
                	font-weight: bold;
                }
                
                #center-stage #render-metrics .medium
                {
                	color: orange;
                	font-weight: bold;
                }
                
                #center-stage #render-metrics .fast
                {
                	color: green;
                }                

                #center-stage # th 
                {
                	/*background-color: white;*/
                }			
    
                #center-stage th.sort
                {
                    background: #C1C1C1;
                }
                
                #center-stage th a
                {
                    display: block;
                    width: 95%; /* Fix for IE */
                }
                
                #center-stage table tr
                {
                }
                
                #center-stage table tr.even
                {
                    background: #F0F6FF;
                }
                
                #center-stage table tr.hover
                {
                    background: #DEEFFF;
                }
    
                #center-stage table td
                {
                    margin: 0;
                    padding: 0 5px;
                    line-height: 20px;
                }
                
                #center-stage table.test-migration-table td
                {
                    border-bottom: 1px solid gray;
                    border-top: 1px solid gray;
                }
                
                #center-stage table td.top
                {
                	vertical-align: top;
                }
                
                #center-stage table td ul
                {
                    list-style-type: square;
                    margin-bottom: .5em;
                }
                
                #center-stage table td ul li
                {
                    margin: 1px 3px 1px 40px;
                }
                
                #center-stage table tbody td a
                {
                    line-height: 20px;  /* We need the icons to display fully */
                    display: inline;
                    padding: .5em 0em .5em 2em
                }
                
                #center-stage table td.actions a
                {
                    display: block;
                    height: 20px;
                    width: 20px;
                    text-decoration: none;
                    float: left;
                    margin: 0;
                    padding: 0;
                }
                
                #center-stage table tfoot tr td
                {
                    background-color: #e8e8e8;
                    border: 1px solid #999999;
                    text-align: left;
                    line-height: 14px;
                }
            
                #center-stage table .previous-next
                {
                    float: right;
                    margin-top: 3px;
                    overflow: auto;
                }
                
                #center-stage table.publish
                {
                    margin-bottom: 1em;
                }
                
                #center-stage table.publish td.top
				{
					vertical-align:top;
				}
                
            /* used to display properties (in properties-display custom tag) */
            div.key-value
            {
                border: 1px solid #999999;
                margin-bottom: 1em;
                clear: left;
            }
            
                #center-stage div.key-value h2
                {
                    background-color: #e8e8e8;
                    margin-bottom: 0;
                }
                
                div.key-value ul
                {
                    border-top: 1px solid #30416E;              
                    list-style-type: none;
                    padding: .3em 0 0 0;
                }
                
                div.key-value ul li
                {
                    clear: left;
                    border-bottom: 1px solid #e8e8e8;
                    padding: 0;
                    margin: 0;
                }

                div.key-value ul label
                {
                    float: left;
                    width: 150px;
                    text-align: right;
                    border-right: 1px solid #e8e8e8;
                    font-weight: bold;
                    padding: 0.5em;
                    margin: 0 1px;
                }

				/* IE 7 hack */
                *:first-child+html div.key-value ul label
                {
                    padding: 12px 5px 0px;
                }
                
                /* IE 6 hack */
                * html div.key-value ul label
                {
                    padding: 11px 5px 0px;                  
                }
                
                div.key-value ul span
                {
                    position: static;
                    display: block;
                    padding: 5px 5px 5px 5px;                       
                    margin: 0 0 0 162px;
                    border-left: 1px solid #e8e8e8;
                }
	                div.key-value ul span span
	                {
	                	display:inline; 
	                	margin:0; 
	                	border: 0; 
	                	padding: 0;         	
	                }	
	                	div.key-value ul span span.disabled-true
	                	{
	                		color:#BCBCBC;
	                	}

	                	div.key-value ul span span.lock-message
						{
							margin-left: 2em;
							font-style: italic;
						}

                /* IE 7 hack */
                *:first-child+html div.key-value ul span
                {
                    padding: 0px 0px 0px 6px;
                    margin: 0 0 0 161px;
                }
                
                /* IE 6 hack */
                * html div.key-value ul span
                {
                    padding: 0 3px 0 4px;
                    margin: 0 0 0 161px;
                }
                
                div.key-value ul span.icon-display
                {
                    padding: 0px 5px 0px 20px;
                }
                
                

	               	div.key-value ul span span.inline-links
	               	{
	               	   margin:0;
	                   border: none;
	                   line-height: 2em;
	               	}

					div.key-value ul span span.inline-links a
	                {
	                   display: inline;
	                   padding-top: 9px;
	                   padding-bottom: 9px;
	               	}
	               	
	               	div.key-value ul span span.inline-links ul
	               	{
	               		border: none;
	               		list-style-type: disc;
	               		padding: 0.5em 0 0.5em 15px;
	               	}

					div.key-value ul span span.inline-links ul li
	               	{
	               		border: none;
	               		line-height: 2em;
	               	}
	               	

            /* Now for the center stage form fields */
                    
            #center-stage form
            {
            }
            
            /*Give IE more padding*/
            * html #center-stage form
            {
                padding-top: .1em;
            }
            
            * html #center-stage form.multiselect
            {
                padding-top: 0;
            }
            
                #item-remove, #item-add
                {
                    height: 20px;
                    /*position: relative;*/
                    position: static;
                    padding-top: 5px; /*This is needed for it to fully display on IE */                    
                }
                                
                
                #item-add 
                {
                	margin-bottom: 10px; 
                }
                /*
                #item-add
                {
                    bottom: 50px;
                    left: 18px;
                }
                
                #item-remove
                {
                    bottom: 30px;
                    left: -10px;
                }*/
                
                a#item-remove:hover, a#item-add:hover
                {
                    text-decoration: none;
                }

                #center-stage fieldset
                {
                    border: 1px solid gray;
                    background: #FAFAFA;
                    margin: 0 auto 1.0em;
                    padding: .5em 0 .7em;
                    display: block;
                    position: static; /* This is necessary for the IE legend issue */
                }
                
                * html #center-stage fieldset
                {
                    margin: 1em auto 2.0em;
                    padding: .7em 0 0 0;
                    width: auto;
                }
                
                    #center-stage p.right
                    {
                        text-align: right;
                    }
                    
                    #center-stage fieldset fieldset fieldset.first
                    {
                        border-top: 0px;
                    }

                    #center-stage fieldset fieldset fieldset fieldset
                    {
                        margin: .8em;
                        padding: .3em 0 .7em;
                        clear: left;
                    }
                    
                    #center-stage fieldset fieldset, #center-stage fieldset fieldset fieldset
                    {
                        margin: .8em;
                        padding: .3em 0 .7em;
                        clear: left;
                    }
                    
                    #center-stage fieldset fieldset legend
                    {
                        font-size: 1em;
                    }
                    
                    #center-stage fieldset.builder-action
                    {
                        margin-left: 7em;
                        font-size: .9em;
                        background: #EFF3FB;
                    }
                    
                    #center-stage fieldset.builder-trigger
                    {
                        margin-left: 12em;
                        background: #EFF3FB;
                    }
                    
                    #center-stage fieldset.data-definition
                    {
                        background: #EFF3FB;
                        padding-top: 2.3em;
                    }
                    
                    #center-stage fieldset.data-definition fieldset
                    {
                        background: #FAFAFA;
                    }

                        #center-stage fieldset span.multiple a, 
                        #center-stage .icon-float,
                        #center-stage a.selector
                        {
                            display: block;
                            float: left;
                            height: 18px;
                        }
                        
                        #center-stage .icon-display,
                        #center-stage .icon-display-right,
                        #center-stage .icon-display-left
                        {
                            display: block;
                            height: 18px;
                            padding-bottom: 0;
                            padding-top: 0;
                        }
                        
                        #center-stage .icon-display-right
                        {
                            float: right;
                        }
                        
                        #center-stage .icon-display-left
                        {
                            float: left;
                        }

                        #center-stage fieldset span.multiple span
                        {
                            padding-top: 2px;
                            float: left;
                        }
                        
                        	#center-stage fieldset span.multiple .chooser span
                        	{
                        		float: none;
                        	}

                        #center-stage fieldset span.multiple span.max
                        {
                            font-weight: normal;
                            font-size: .85em;
                        }

                        #center-stage fieldset p span.multiple-value, #center-stage fieldset div.dd-builder span.multiple-value
                        {
                            display: block;
                            float: none;
                            clear: left;
                            margin-left: 163px;
                        }
                        
                        #center-stage fieldset fieldset fieldset p span.multiple-value
                        {
                            margin-left: 146px;
                        }

                        #center-stage fieldset fieldset p span.multiple-value
                        {
                            margin-left: 154px;
                        }

                        #center-stage fieldset p span.inline a,
                        #center-stage fieldset fieldset p span.inline a
                        {
                            /*For WYSIWYG buttons in DD multiple=true*/
                            display: inline;
                            float: none;
                            line-height: 16px;
                            margin: 0;
                            padding: 0;
                        }
                        
                    #center-stage legend
                    {
                        color: #30416E;
                        background: #e8e8e8 url(images/admin-tree-fade.gif) repeat-x;
                        border: 1px solid gray;
                        padding: 4px 6px;
                        margin: 0 0 1px 10px;
                        position: static; /* This is necessary for the IE legend issue */
                        font-weight: bold;
                        font-size: 1.1em;
                    }
                    
                    /* Fix the heading in IE */
                    * html #center-stage legend
                    {
                        margin: 0 0 0 4px;
                        top: -1.0em;
                    }
                    
                    #center-stage fieldset h3
                    {
                        margin-left: 1em;
                        padding: 2em 0em .25em .25em;
                    }
                    
                    #center-stage.inline-edit fieldset h3
                    {
                    	margin:0;
                    	padding: 1em 0 .25em .25em;
                    	font-size: 1.4em;
                    }
                    
                    #center-stage #toggle-options
                    {
                        padding: 0;
                        margin-top: -27px;
                    }

                    #center-stage #toggle-options fieldset
                    {
                        border:none;
                        background:none;
                        padding:0;
                        margin-bottom: 0;
                    }
                        
                    #center-stage #toggle-options fieldset > p
                    {
                    	text-align: right;
                    	margin-top: 0;
                    	margin-bottom: 0;
                    }

					#center-stage #toggle-options a
                        {
                            line-height: 24px; /* This is necessary so that the box doesn't shift */
                        }
                        
                        #center-stage #toggle-options span, #center-stage #confirm span
                        {
                            margin-left: 2em;
                        }
                        
                        #center-stage #toggle-options label, #center-stage #confirm label 
                        {
                            float: none;
                            display: inline;
                        }
                        
                        #center-stage #toggle-options span.comments
                        {
                            float: none;
                            clear: left;
                            display: block;
                        }
                        
                            #center-stage #toggle-options span.comments label
                            {
                                clear: left;
                                padding: 10px 0 3px 75px;
                                display: block;
                            }
                            
                            #center-stage #toggle-options span.comments textarea
                            {
                                margin: 2px 0 0 143px;
                                display: block;
                            }

                    #center-stage p.error
                    {
                        margin: 4px /* Make it one less pixel than the default due to the border */
                    }
                    
                        #center-stage p.error input, #center-stage p.error textarea
                        {
                            border: 1px solid #8B0000;
                        }
                    
                    #center-stage span.error
                    {
                        margin: 4px /* Make it one less pixel than the default due to the border */
                    }
                    
                        #center-stage span.error input, #center-stage span.error textarea
                        {
                            border: 1px solid #8B0000;
                        }               
                    
                    #center-stage span.error
                    {
                        color: #8B0000;
                        display: block;
                        font-weight: bold;
                        clear: left;
                        padding-left: 166px;
                        margin-top: 2px;
                    }
                    
                    #center-stage fieldset.builder-action span.error, #center-stage fieldset.builder-step span.error
                    {
                        display: inline;
                        clear: none;
                        padding-left: 2px;
                    }
                    
                    #center-stage p.required, #center-stage div.required
                    {
                        font-weight: bold;
                    }
                    
                        #center-stage p.required label, #center-stage div.required label, #center-stage div.dd-builder.required label
                        {
                            background: url(icons/required.gif) no-repeat right;
                        }
                        
                    #center-stage span.required 
                    {
                        font-weight: bold;
						padding: 3px 13px 0 0;
                    }
                    
                        #center-stage span.required label
                        {
                            background: url(icons/required.gif) no-repeat right;
                        }
                    
                    #center-stage p
                    {
                        margin: 5px;
                        padding: 2px;
                        clear: left;
                    }           
                    * html #center-stage p 
                    {
                        margin-top: 0; /*Tighten up IE */
                    }
                        
                        
                        
                            #center-stage span.end
                            {
                                clear: left;
                                display: block;
                            }
    
                            #center-stage span.chooser a
                            {
                                height: 16px;
                                width: auto;
                                padding-top: 0;
                                padding-down: 6px;
                                padding-left: 0;
                                margin-bottom: 4px;
                                line-height: 20px;
                            }
                            
	                            #center-stage span.chooser a.chooser-textbox-display
	                            {
	                            	padding-left: 2em;
	                            }
                            
                            #center-stage span.chooser.block a
                            {
                            	display: block;
                            }

                        #center-stage p label.inline, #center-stage li label.inline, div.key-value ul label.inline, #center-stage div.dd-builder label.inline
                        {
                            float: none;
                            display: inline;
                            padding: 0;
                            font-weight: normal;
                            background: none;
                        }
                        
                        #center-stage p label, #center-stage div.dd-builder label
                        {
                            width: 150px;
                            float: left;
                            text-align: right;
                            margin-right: 0;
                            display: block;
                            padding: 3px 13px 0 0;
                        }
                        
	                        #center-stage p label.ldap-role-chooser
	                        {
	                        	text-align: left;
	                        	width:auto;
	                        	float: none;
								display: inline-block;
								padding-bottom: 5px;
	                        }

                        	#center-stage div.dd-builder td label
                        	{
                        		width: auto;
                        	}
                        	
                        	#center-stage.inline-edit fieldset
                        	{
								border-left: none;
								border-right: none;
								border-bottom: none;
                        	}
                        	
                        	#center-stage.inline-edit p label
                        	{
                        		display:table;
								width: auto;
                        		float: none;
                        		text-align: left;
                        		margin-bottom: 5px;
                        		font-size: 1.3em;
                        	}
                        	
                        	#center-stage.inline-edit fieldset p span.multiple-value, #center-stage.inline-edit fieldset fieldset p span.multiple-value, #center-stage.inline-edit fieldset fieldset fieldset p span.multiple-value
                        	{
                        		margin-left: 0;
                        	}
                        	
                        	#center-stage.inline-edit p label.inline
                        	{
                            	display: inline;
                        		margin-left: 0;
                        	}

                        #center-stage .insertlinkimagepopup p label
                        {
                        	width: 100px;
                        }
                        
                        #center-stage .insertlinkimagepopup p.no-label
                        {
                        	margin-left: 120px;
                        	padding: 0;
                        }

                        #center-stage p label.radio-label, #center-stage p label.checkbox-label 
                        {
                        	float: none;
                        	display: inline;
                        }
                        
                        * html #center-stage p label
                        {
                            margin-right: -0.2em;
                        }
                        
                        #center-stage fieldset fieldset fieldset p label
                        {
                            width: 132px; /* This is to compensate for the extra em */
                        }
                                    
                        #center-stage fieldset fieldset p label
                        {
                            width: 140px; /* This is to compensate for the extra em */
                        }

					#structured-data-block-display
					{
						height: 100%;
						overflow: auto;
					}
				
						#structured-data-block-display #center-stage p label
						{
							padding-top: 0;
						}

						#structured-data-block-display #center-stage div.wysiwyg
						{
							padding-left: 153px;
						}
						
						#structured-data-block-display #center-stage a, #structured-data-block-display #center-stage span
						{
							padding-top: 0.25em;
							padding-bottom: 0.25em;
						}

						#center-stage p.no-label
                        {
                            margin-left: 170px;
                            padding: 0;
                        }
                        
                        #center-stage p.no-label.no-margin
                        {
                        	margin:0;
                        }
                        
                        #center-stage p.submit
                        {
                            margin: 0 0 0 170px;
                            padding: 0;
                        }
                        
                        #center-stage div.submit-frame
                        {
                        	border: 1px solid #317082;
                        	padding-bottom:10px;
                        	margin-top: 5px;
                        	padding-top:10px;
							background-color: #ffffe0;
                        }

                        	#center-stage ul.indent
                        	{
	                            margin-left: 200px;
    	                        padding: 0;
    	                        list-style-type: none;
                        	}

                        #center-stage p.full-width
                        {
                            margin: 0;
                            padding: 0;
                        }
                        
                            #center-stage p.full-width a, #center-stage p span.inline a
                            {
                                display: inline;
                                line-height: 16px;
                                margin: 0;
                                padding: 0;
                            }

                        #center-stage p.submit input
                        {
                            margin: 0 10px 0 0;
                            padding: 0 3px;
                        }
                        
                        #center-stage p.submit input.ui-button
                        {
                        	padding: 4px 8px;
                        }

                    #center-stage select
                    {
                        font-size: 1em;
                    }

                        #center-stage select.medium
                        {
                            width: 175px;                            
                        }

                        #center-stage select.small
                        {
                            font-size: .9em;
                        }

                        #center-stage select option
                        {
                            margin: 0;
                            padding: 0 .3em;
                        }
                    
                    #center-stage textarea.large
                    {
                        width: 70%;
                        height: 200px;
                    }
                    
                    #center-stage textarea.wysiwyg
                    {
                        width: 95%;
                        /*Height is overwritten by TinyMCE*/
                        height: 300px;
                    }
                    
                    #center-stage textarea.xml
                    {
                        width: 100%;
                        margin: 0 auto;
                        height: 360px;
                    }
                    
                    #center-stage #contentPreview
                    {
                    	width: 100%;
                    	margin: 0 auto 15px auto;
                    	height: 180px;
                    }
                        
                    #center-stage textarea.summary
                    {
                        width: 396px;
                        height: 50px;
                    }
                                    
                    #center-stage textarea.textarea
                    {
                        width: 396px;
                        height: 100px;
                    }
                    
                    /*Don't set height and width as data definitions can use rows/cols */
                    #center-stage textarea
                    {
                        overflow: auto;
                        padding: 2px;
                    }
                        
                    #center-stage input
                    {
                        font-size: 1em;
                        padding: 2px;
                        margin-right: 2px;
                        font-weight: normal;
                    }
                    
                    * html #center-stage input
                    {
                        padding-right: 0;
                    }
                                        
                        #center-stage input.text
                        {
                            width: 396px;
                        }
                        #center-stage span.belowText
                        {
                        	display: block; 
                        	padding-left: 163px;
                        	width: 396px;
                        }
                        
                        #center-stage .keywords input.text
                        {
                            width: 376px;
                        }
                        
                        #center-stage input.text-small
                        {
                            width: 200px;
                        }
                        
                        #center-stage input.text-x-small
                        {
                            width: 70px;
                        }
                    
                    #center-stage #configSubPanes
                    {
                        margin-bottom: 1em;
                    }
                    
                    * html #center-stage #configSubPanes
                    {
                        margin-bottom: 2em;
                    }
        
#footer.admin
{
    background: #003366 url(images/glass-dark-blue.gif) repeat-x;
}
    
#footer
{
    background: #003366 url(images/glass-blue.gif) repeat-x;
    position: absolute;
    bottom: 0;
    height: 20px;
    color: white;
    line-height: 20px;
    width: 100%;
    border-top: 1px solid #13387F;
    font-size: 0.9em;
    z-index: 2;
    /* .home and .admin are defined above for the background image */
}

    #copyright
    {
        position: absolute;
        top: 0;
        left: 0.85em;
        width: 30%;
    }
    
    /* IE hack to correct for pixel spacing inconsistency */
    * html #utility-nav, * html #copyright
    {
        top: -1px;
    }
    
        #copyright a
        {
            color: white;
        }
    
    #organization
    {
        margin: 0 30%;
        text-align: center;
    }
    
    /* IE hack to correct for pixel spacing inconsistency */
    * html #organization
    {
        position: static;
        top: -1px;
    }
    
    /* bottom right corner navigation */
    #utility-nav
    {
        position: absolute;
        right: 0.85em;
        top: 0;
        width: 30%;
        text-align: right;
    }
    
    #utility-nav ul
    {
        float: right;
    }
    
    #utility-nav li
    {
        display: block;
        float: left;
        margin-left: 0.4em;
    }
    
    #utility-nav a
    {
        color: white;
    }
    
    #utility-nav a.rss
    {
        background: url(images/rss.gif) no-repeat 0 1px;
        width: 16px;
        height: 16px;
        position: relative;
        top: 1px;
        display: block;
    }
    
    /* IE hack to correct for pixel spacing inconsistency */
    * html #utility-nav a.rss
    {
        position: static;
        top: 2px;
    }

.movable {  
    cursor: s-resize;
}

.sub-elements
{
	margin-left: 20px;
}

.pageconfigurationdestination
{
	clear: left;
	padding-top: 0.5em;
}

#center-stage p.no-label span.error
{
	padding-left: 0;
}


/***************************************************************************************************
                                            ICONS
***************************************************************************************************/
.icon-context-drop-down-arrow
{
   	padding-right: 24px !important;
   	background-attachment: scroll;
   	background-color: transparent;
   	background-image: url(images/arrow-down-dark.png);
   	background-repeat: no-repeat;        	         	
   	background-position: 4px 42%;
   	visibility: hidden;
}


.icon-context-drop-down-arrow:hover
{
	text-decoration:none;
}

.icon-small-down-arrow
{
    background: url(images/small-arrow-down.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-small-up-arrow
{
    background: url(images/small-arrow-up.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-small-add
{
    background: url(icons/small-add.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-small-delete
{
    background: url(icons/small-delete.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-small-up
{
    background: url(icons/small-up.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-small-down
{
    background: url(icons/small-down.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-small-right
{
    background: url(icons/small-right.gif) no-repeat 0;
    padding-left: 13px;
}

.icon-access
{
    background: url(icons/access.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-subscribers
{
    background: url(icons/subscribers.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-audits
{
    background: url(icons/audits.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-versions
{
    background: url(icons/versions.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-folder
{
    background: url(icons/folder.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-page
{
    background: url(icons/page.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-stale
{
    background: url(icons/page_error.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-linkable
{
    background: url(icons/page.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-edit
{
    background: url(icons/edit.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-information
{
    background: url(icons/information.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-help
{
    background: url(icons/help.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
    
.icon-import
{
    background: url(icons/import.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
    
.icon-up
{
    background: url(icons/up.gif) no-repeat 0;
    padding-left: 18px;
}

.icon-up-end
{
    background: url(icons/up-end.gif) no-repeat 0;
    padding-left: 18px;
}

.icon-down
{
    background: url(icons/down.gif) no-repeat 0;
    padding-left: 18px;
}

.icon-down-end
{
    background: url(icons/down-end.gif) no-repeat 0;
    padding-left: 18px;
}

.icon-arrow-down
{
    background: url(icons/arrow-down.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-arrow-left
{
    background: url(icons/arrow-left.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-arrow-right
{
    background: url(icons/arrow-right.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-user
{
    background: url(icons/user.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-user_add
{
    background: url(icons/user_add.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-group
{
    background: url(icons/group.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.icon-group_add
{
    background: url(icons/group_add.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-role
{
    background: url(icons/role.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-role_add
{
    background: url(icons/role_add.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-delete
{
    background: url(icons/delete.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-pageconfiguration
{
    background: url(icons/pageconfiguration.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-pageconfigurationset
{
    background: url(icons/pageconfigurationset.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-container
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-structureddatadefinition
{
    background: url(icons/structureddatadefinition.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-metadataset
{
    background: url(icons/metadataset.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-publish
{
    background: url(icons/publish.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;	
}

.icon-publishset
{
    background: url(icons/publishset.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-assetfactorycontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-pageconfigurationsetcontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-site
{
    background: url(icons/site.gif) no-repeat 0;
    padding-left: 20px;	
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-structureddatadefinitioncontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-metadatasetcontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-publishsetcontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-transportcontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-workflowdefinitioncontainer
{
    background: url(icons/container.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-connectorcontainer
{
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-connector
{
	background: url(icons/connector2.gif) no-repeat 0;
	padding-left: 20px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-wordpressconnector
{
	background: url(icons/wordpressconnector.png) no-repeat 0;
	padding-left: 20px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-spectateconnector
{
	background: url(icons/spectate.png) no-repeat 0;
	padding-left: 20px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-twitterconnector
{
	background: url(icons/twitterconnector.png) no-repeat 0;
	padding-left: 20px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-facebookconnector
{
	background: url(icons/facebookconnector.jpg) no-repeat 0;
	padding-left: 20px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-contenttypecontainer
{
    background: url(icons/contenttypecontainer.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-contenttype
{
    background: url(icons/contenttype.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-history
{
    background: url(icons/history.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-symlink
{
    background: url(icons/symlink.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-reference
{
    background: url(icons/reference.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-message
{
    background: url(icons/message.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-messages
{
    background: url(icons/messages.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-send-email
{
	background: url(icons/email_go.png) no-repeat 0;
    padding: .5em 0 .5em 20px;
}

.icon-target
{
    background: url(icons/target.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    
}

.icon-transport
{
    background: url(icons/transport.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-transport_fs
{
    background: url(icons/transport_fs.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-transport_db
{
    background: url(icons/transport_db.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-transport_ftp
{
    background: url(icons/transport_ftp.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-workflowdefinition
{
    background: url(icons/workflowdefinition.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-workflow
{
    background: url(icons/workflowdefinition.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-assetfactory
{
    background: url(icons/assetfactory.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-cancel
{
    background: url(icons/cancel.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-calendar
{
    background: url(icons/calendar.gif) no-repeat center;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-file
{
    background: url(icons/file.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-add
{
    background: url(icons/add.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-check
{
    background: url(icons/check.gif) no-repeat center;
    padding-left: 20px;
    width: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block_FEED
{
    background: url(icons/block_feed.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block_INDEX
{
    background: url(icons/block_index.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block_TEXT
{
    background: url(icons/block_text.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block_STRUCTUREDDATA
{
    background: url(icons/block_structureddata.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block_XML
{
    background: url(icons/block_xml.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block
{
    background: url(icons/block.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-block_TWITTER_FEED
{
	background: url(icons/block_twitter_feed.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-copy
{
    background: url(icons/copy.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-database
{
    background: url(icons/database.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-destination
{
    background: url(icons/destination.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-draft
{
    background: url(icons/draft.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-sitedestinationcontainer
{
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;	
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-keywords
{
    background: url(icons/keywords.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-lock
{
    background: url(icons/lock.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-log
{
    background: url(icons/log.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-metadata
{
    background: url(icons/metadata.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-move
{
    background: url(icons/move.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-relationships
{
    background: url(icons/relationships.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-search
{
    background: url(icons/search.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-format
{
    background: url(icons/format.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-format_XSLT
{
    background: url(icons/format_xslt.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-format_SCRIPT
{
    background: url(icons/format_script.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}		

.icon-summary
{
    background: url(icons/summary.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-starting-page
{
    background: url(icons/starting-page.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-template
{
    background: url(icons/template.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-spell-check
{
    background: url(icons/spell-check.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-home
{
    background: url(icons/home.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-administration
{
    background: url(icons/administration.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-view
{
    background: url(icons/view.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-report
{
    background: url(icons/report.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-googleanalyticsconnector
{
	background: url(icons/report.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-yes
{
    background: url(icons/yes.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-no
{
    background: url(icons/no.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-recycle
{
    background: url(icons/recycle.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-restore
{
	background: url(icons/restore.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-exclamation
{
	background:url(icons/exclamation.png) no-repeat 0;
	padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-browse
{
    background: url(icons/browse.png) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/***************************************************************************************************
                                        BEGIN ALSETT CLEAR
***************************************************************************************************/
.clear:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin-bottom: -10px;
}

* html .clear
{
    height: 1%;
}

.clear
{
    display: block;
}
/***************************************************************************************************
                                        END ALSETT CLEAR
***************************************************************************************************/

/***************************************************************************************************
                                            Access Rights (accessform.jsp)
***************************************************************************************************/

/* This ensures the divs we are using
   (which are block elements) do not
   disrupt the page flow because of their
   implicit line breaks */
#center-stage div.multi-and-label
{	
    /*display: inline;*/
    float: left;    
}

/* This wraps the entire group of divs containing
   the labels, multiselects, and arrows and gives
   them some padding and makes sure it doesn't wrap
   on 1024x768 */
#center-stage div.avail-read-write
{
    white-space: nowrap;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

* html #center-stage div.avail-read-write
{
    padding-top: 0px; /* IE already renders it with padding */
}
/* just about every multi-select box needs to be floated left */
#available-users, #read-users, #write-users, #available-groups, #read-groups, 
#write-groups, #availableKeywords, #assignedKeywords, #availableGroups, #selectedGroups,
#availableUsers, #selectedUsers, #availableRoles, #selectedRoles, .availableUsers, .availableGroups, 
#availableSendReportToUsers, #selectedSendReportToUsers, #availableSendReportToGroups, #selectedSendReportToGroups 
{
	float: left;
}
.multiselect-arrows-box
{
	float:left;
	margin-top: 33px; 
	margin-left: 21px; 
	margin-right: 13px;
}


/***************************************************************************************************
                                            Hacks
***************************************************************************************************/

/* For displaying a warning to the user */
#center-stage div.warning, #wrapper div.warning
{
    color: #C11B17;
    min-height: 38px;
    /* IE6 min height hack */
    height: auto !important;
    height: 38px;
    /* end IE6 min height hack */
    background: url(icons/warning.gif) no-repeat 0;
    padding-left: 30px;
    margin-bottom: 10px;
}

#center-stage fieldset div.warning, #wrapper div.warning
{
    margin: 0px 13px 0px 10px;
}

#center-stage fieldset table
{
    margin: 0px 0px 0px 10px;
    width: 98%;
}

#center-stage fieldset p.prompt
{
    margin-left: 60px;
}

#center-stage div#sec-suggestions
{
    border: 1px solid black;
    position:absolute;
    left: 188px;
    z-index: 100;
    background: white;
    width: 123px;
    display: none;
}

#center-stage div#sec-suggestions ul
{
    list-style-type: none;
}

#center-stage div#sec-suggestions li
{
    height: 18px;
}

#center-stage div#sec-suggestions li a
{
    height: 18px;
}

#center-stage div#sec-suggestions li#selected
{
    background: #bbb;
}

/* Folder gallery styles */
#center-stage table#folder-gallery div.gallery-item
{
    text-align: center;
} 

/* Type ahead search styles */
#typeAheadSearchResults
{
    position:absolute; 
    z-index: 2000; 
    right: 15px; 
    top: 20px; 
    color: #000;      
    display: none;
    background-color: #fff;
}

#typeAheadSearchResultsDiv
{
    border: 1px solid #000;
    padding: 1px 30px 1px 10px;
    margin:0;
    white-space:nowrap;
}

#typeAheadSearchResultsDiv h1
{
    font-weight: bold;
    font-size: 1.4em;
    color: gray;
    margin: 0;
    padding: 0;
    text-align: center; 
}

#typeAheadSearchResultsDiv h2
{
    color: #000;
    font-weight: bold;
    font-size: 1.2em;   
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

#typeAheadSearchResultsDiv h3
{
    color: #000;
    font-weight: bold;
    font-size: 1em;   
    margin:0;
    padding:0;
}

#typeAheadSearchResultsDiv a
{
    line-height: 1em;
    display: block;
}

#typeAheadSearchResultsDiv h3 a
{
	display: inline;
}

#typeAheadSearchResultsDiv ol
{
    padding: 0.5em; 
}

#typeAheadSearchResultsDiv p
{
    padding-bottom: 0.5em; 
}

#dd-builder
{
	padding:5px;
	margin: 5px;
}

	#dd-builder .draggable-sdd-builder-tool
	{
		float: left;
		padding:2px 4px;
		border: 1px solid #fafafa;
	}
	
	#dd-builder #sdd-builder-toolbar
	{
		padding:0 5px;
		margin-left: 8px;
		background-color: #fafafa;
		z-index:2;
	}

	#dd-builder .sdd-builder-content
	{
		margin-top: 42px;
	}
		
		#dd-builder .sdd-builder-content fieldset
		{
			padding-top:0;
			padding-bottom:0;
		}
		
		#dd-builder .sdd-builder-content .pseudoWysiwyg
		{
			border:1px solid #808080;
			width:460px;
			float:left;
		}
		
		#dd-builder .sdd-builder-content .group-context-menu
		{
			position:absolute;
			margin-top:15px;
			margin-left:10px;
			border: 1px dotted #999;
			border: 1px dotted #999;
			background-color: #fff;
			padding:1px 3px;
			font-weight: bold;
			z-index: 2;
		}
		
		#dd-builder .sdd-builder-content .context-menu
		{
			position:absolute;
			margin-top:20px;
			margin-left:10px;
			border: 1px dotted #999;
			border: 1px dotted #999;
			background-color: #fff;
			padding:1px 3px;
			font-weight: bold;
			z-index: 2;
		}
		
			#dd-builder .sdd-builder-content .context-menu a.add-remove-item
			{
				padding:0 14px 0 0;
			}
		
		#dd-builder .sdd-builder-content span.context-toolbar
		{
			position:absolute;
			margin-left:10px;
			border-left: 1px dotted #999;
			border-top: 1px dotted #999;
			border-right: 1px dotted #999;
			background-color: #fff;
			padding:1px 3px;
			white-space:nowrap;
		}

		#dd-builder fieldset span.dd-builder-chooser a
		{
			height: 1em;
		}


#verifyConnector, #verifyConnector a, #unverifyConnector, #unverifyConnector a, #verifyConnectorMessage, #verifyConnectorMessage a
{
	padding:0; 
	margin:0; 
	border:0; 
	display:inline;
}

#unverifyConnector
{
	padding-right: 5px;
}
#verifyConnectorMessage
{
	font-weight: bold;
}

.information-bar 
{
	background: #FFFF66 url(icons/information.gif) no-repeat scroll 5px 50%;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-top: 5px;
	margin-bottom: 8px;
}

	.information-bar em {
		text-decoration: none;
		font-style: italic;
	}
	
	
/* Recycle Bin reassignment screen classes */
.reassignToAllLabel, .reassignLabel
{
	min-height: 20px;
	min-width: 200px;
	float:left; 
	padding-right: 15px;
}

.reassignToAllLabel span, .reassignLabel span
{
	padding-top:3px;
	padding-bottom:3px;
}

span.reassignDivider
{
	border-bottom: 1px solid; 
	margin: 0px 0px 0px 170px; 
	padding: 0px; 
	display: block; 
	height: 0px; 
	clear: left; 
	width: 249px;
}

.restoreMultipleItem
{	 
	display: block;
	padding-top: 5px;
	padding-bottom:5px; 
	float: left; 
	min-width: 200px; 
	height: 20px; 
	padding-bottom: 0px;
}
.restoreMultipleItem:hover
{
	background: #DEEFFF;
}

.reassignToAllLabel
{
	font-weight:bold; 
}

.showMoreInvalidAssets
{
	margin-left: 170px;
}
.hiddenInvalidField
{
	display:none;
}

.restoreSingleAssetMessage
{
	width:100%;
}
.restoreMultipleAssetsMessage
{
	margin-left: -159px; 
	float:left; 
	width:100%; 
	padding-bottom:10px;
}

#center-stage span.rb-reassignments span.error
{	
	padding-left: 0px;
	margin: 0px;
}

.configSetErrorMsg
{
	color:#C11B17; 
	font-weight:normal;
}

.configSetRemoveLink
{
	float:right; 
	line-height:20px; 
	padding-right: 5px;
}

.icon-fix-cut
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.context-drop-down
{
	border: 1px solid #003366;
	background-color: #fff;
	position: fixed;
	z-index: 10000001;
}

	.context-drop-down ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

		.context-drop-down ul li
		{
			padding: 0;
			margin: 0;
		}
		
			.context-drop-down ul li a
			{
				background-position:5px 50%;
				display:block;
				padding:0.35em 0.5em 0.35em 25px;
			}
			
			.context-drop-down ul li a:hover
			{
				color: #fff;
				background-color: #003366;
				text-decoration: none;
			}

/* Deleted, recycled etc. */
.unavailable
{
	text-decoration: line-through;
}

/* Added the div.key-value part to overwrite padding properties that are set by "div.key-value span span" */
.icon-recycle-right, div.key-value span span.icon-recycle-right
{
    background: url(icons/recycle.png) no-repeat right;
    padding-right: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.hide-overridden
{
	display:none;
}

.show-overridden
{
	color: #BCBCBC;
	padding-bottom:6px;
	padding-top:5px;
	height:16px;
}

/* IMPROVEMENT: Get rid of this, too */
#center-stage p label.forfield
{
	width:auto; 
	float:none;
	text-align:left;
	display:inline;
}

/* Rendering metrics styling */	
#metrics-area
{
	width: 100%;
	position: absolute;
	margin-right: 16px;
	right: 0;
	z-index: 50;
}

#metrics-button
{
	float: right;
	display: block;
	cursor: pointer;
	height: 18px;
	padding-top: 2px;
	text-align: center;
	width: 100px;
   	border: 1px solid #999;
   	border-bottom: none;
   	color: #FFF; 
   	position: absolute;
   	right: 0;
   	/* use the negative value here to get it on the same row as the outputs */
   	margin-top: -20px;
}

#metrics-button:hover
{
	text-decoration: underline;
}

.metrics-button
{
	background: #566a8c;
}

#render-metrics
{
	position: absolute;
	right: 0;
	width: 450px;
	background: #FFF;
	border: 1px solid #999;
	display:none;
	border-top: none;
}

#render-metrics h2
{
	margin-bottom: 0;
	background-color: #DFDFDF;
	cursor: pointer;
}

#render-metrics h2:hover
{
	text-decoration: underline;
}


#render-metrics .total-time
{
	background: #566a8c;
	color: white; 
	font-size: 1.4em; 
	font-weight: normal;
	cursor: default;	
}

#render-metrics .total-time:hover
{
	text-decoration: none;
}

#render-metrics h3
{
	font-size: 1em;
	margin-bottom: 0;
	padding-left: 16px;
	padding-right: 16px;
	cursor: pointer;
	font-weight: normal;
	border-bottom: none;
}

#render-metrics h3:hover
{
	background-color:#EFEFEF;
}

#render-metrics .region-title-collapsed
{
	background: url(icons/plus.png) no-repeat 0;
}

#render-metrics .region-title-expanded
{
	background: url(icons/minus.png) no-repeat 0 #EFEFEF;
}

#render-metrics .metrics-region
{
	display: none;
}

#render-metrics .metrics-region span.link-with-context
{
	text-align: left;
	width: 225px;
	display:inline-block;
}

#render-metrics div.no-metrics
{
	padding: 5px;
	border-top: 1px solid #999;	
}

/** Google Analytics styles */
#center-stage .interval-chooser
{
	float: right;
}

#center-stage .favorable
{
	color: green;
	font-weight: bold;
	padding-left:0;
	margin-left:0;
}

#center-stage .unfavorable
{
	color: red;
	font-weight: bold;
	padding-left:0;
	margin-left:0;
}

#center-stage .analytics-link
{
	text-align: center;
	font-size: 9.8pt; 
	padding-top: 15px
}

table.top-assets img
{
	display: inline;
	vertical-align: middle;
}

#center-stage table tbody td a.url
{
	padding-left: 0;
}

#center-stage table.top-assets tbody td.individual-cell
{
	padding-left: 16px;
}

#center-stage table.top-assets thead th.first-column
{
	width: 16px;
}

#workflowMessage
{
	font-style: italic;
}

#scheduled-details p {
	width: 100%;
}

* #workflowMessage, * #scheduled-details
{
	display: inline-block; /* IE fix for horizontal lines when font style is italic */
}

#center-stage table.top-assets tbody td a.moreAssetsRow
{
	display: block;
	padding: 0;	      
}

#center-stage table.top-assets tbody td a.moreAssetsRow span.show-arrow, 
#center-stage table.top-assets tbody tr.individualStats td a span.show-arrow
{
	padding-right: 12px;
	background-image: url(icons/small-down.gif);
	background-repeat: no-repeat;        	         	
	background-position: 100% 40%;  
}

.statsPlusMinusIcon
{
	cursor: pointer;
}

/** Img Editor Styles */
#imgEditorArea
{
	margin-left: 10px;
}

#imgEditorArea-tools, #imgEditorArea-tools
{
	float: left;
	width: 100%;
}
#preview
{
	margin-top: 5px;
}
.imgEditor-button
{
	float:left;
	background-color: #E8E8E8;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid gray;
	color: #30416E;
	font-size: 1.1 em;
	width: 32px;
	height: 32px;
	display: block;
	margin-right: 0.5em;
}
.imgEditor-button-enabled
{
	cursor: pointer;
}
.imgEditor-button-enabled:hover
{
	background-color: #FBFBFB;
}

.imgEditor-button-disabled
{
	cursor: default;
}
.imgEditor-button-disabled:hover
{
	background-color: #E8E8E8;
}

.imgEditor-separator
{	
	display: block;
	float: left;	
	margin-right: .5em;
	width: 1px;
	height: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: gray;
}

.imgEditor-rotate-clockwise
{
	background-image: url(icons/image-editor/rotate-left.png); 	
}

.imgEditor-rotate-counterclockwise
{
	background-image: url(icons/image-editor/rotate-right.png); 
}

.imgEditor-flip-horizontal
{
	background-image: url(icons/image-editor/flip-horizontal-arrow.png); 
}

.imgEditor-flip-vertical
{
	background-image: url(icons/image-editor/flip-vertical-arrow.png); 
}

.imgEditor-resize-bigger
{
	background-image: url(icons/image-editor/resize-bigger.png); 
}

.imgEditor-resize-bigger-disabled
{
	background-image: url(icons/image-editor/resize-bigger-disabled.png);
}
.imgEditor-resize-smaller
{
	background-image: url(icons/image-editor/resize-smaller.png); 
}
.imgEditor-resize-disabled
{
	background-image: url(icons/image-editor/resize-bigger-disabled.png); 
}

.imgEditor-crop
{
	background-image: url(icons/image-editor/image-crop.png); 
}

.imgEditor-crop-disabled
{
	background-image: url(icons/image-editor/image-crop-disabled.png);
}

.imgEditor-input
{
	float:left;	
	height: 32px;
	text-align: center;
	margin-right: .5em; 	
}

.imgEditor-aspectRatio
{
	float:left;	
	padding-right: .5em;
	padding-top: 13px;
	cursor: pointer;
}

.insertlinkpopup-aspectRatio
{
	cursor: pointer;
	vertical-align: middle;
}

.imgEditor-undo
{
	background-image: url(icons/image-editor/undo.png); 
}

.imgEditor-undo-disabled
{
	background-image: url(icons/image-editor/undo-disabled.png); 
}

.imgEditor-redo
{
	background-image: url(icons/image-editor/redo.png); 
}

.imgEditor-redo-disabled
{
	background-image: url(icons/image-editor/redo-disabled.png);
}

img#preview, .imgareaselect-outer
{
	cursor: crosshair;
}

.help-button
{
  cursor: help;
  background: url(icons/help_faded.png) no-repeat right;
  padding-right: 18px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.help-button-no-icon
{
  cursor: help;
}

.help-button:hover
{
	background: url(icons/help.png) no-repeat right;
}

.ajax-loading
{
	display: block;
	height: 20px;
	background: url(icons/loading.gif) no-repeat center transparent;
}

.ajax-loading-inline
{
	display: none;
	padding-right: 20px;
	background: url(icons/loading.gif) no-repeat center transparent;
}

.warning-strikethrough {
	text-decoration: line-through;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

/**
Override the asset chooser's right padding to something smaller when you want to make it inline text.
**/
.inline-asset-chooser .icon-context-drop-down-arrow {
padding-right: 10px;
}


/**
File upload styling
**/
#uploadProgress
{
	border: 1px solid #003366;
	width: 100%;
	display: none;
	margin-top: 10px;
}

#uploadProgressLabel
{
	width: 100%; 
	text-align: center; 
	height: 2em; 
	line-height: 2em;
}

#uploadProgressBar
{
	background-color: #003366; 
	height: 2em; 
	margin-top: -2em; 
	width: 0%;
}

#uploadErrorMessage
{
	font-weight: bold;
	display: block;
}

.dropZone
{
	 display: block;
	 vertical-align: middle;
	 border: 2px dashed #999;
	 line-height: 2em;
	 text-align: center;
	 color: #999;
	 font-size: 1.3em;
	 margin: 10px 0;
	 padding: 0.75em;
	 max-width: 100%;
}

fieldset .dropZone
{
	margin-left: 170px;
	max-width: 378px;
}

.dropZone:hover
{
	border-color: #000;
}

#fileUpload
{
	width: 100px;
	color: transparent;
}

#fileUploadIELabel
{
	display: none;
}

.dropZoneIE #fileUpload
{
	width: auto;
}

.dropZoneIE #fileUploadIELabel
{
	display: inline-block;
	width: 167px;
	text-align: right;
	margin-top: 4px;
	margin-bottom: 4px;
}

.dropZoneIE #fileUploadDropzoneLabel
{
	display: none;
}


/**
JQuery UI overrides
**/
.ui-resizable-e 
{ 
	cursor: e-resize; 
	width: 5px; 
	right: 0;	 
	top: 0; 
}

.ui-resizable-handle
{
	z-index: auto;
}

/** 
EditArea IE fix
**/
html* .toggle_bytesAsString, html* .toggle_xml, , html* .toggle_formatContent
{
	float: left;
	margin-left: 180px;
}

html* #EditAreaArroundInfos_bytesAsString label, html* #EditAreaArroundInfos_xml label, html* #EditAreaArroundInfos_formatContent label
{
	margin-left: -180px;
}

/**
Autocomplete css
**/
.ui-menu .ui-menu-item a.autocomplete-icon-link
{
	padding-left: 20px;
	padding-right: 10px;
}

.ui-menu .ui-menu-item .autocomplete-source
{
	text-align: right;
	color: gray;
}

.ui-menu .ui-menu-item span.hidden-data
{
	display: none;
}

#main .ui-menu .ui-menu-item table
{
	border: none;
	background-color:transparent;
}

.ui-widget
{
	font-size: 1em;
}

.chooser-autocomplete
{
	width: 450px;
	position: absolute;
	margin-left: -5px;
	background-color: white; /* This removes the text field outline in Firefox which was disappearing and appearing as chooser-ajax-loading class was added and removed */
	border: 1px solid gray; 
}

.chooser-ajax-loading
{
	background: white url(icons/loading.gif) no-repeat right;
}

#filter
{
	padding-bottom: 0.5em;
}

.ui-autocomplete 
{
	max-height: 160px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.ui-autocomplete.site-autocomplete
{
	max-height: none;
}

.chooser a:hover
{
	text-decoration:none;
}

.chooser a.chooser-textbox-display span:hover
{
	text-decoration:underline
}

#verification
{
	 padding-left: 20px;
	 padding-top: 10px;
	 font-weight: normal;
}

#verification ol li
{
	padding: 5px 0px;		
	border: none;
}

#verification ol li a
{
	font-weight: bold;
}

#accessToken
{
	width: 250px;
	padding-right: 10px;	
}

#tokenSubmit
{
	margin-left: 10px;
	padding: 0px 5px;
}

.context-nav-menu-item ul li
{
	margin-left: 3px;
}

li.yuimenuitem-seperator{
	border-top:dotted 1px grey;
}

.form-field-not-displayed
{
	display: none;
}

/**
 Styles for page configuration set editing with advanced options
 **/
#center-stage .advanced-region-assignments
{
	border: 1px solid gray;
}

#center-stage .advanced-region-assignments .datatable
{
	border: none; 
	table-layout:fixed;
}

#center-stage a.expanding-region
{
	display: inline;
}

#center-stage .inline-indicator
{
	font-style: italic;
}

#center-stage .advanced-region-options 
{
	display: none;
}

#center-stage div.advanced-region-options fieldset
{
	border: none; 
	margin: 0px;
}

#tool-description
{
	padding: 5px;
}

	#tool-description p
	{
		margin: 5px 15px;
	}
	
	#tool-description ul
	{
		padding-left: 40px;
	}
	
#tool-options
{
	margin: 0px 55px; 
	padding-bottom: 5px;
}

#center-stage #tool-options #advanced-options p
{
	margin-left: 20px;
}

/* Site switch autocomplete */
#siteselection
{
	position:fixed;
	left: 140px;
	top: 6px;
}

#siteselection.chooser
{
	left:auto;
	top: 4px;
	right: 120px;
}

#siteselect
{
	width: 170px;
}

#siteselection .loading
{
	margin-bottom: 1px;
	margin-left: -40px;
	visibility: hidden;
	vertical-align:bottom;
}
	
#siteselection .ui-combobox 
{
	position: relative;
	display: inline-block;
}

#siteselection .ui-button 
{
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0;
	border: none;
	/* adjust styles for IE 6/7 */
	*height: 1.6em;
	*top: 0.1em;
	*margin-left: -24px;
}

#siteselection .ui-autocomplete-input 
{
	padding: 2px 25px 2px 3px;
}

.ui-autocomplete 
{
	z-index: 10001 !important;
}

.group-selector-with-labels div, .group-selector-with-labels span, .group-selector-with-labels #availableGroups, .group-selector-with-labels #selectedGroups
{
	float: none;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline
}

.group-selector-with-labels span
{
	vertical-align:top;
	margin-top: 55px;
}

.asset-factory-plugin-description
{
	font-size: 1.1em;
	font-style: italic;
}

/*format editing*/
.previewOptionLabel
{
	display: inline-block;
	width:125px;
	margin:0;
	padding-right: 15px;
	text-align:right;
}

#editorPane iframe[style], #previewFloat iframe[style]
{
	width: 100% !important;
}

#editorOptions
{
	padding-top: 10px;
}

	#editorOptions h2 
	{
		border:none; 
		margin-bottom: .25em;
	}
	
	#editorOptions #previewLoading
	{
		padding-left: 5px;
	}

#contentContainer
{
	padding-top: 15px;
}

	#contentContainer #editorPane
	{
		width:100%; 
		padding-top: 15px;
	}

		#contentContainer #editorPane #transformButton
		{
			margin-top: -23px;
			margin-right: 10px; 
			height: 18px; 
			background:#566A8C; 
			width: 100px; 
			text-align: center; 
			color: white; 
			cursor: pointer; 
			padding-top: 5px;
			float: right;
		}

	#contentContainer #previewFloat
	{
		width:100%; 
		padding: 0px 0px 10px 0px;
	}

#save-draft-warning
{
	display: none;
	vertical-align: middle;
}

#center-stage #draft-message, #center-stage #go-to-draft-message
{
	background-color: #acf;
	border: 1px solid #46f;
	color: white;
	margin: 1px 0 6px;
	padding: 3px;
}

#draft-submit-inline fieldset
{
	border: none;
}

#draft-submit-inline p
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.side-note
{
	font-style: italic;
}

/* asset link styling */
.asset-link-path {
	color: #999;
}

.asset-link-path.is-path-only {
	color: inherit;
}

/***************************************************************************************************
*                                        User group selector                                       *
***************************************************************************************************/

.user-group-select {
	display: inline-block;
	padding: .5em 0 .5em 25px;
}

.user-group-select.dropdown-group {
	background: url('icons/group.gif') no-repeat 0;
}

.user-group-select.dropdown-user {
	background: url('icons/user.gif') no-repeat 0;
}

#inline-editable-fields
{
	overflow: auto; 
	padding-right: 10px;
	position: relative;
}

#scrollable-contents
{
	overflow: auto;
	position: relative;

	/* This centers the scrollbar */
	margin-right:-5px;
	padding-right:5px;
	min-height: 190px;
}

.inline-group-content
{
	padding-left: 12px;
}

.disabled
{
	color: rgb(170, 170, 170);
	font-style: italic;
}

#in-context-fields .in-context-field-display
{
	padding-bottom: 10px;
	border: none;
}

	#in-context-fields .in-context-field-display ul
	{
		border: none;
	}
	
	#in-context-fields .in-context-field-display li
	{
		padding: 2px 0;
		border: none;
		margin-left: 15px;
	}

/** This is an override for JQuery UI's .ui-front class, ensures that chooser pop-ups show up above everything */
.ui-front
{
	z-index: 400000;
}

.draft-buttons
{
	text-align: center; 
	margin-top: -19px;
}

.draft-buttons button
{
	margin: 0 10px 0 0;
}