/*--------------------------------------------------*/
/*       Interior styles for CMS MarkkusWelvi		*/
/*--------------------------------------------------*/

/*

	1 - Header
	2 - Interior content
	3 - Main menu horizontal
	4 - Sub menu
	5 - Users section
	6 - Left menu area
	7 - Prototype styles
	8 - Roles section
	9 - CMS Object types section and templates
	10 - Edit Page
    11 - Search box and search results
    12 - Tables

*/

/* 1- Header */

	#container #interior-header {
		background-color:#ccc;
		height:5em;
		margin-bottom:0;
		overflow:hidden;
		padding-bottom:1em;
		width:100%;
	}
	
		#container #interior-header #logo {
			padding: .5em 0 0 1em;
		}
		
			#container #interior-header #logo h1 a {
				float: left;
				color: #339933;
				margin-top: .4em;
				text-decoration: none;
			}
			
				#container #interior-header #logo h1 span {
					color: #666;
				}
		
			#container #interior-header #logo p.right {
				margin-right: 1em;
				font-size: 1.4em;
				float: right;
				color: #333;
				margin-top:0;
				padding-top:0;	
				margin-bottom: 0;			
			}
			
				#container #interior-header #logo p.right span {
					font-style: italic;
					font-weight: bold;
				}
				
			#container #interior-header #logo p.logout {
				margin-right: 1em;
				font-size: 1.4em;
				float: right;
				clear: right;
				padding: 0;
				margin-top: .6em;
				padding-top:0;
			}
				
				#container #interior-header #logo p.logout a {
					color: #333;
				}
					
					#container #interior-header #logo p.logout a:hover {
						color: #333;
						text-decoration: none;
					}

