/*
 *  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;
}

#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;		
	}
	
	#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;
    }   
/*        #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
        {
            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;
        *z-index: -1;
    }
    
        #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;
        }
            
            .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 .loading
            {
                background: url(icons/history.gif) no-repeat 0;
            }
            
    #main-wrapper.chooser
    {
        width: 100%;
        float: 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
        {
            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;
        	}
    
    #main
    {
        background-color: white;
        border: 1px solid #e8e8e8;
        padding: .8em;
    }

        #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.gif) 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.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
                                {
                                    display: block;
                                    width: 97%;
                                    padding: 3px 0px 3px 20px;
                                }

                                #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 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 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: 18px;
                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, #outputs4 ul li, #outputs-url ul li
                    {
                        display: inline;
                    }
                    
                        #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 object, #content-render2 object, #content-render3 object
                {
                    width: 100%;
                    height: 100%;           
                    border: 1px solid #CCC;
                }

                * html #content-render object, * html #content-render2 object, * html #content-render3 object
                {
                    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 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;
                }
                
            /* 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;
	                	}
                
                /* 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 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: 1em 1.5em;
                    }
                    
                    #center-stage #toggle-options
                    {
                        padding: 0;
                        margin: 1em 0 0 0;
                    }
                                        
                    #center-stage #toggle-options fieldset
                    {
                        padding-bottom: 0;
                        margin-bottom: 1em;
                    }
                        
                        #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
                        {
                            background: url(icons/required.gif) no-repeat right;
                        }
                        
                    #center-stage span.required 
                    {
                        font-weight: bold;
                    }
                    
                        #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;
                                display: block;
                                width: auto;
                                float: left;
                                padding-bottom: 6px;
                                margin-bottom: 4px;
                                line-height: 20px;
                            }

                        #center-stage p label.inline
                        {
                            float: none;
                            display: inline;
                        }
                        
                        #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;
                        }
                        
                        * 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, #center-stage p.submit
                        {
                            margin-left: 170px;
                            padding: 0;
                        }
                        
                        #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 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: 90%;
                        margin: 0 auto;
                        height: 225px;
                    }
                        
                    #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;
    /* .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;
}

/***************************************************************************************************
                                            ICONS
***************************************************************************************************/
.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-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-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.gif) 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.gif) 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.gif) 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-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-twitterconnector
{
	background: url(icons/twitterconnector.png) 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-publish
{
    background: url(icons/publish.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.gif) 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-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.gif) no-repeat 0;
    padding-left: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.icon-workflow
{
    background: url(icons/workflowdefinition.gif) 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-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.gif) 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-versions
{
    background: url(icons/versions.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.gif) 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-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.gif) 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;
}


/***************************************************************************************************
                                        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
***************************************************************************************************/


/***************************************************************************************************
                                            Calendar
***************************************************************************************************/

#calendar-div
{
    position:absolute;
    width:205px;
    border:1px solid #317082;
    padding:1px;
    background-color: #FFF;
    font-family:arial;
    font-size:10px;
    padding-bottom:20px;
    visibility:hidden;
}

#calendar-div span,
#calendar-div img
{
    float:left;
}

#calendar-div td
{
    padding:3px;
    margin:0px;
    font-size:10px;
    text-align:right;
    cursor:pointer;
}

#calendar-div .select-box,
#calendar-div .select-box-over
{   
    line-height:12px;
    padding:1px;
    cursor:pointer;
    padding-left:2px;
}
    
    #calendar-div .select-box
    {
        border:1px solid #E2EBED;       
        color: #E2EBED;
        position:relative;
    }
    
    #calendar-div .select-box-over
    {
        border:1px solid #FFF;
        background-color: #317082;
        color: #FFF;
        position:relative;
    }

#calendar-div .top-bar
{
    height:16px;
    padding:2px;
    background-color: #317082;
}

    #calendar-div .top-bar img
    {
        cursor:pointer;
    }
    
    #calendar-div .top-bar div
    {
        float:left;
        margin-right:1px;
    }

#calendar-div .day-cell:hover
{
    /* provide the user with some feedback */
    font-weight: bold;
    color: #317082;
}

#calendar-div .active-day
{
    /* Active day in the calendar */
    color:#FF0000;
}

#calendar-div .todays-date
{
    height:17px;
    line-height:17px;
    padding:2px;
    background-color: #E2EBED;
    text-align:center;
    position:absolute;
    bottom:0px;
    width:201px;
}

#calendar-div .month-year-picker
{
    background-color: #E2EBED;
    border:1px solid #AAAAAA;
    position:absolute;
    color: #317082;
    left:0px;
    top:15px;
    /*zIndex:1000;*/
    display:none;
}

#calendar-div #month-select
{
    width:70px;
}

#calendar-div .month-year-picker div
{
    float:none;
    clear:both; 
    padding:1px;
    margin:1px; 
    cursor:pointer;
}

#calendar-div .month-year-active
{
    background-color:#317082;
    color: #E2EBED;
}



/***************************************************************************************************
                                            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
{
	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: 20px;
    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 .wysiwyg
		{
			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;
		}
		
		#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;
		}
		
			#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;
		}


#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;
}

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

.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;
	float:left;	
	padding-bottom:6px;
	padding-top:5px;
	height:16px;
}

#center-stage p label.forfield
{
	width:auto; 
	float:none;
	text-align:left;
	display:inline;
}