/* 2 - Interior content */

	#interior {
		padding: 0.5em 1em;
		width: 98.9%;
		
		overflow: hidden;
	}
	
	#interior a.add {
        float: left;
        margin-top: 1em;
		padding-left: 2.1em;
		padding-bottom: 1em;
		text-decoration: none;
		background: url('/static/images/add.png') no-repeat 0 0;
	}

    #interior a.new {
        float: left;
        margin-top: 1em;
		padding-left: 2.1em;
		padding-bottom: 1em;
        margin-left: 1em;
		text-decoration: none;
		background: url('/static/images/edit.png') no-repeat 0 0;
	}
	
	#interior a.sort {
        float: left;
		margin-top: 1em;
        margin-bottom: 1em;
        padding-left: 2.1em;
		padding-bottom: .2em;
        margin-left: 2em;
		text-decoration: none;
		background: url('/static/images/sort.png') no-repeat 0 0;
	}
	
	#iframe-container {
		width: 100%;
		display: block;
		overflow: hidden;
		height: 1000px;
	}
	
		#preview_frame {
			display:block;
			height:100%;
			overflow:auto;
			width:100%;
		}
		
		#interior form.language-picker {
            font-size: 1.2em;
			float: right;
			text-align: right;
			width: 60em;
			clear: right;
		}

            #interior form.language-picker input {
                width: auto;
            }
		
		#interior p.msg-ok, p.msg-ok {
			width: 100%;
			text-align: center;
			color: #32ba32;
		}
		
		#interior p.msg-ko, p.msg-ko {
			width: 100%;
            padding: .6em 0;
			text-align: center;
			color: #DB2020;
            background-color: #ffeded;
		}
		
		#interior #paginator {
			width: 100%;
			text-align: center;
			overflow: hidden;
			margin: 1em 0 !important;
			padding: 0;
			border-top: 0;
		}
		
			#interior #paginator li {
				list-style-type: none;
				display: inline;
				color: #666;
				margin: 0 .5em 0 .5em !important;
				font-weight: normal;
				font-size: .9em;
				padding: 0 !important;
			}
			
				#interior #paginator li.nomore {
					color: #ddd;
				}
		        
				#interior #paginator li a {
					color: #666;
				}
					
					#interior #paginator li a:hover {
						color: #666;
						text-decoration: none;
					}
					
	#container #interior input.date {
		background: #fff url(/static/images/calendar/calendar.png) no-repeat scroll 97% .25em;
		cursor:pointer;
        width: 8.3em !important;
	}

    #container #interior input.time {
        background: #fff url(/static/images/calendar/clock.png) no-repeat scroll 97% .25em;
		cursor:pointer;
        width: 7em !important;
        clear: none;
        margin-left: 1em;
    }
					
	#cms-content {
		width: 83%;
		overflow: hidden;
		float: right;
	}
	
		#cms-content #node-legend {
			padding: 2em;
            background-color: #eee;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			float:right;
			margin-right:0;
			margin-top:1.5em;
			overflow:hidden;
			width:34em;
			margin-bottom: 1.5em;
		}
		
			#cms-content #node-legend span {
				display: block;				
				float: left;
				clear: left;
                font-size: 1.2em;
				margin: .2em 0;
			}
			
				#cms-content #node-legend span img {
					vertical-align: middle;
					margin-right: .2em;
				}
	
		#cms-content #tree-content-list {
			width: 100%;
			padding: 0;
			margin: 0;
			overflow: hidden;
			float: left;
		}
	
		ul.draglist_alt { 
		    position: relative;
		    padding-bottom:20px;
		}
		
		ul.draglist_alt li {
		    margin: 1px;
		    cursor: move; 
		}
		
		ul.cmsobjtype-fields-order {
			width: 30em;
		}
		
			ul.cmsobjtype-fields-order li span {
				margin-right: 1em;
				font-weight: bold;
				color: #000;
			}
		
			#cms-content #tree-content-list .tree-list {
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding: 0;
				position: relative;
				list-style: none;
			}
			
				#cms-content #tree-content-list div.column-field-names {
					font-size: 1.4em;
					font-weight: bold;
					color: #fff;
					background-color: #333;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
					padding: .3em 0;
					width: 100%;
					overflow: hidden;
					display: block;
				}
				
					#cms-content #tree-content-list div.column-field-names span.node-id {
						margin-left: .9em;
                        float: left;
					}
					
					#cms-content #tree-content-list div.column-field-names span.node-name {
                        display:block;
                        float:left;
                        margin-left:2.7em;
                        width:36%;
					}
					
					#cms-content #tree-content-list div.column-field-names span.node-properties {
						width: 13%;
                        float: left;
					}
							
				#cms-content #tree-content-list .tree-list li,
				#container .tree-list li {
					width: 100%;
					overflow: hidden;
					margin: .2em 0;
					font-size: 1.4em;
					padding: .3em 0;
					cursor: move;		
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
				}

                    #interior #logs ul li div a.file-link {
                        float: left;
                    }
				
					#cms-content #tree-content-list .tree-list li span.node_id {
						float:left;
						margin-right:0.4em;
						text-align:right;
						width:1.7em;
					}
					
					#cms-content #tree-content-list .tree-list li.mainNode {
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
						background-color:#CCCCCC;
						margin-bottom:0.4em;
						margin-left:0em;
						padding-left:0;
					}
					
					#cms-content #tree-content-list .tree-list li.mainNode span {
						font-weight: normal;
					}
					
					#cms-content #tree-content-list .tree-list li.mainNode span.mainNode-name {
						width: 16%;
						margin-left: 0.7em;
					}
					
					#cms-content #tree-content-list .tree-list li.mainNode span.node-name {
						width: 16%;
						padding: 0;
						margin-top: .3em;
					}
					
					#cms-content #tree-content-list .tree-list li strong {
						font-size: 1.2em;
					}
				
					#cms-content #tree-content-list .tree-list li.odd,
                    #interior #cms-object-types ul li.odd,
                    #interior #cms-templates ul li.odd {
						background-color: #eee;
					}
				
				#cms-content #tree-content-list .tree-list li img {
					float: left;
				}
				
				#cms-content #tree-content-list .tree-list li img.page-icon {
					margin-top: .3em;
                    width: 26px;
				}
				
				
				#cms-content #tree-content-list .tree-list li span {
					padding: .5em 0;
					float: left;
					display: block;
				}
					
					#cms-content #tree-content-list .tree-list li span label {
						font-size: .8em;
						margin-left: .5em;
						padding-top: .2em;
					}
				
					#cms-content #tree-content-list .tree-list li span label,
					#cms-content #tree-content-list .tree-list li span input {
						float: left;
					}
				
				#cms-content #tree-content-list .tree-list li span.node-name {
					margin-left: .7em;
					width: 16%;
				}
				
				#cms-content #tree-content-list .tree-list li span.node-properties {
					padding: 0;
					margin-top: .3em;
					width: 13%;
				}
				
				#cms-content #tree-content-list .tree-list li span.node-translated-name {
					width: 20%;
				}
				
	#cms-content .menu-options-node {
		width: 15em;
		overflow: hidden;
	}
	
		#cms-content .mainNode .menu-options-node li {
			font-weight: normal !important;
		}
		
		#cms-content .menu-options-node li {
			font-size: 1em !important;
			margin-left: .8em !important;
		}
		
			#cms-content .menu-options-node li a {
				color: #666;
			}

/* 3 - Main menu horizontal */

	#main-menu {
		width: 100%;
		overflow: hidden;
        margin-bottom: 1em;
	}
	
		#main-menu ul {
			background-color:#fff;
			margin:0;
			overflow:hidden;
			padding:0;
			width:100%;
		}
		
			#main-menu ul li {
				font-size: 1.6em;
				display: block;
				float:left;
				margin: 0 .2em 0 0;
				padding: 0;
                background-color: #eee;
                -webkit-border-bottom-right-radius: 10px;
                -webkit-border-bottom-left-radius: 10px;
                -moz-border-radius-bottomright: 10px;
                -moz-border-radius-bottomleft: 10px;
                border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px;
			}
			
				#main-menu ul li.selected {
					background-color: #ccc;
					font-weight: bold;
				}
				
					#main-menu ul li.selected a {
						color: #333;
					}
			
				#main-menu ul li a {
					color: #333;
					text-decoration: none;
					display: block;
					float: left;
					height: 100%;
					padding: .6em .8em;
				}

					#main-menu ul li a:hover {
						text-decoration: none;
					}

/* 4 - Sub menu */

	#sub-menu {
		width: 100%;
		overflow: hidden;
		background-color:#eee;
		padding:0;	
	}
	
		#sub-menu ul,
		ul.submenu-page {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 1em 0;
		}
		
		ul.submenu-page {
			margin-bottom: 1em;
		}
		
			#sub-menu ul li#cmsobjtype-container-menu {
				color: #333;
				cursor: pointer;
			}
		
			#sub-menu ul li,
			ul.submenu-page li {
				font-size: 1.4em;
				display: block;
                float: left;
				margin-left: .8em;
                padding: 0;
			}
			
			ul.submenu-page li {
                height: 21px;
				margin-left: 0;
				margin-right: .8em;
				padding-right: .8em;
				border-right: 1px solid #333;
			}

                ul.submenu-page li a {
                    padding: 0 0 3px 0;
                }
			
				#sub-menu ul li a,
				ul.submenu-page li a,
				#interior a.edit {
					color: #333;
					text-decoration: none;
				}

                #sub-menu ul li a {
                    padding: .2em 0 .2em 2em;
                }

                #sub-menu ul li {
                    padding: 0;
                    display: block;
                    float: left;
/*                    height: 19px;*/
                    margin-right: .8em;
                }
				
				#sub-menu ul li a.site-tree {
					background: url('/static/images/home.png') no-repeat 0 0;					
				}				
				
				#sub-menu ul li.cms-obj-types a {
					background: url('/static/images/cms_obj_types.png') no-repeat 0 0;
				}
				
				#sub-menu ul li a.templates {
					background: url('/static/images/templates.png') no-repeat 0 0;
				}

                #sub-menu ul li a.export-to-html {
					background: url('/static/images/html.png') no-repeat 0 0;
				}

                #sub-menu ul li a.shop {
					background: url('/static/images/cart.png') no-repeat 0 0;
				}

                #sub-menu ul li a.contacts {
					background: url('/static/images/user.png') no-repeat 0 0;
                    padding-left: 2.3em;
				}
				
				ul.submenu-page li.last {
					border: none;
				}
				
				ul.submenu-page li a,
				#interior a.edit {
					padding-left: 1.7em;
				}

                #interior a.edit {
                    padding-left: 2em;
                }
				
				ul.submenu-page li.delete a{
					color: red;
				}
				
				ul.submenu-page li a.edit,
				#interior a.edit {
					background: url('/static/images/edit.png') no-repeat 0 0;
				}

                #interior a.orders {
					background: url('/static/images/box.png') no-repeat 0 0;
				}

                #interior a.entries {
					background: url('/static/images/basket.png') no-repeat 0 0;
				}

                #interior a.print {
					background: url('/static/images/printer.png') no-repeat 0 0;
                    padding-left: 1.8em;
				}

                #interior p a.edit {
                    padding-top: 0;
                    display: block;
                }
								
				ul.submenu-page li a.delete-page {
					background: url('/static/images/delete.png') no-repeat 0 0;
				}
				
				ul.submenu-page li a.upload {
					background: url('/static/images/upload.png') no-repeat 0 0;
				}

                ul.submenu-page li a.view-published {
					background: url('/static/images/view_published.png') no-repeat 0 0;
				}

					#sub-menu ul li a:hover,
					ul.submenu-page li a:hover {
						text-decoration: none;
					}

/* 5 - Users section */
	
	#interior #users {
		width: 100%;
		overflow: hidden;
	}
		
		#interior #users h3 {
			margin-top: 1em !important;
			margin-bottom: 1em !important;
		}
	
		#interior #users ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#interior #users ul li {
				width: 100%;
				margin: 0;
				padding: .6em 0;
				clear: left;
				overflow: hidden;  
                font-size: 1.4em;
			}
			
				#interior #users ul li div a {
					color: #333;
				}

			
			#interior #users ul li .column-name {
				width: 20%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #users ul li .short-column-name {
				width: 11%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #users ul li .id-column {
				width: 5%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #users ul li .column-value {
				width: 20%;
				float: left;
			}
			
			#interior #users ul li .short-column-value {
				width: 11%;
				float: left;
			}
			
			#interior #users ul li .id-value {
				width: 5%;
				float: left;
			}
			
			#interior #users ul li .options {
				width: 18%;
				float: right;
				text-align: right;
			}
			
				#interior #users ul li .options a {
					color: #666;
					padding: 0 .4em;
				}
				
					#interior #users ul li .options a:hover {
						text-decoration: none;
					}

/* 6 - Left menu area */

	#container #menu-area {
		width: 15%;
		margin: 0;
		overflow: hidden;
		padding: 1em;
/*        border-right: 1px solid #ccc;*/
		float: left;
        background-color: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	}
	
/* 7 - Prototype styles */

	#contenidor_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		-moz-opacity:0.90;
	}
	
	#message {
		text-align: center;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	
		#message p.text {
			color: #333;
			position: absolute;
			top: 30%;
			left: 43%;
			display: block;
			width: 20em;
			height: auto;
			padding: 1em;
			margin: 0;
			border: 1px solid #ccc;
			font-size: 1.2em;
			background-color: #eee;	
		}
		
			#message p.text a {
				font-size: 1.1em;
				font-weight: bold;
				color: #376EE4;
				text-decoration: none;
			}
				
				#message p.text a:hover {
					text-decoration: underline;
				}
		
		#message p.text #yes-delete {
			margin-top: 10px;
			display: block;
			width: 100px;
			float: left;
			color: #333;
		}
		
		#message p.text #no-delete {
			margin-top: 10px;
			display: block;
			width: 100px;
			float: right;
		}
		
		#message #message-ul {
			color: #333;
			position: absolute;
			top: 30%;
			left: 43%;
			display: block;
			width: 10em;
			overflow: hidden;
			padding: 0 0 1em 1em;;
			margin: 0;
			border: 1px solid #ccc;
			font-size: 1.2em;
			text-align: left;
			background-color: #eee;
		}
		
			#message #message-ul li {
				width: 100%;
				margin: .3em 0;
				padding: 0;
				clear: both;
			}
			
				#message #message-ul li.close {
					float: right;
					width: auto;
					margin: 0;
					padding: 0;
				}
				
					#message #message-ul li.close a {
						margin: 0;
						padding: .1em .5em;
						display: block;
						color: #333;
						text-decoration: none;
						border: 0px solid #ccc;
					}
					
/* 8 - Logs section */
	
	#interior #logs {
		width: 100%;
		overflow: hidden;
	}
	
		#interior #logs ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#interior #logs ul li div a {
				color: #333;
			}
			
			#interior #logs ul li {
				width: 100%;
				margin: 0;
				padding: .6em 0;
				clear: left;
				overflow: hidden;
                font-size: 1.4em;
			}

                #interior #logs ul li.title-row {
                    background-color: #ccc !important;
                }
			
			#interior #logs ul li .column-name {
				width: 15%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #logs ul li .short-column-name {
				width: 12%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #logs ul li .large-column-name {
				width: 35%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #logs ul li .id-column {
				width: 5%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #logs ul li .column-value {
				width: 15%;
				float: left;
			}
			
			#interior #logs ul li .short-column-value {
				width: 12%;
				float: left;
			}

            #interior #logs ul li .short-column-value span.mime-type,
            #interior #logs ul li .short-column-value span.file-size {
                font-weight: normal;
                font-size: .9em;
                float: left;
                clear: left;
                color: #666;
                margin: .2em 0 0 0;
            }
			
			#interior #logs ul li .large-column-value {
				width: 35%;
				float: left;
			}
			
			#interior #logs ul li .id-value {
				width: 5%;
				float: left;
			}
			
			#interior #logs ul li .options {
				width: 18%;
				float: right;
				text-align: right;
			}
			
				#interior #logs ul li .options a {
					color: #666;
					padding: .4em;
				}
				
					#interior #logs ul li .options a:hover {
						text-decoration: none;
					}
					
/* 8 - Roles section */
	
	#interior #roles {
		width: 100%;
		overflow: hidden;
	}
	
		#interior #roles ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#interior #roles ul li div a {
				color: #333;
			}
			
			#interior #roles ul li {
				width: 100%;
				margin: 0;
				padding: .6em 0;
				clear: left;
				overflow: hidden;
			}

            #interior #roles ul li {
                font-size: 1.4em;
            }
			
			#interior #roles ul li .column-name {
				width: 15%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #roles ul li .short-column-name {
				width: 7%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #roles ul li .large-column-name {
				width: 35%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #roles ul li .id-column {
				width: 5%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #roles ul li .column-value {
				width: 15%;
				float: left;
			}
			
			#interior #roles ul li .short-column-value {
				width: 7%;
				float: left;
			}
			
			#interior #roles ul li .large-column-value {
				width: 35%;
				float: left;
			}
			
			#interior #roles ul li .id-value {
				width: 5%;
				float: left;
			}
			
			#interior #roles ul li .options {
				width: 18%;
				float: right;
				text-align: right;
			}
			
				#interior #roles ul li .options a {
					color: #666;
					padding: .4em;
				}
				
					#interior #roles ul li .options a:hover {
						text-decoration: none;
					}
					
/* 9 - CMS Object types section and templates */
	
	#interior #cms-object-types,
	#interior #cms-templates {
		width: 100%;
		overflow: hidden;
	}
	
		#interior #cms-object-types ul,
		#interior #cms-templates ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#interior #cms-object-types ul li,
			#interior #cms-templates ul li {
                font-size: 1.4em;
				width: 100%;
				margin: 0;
				padding: .6em 0;
				clear: left;
				overflow: hidden;
			}
			
				#interior #cms-object-types ul li div a,
				#interior #cms-templates ul li div a {
					color: #333;
				}
			
			#interior #cms-object-types ul li .column-name,
			#interior #cms-templates ul li .column-name {
				width: 18%;
				float: left;
				font-weight: bold;
				color: #333;
			}

            #interior .search-results ul li .column-value p {
                font-size: 14px;
            }
			
			#interior #cms-object-types ul li .short-column-name,
			#interior #cms-templates ul li .short-column-name {
				width: 11%;
				float: left;
				font-weight: bold;
				color: #333;
			}

            #interior #cms-object-types ul li.title-row,
            #interior #cms-templates ul li.title-row {
                background-color: #ccc;
            }
			
			#interior #cms-object-types ul li .id-column,
			#interior #cms-templates ul li .id-column {
				width: 5%;
				float: left;
				font-weight: bold;
				color: #333;
			}
			
			#interior #cms-object-types ul li .column-value,
			#interior #cms-templates ul li .column-value {
				width: 18%;
				float: left;
			}
			
			#interior #cms-object-types ul li .short-column-value,
			#interior #cms-templates ul li .short-column-value {
				width: 11%;
				float: left;
			}
			
			#interior #cms-object-types ul li .id-value,
			#interior #cms-templates ul li .id-value {
				width: 5%;
				float: left;
			}
			
			#interior #cms-object-types ul li .options,
			#interior #cms-templates ul li .options {
				width: 18%;
				float: right;
				text-align: right;
			}
			
				#interior #cms-object-types ul li .options a,
				#interior #cms-templates ul li .options a {
					color: #666;
					padding: 0 .4em;
				}
				
					#interior #cms-object-types ul li .options a:hover,
					#interior #cms-templates ul li .options a:hover {
						text-decoration: none;
					}
            
        #interior #cms-object-types ul.related-fields-tab-menu {
            
        }

            #interior #cms-object-types ul.related-fields-tab-menu li {
                width: 10em;
                float: left;
                clear: none;
                text-align: center;
                border-top: none;
                border-right: none;
                -moz-border-radius-topleft: 7px;
                -moz-border-radius-topright: 7px;
                
            }
                
                #interior #cms-object-types ul.related-fields-tab-menu li.first {
                    background-color: #eee !important;
                }

                #interior #cms-object-types ul.related-fields-tab-menu li.selected {
                    background-color: #ccc;
                }

                #interior #cms-object-types ul.related-fields-tab-menu li a {
                    text-decoration: none;
                }

                    #interior #cms-object-types ul.related-fields-tab-menu li a:hover {
                        text-decoration: underline;
                    }
					
/* 10 - Edit Page */
	
	#interior #edit_page h3 {
		margin: .5em 0;
	}
	
		#interior #edit_page form {
			width: 100%;
			padding: 0;
			margin: 0;
			overflow: hidden;
		}
		
			#interior #edit_page form .fields-node-block {
				width: 33%;
                max-width: 70em;
				float: left;
			}
			
			#interiro #edit_page .page_options {
				width: 100%;
				overflow: hidden;
			}
			
				#interior #edit_page .page_options p {
					float:left;
					margin-right:1em;
					padding:0;
                    font-size: 1.3em;
				}
				
					#interior #edit_page .page_options p a {
						color: #333;
						text-decoration: none;
						padding-bottom: .3em;
					}
					
						#interior #edit_page .page_options p a.preview {
							background: url('/static/images/preview.png') no-repeat 0 1.2em;
							padding: 1.5em 0 .2em 2em;
						}
						
						#interior #edit_page .page_options p a.publish-link {
							background: url('/static/images/publish.png') no-repeat 0 1.2em;
							padding: 1.5em 0 .2em 2.3em;					
						}

                        #interior #edit_page .page_options p a.published {
                            background: url('/static/images/accept.png') no-repeat 0 1.2em;
                            padding: 1.5em 0 .2em 2.3em;					
                        }
						
/* 11 - Search box and search results */

    #search-box {
        width: 100%;
        overflow: hidden;
        margin: 1em 0 1em 0;
    }

        #search-box a.advanced-search {
            float: left;
            margin-top: .6em;
            padding: 0 0 .1em 2em;
            line-height: 1.5em;
            background: url('/static/images/find.png') no-repeat 0 0;
        }

        #search-box form {
            float: left;
            width: 45em;
            margin-left: 1em;
            overflow: hidden;
        }

            #search-box form div.field {
                float: left;
                width: 36em;
                margin: 0;
            }

            #search-box form div.field #search_text {
                width: 95%;
                padding: .5em;
                border: 2px solid #555;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                font-size: 1.4em;
                color: #666;
                font-family: 'Varela Round', Verdana, Tahoma, Arial, sans-serif; 
            }

            #search-box form label {
                width: 2em;
                margin: 0;
                float: left;
            }

            #search-box form div.search-button {
                float: left;
                margin: 0;
            }

                #search-box form div.search-button input {
                    font-size: 1.4em;
                    padding: .4em;
                    cursor: pointer;
                    margin-left: 1em;
                    background-color: #555;
                    border: 3px solid #555;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    color: #fff;
                    font-family: 'Varela Round', Verdana, Tahoma, Arial, sans-serif; 
                }

    #interior #cms-object-types.search-results ul li div.options {
        width: 10%;
    }

/* 12 - Tables */

    #interior #shop-content table {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse:collapse;
    }

        #interior #shop-content table th {
            text-align: left;
            font-weight: normal;
            color: #333;
            background-color: #ccc;
        }

            #interior #shop-content table th a {
                font-weight: bold;
            }

        #interior #shop-content table tr.odd td {
            background-color: #eee;
        }

        #interior #shop-content table tr.totals td {
            font-weight: bold;
            background-color: #ccc;
            color: #333;
        }

        #interior #shop-content table tr.shipping-cost td {
            font-weight:bold;
        }

        #interior #shop-content table th,
        #interior  #shop-content table td {
            padding: 5px 0;
        }

    #interior #shop-content form legend {
        display: inline;
        font-size: 1.1em;
        color: #000;
        font-weight: bold;
        margin: 1.5em 0 0 0;
    }

    #interior #shop-content h3 {
        margin: 1em 0;
    }

    #interior #shop-content table.shoporder-detail {
        margin: 1em 0 1.5em 0;
    }

        #interior #shop-content table.shoporder-detail td.name {
            width: 15em;
            font-weight: bold;
        }