@media screen, all 
{

	/* contains various CSS definitions for new interfaces - 09/03/10 - once approved, sections to be separated */
	.ui-seven { background: #fff; }

	/* font control */
	.ui-seven, .ui-seven input, .ui-seven select, .ui-seven button, .ui-seven textarea, .ui-seven td, .ui-seven th { font-family: Segoe UI !important; }
	.ui-seven, .ui-seven input, .ui-seven select, .ui-seven button, .ui-seven textarea, .ui-seven td, .ui-seven th { font-family: Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-Serif; }
	
	.ui-seven h2 { font-size: 1.8em !important; text-transform: lowercase; color: #939; margin: 0 0 0.5em 0; }
	.ui-seven h3 { font-size: 1.4em !important; text-transform: lowercase; color: #939; margin: 0 0 0.5em 0; }
	.ui-seven p { margin: 0 0 1em 0; }
	.ui-seven a:link { color: #0033CC; }
	.ui-seven a:visited { color: #003366; }
	.ui-seven a:hover, .ui-seven a:active {}
	.ui-seven .options ul, .ui-seven .options ul li { list-style-type: none; margin: 0; padding: 0; }
	.ui-seven .options ul li { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/bullet.gif") no-repeat left center; padding-left: 20px; }
	
	/* uploader and other desktop interface */
	.gateway { text-align: center; padding-top: 12px }
	.gateway .content-outer { clear: both; background: #fff; border: 1px solid #ccc; padding: 12px; width: auto !important; width: 520px; max-width: 520px; margin: auto; text-align: center; }
	.gateway .content-panel { }
	.gateway .content-inner { text-align: left; }
	.gateway h1 { font-size: 1.6em; font-weight: normal; color: #969; margin: 0 0 0.5em 0; }
	.gateway h2 { font-size: 1.4em; font-weight: normal; color: #969; margin: 0.5em 0 0 0; }
	.gateway .button { text-transform: lowercase; font-size: 1em; padding: 0 10px; margin: 10px 0 0 10px; vertical-align: top; }

	/* uploader / login forms */
	.gateway fieldset { border: 2px solid #e5e5e5; padding: 0; margin: 0; }
	.gateway .fields .fields-inner { border-top: 1px dotted #e5e5e5; padding-top: 2px; }
	.gateway .form .element { padding-top: 3px; padding-bottom: 4px; border-bottom: 1px dotted #e5e5e5; }
	.gateway .form .element label, .gateway .form .element .label { text-align: left !important; background: none !important; padding: 2px 8px !important; }
	.gateway .form .answer input.textbox { border: 2px solid #ccc; padding: 0px 1px 3px 3px; }
	
	/* uploader asset details view */
	.gateway .adm-col-alpha { float: none; clear: both; width: 100% !important; }
	.gateway .adm-col-beta { display: none; }
	.gateway .additional-fields { display: none; }
	
	/* tabs */
	.editor-tabs { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_shadow.gif") repeat-x left bottom; font-size: 0.94em; }
	.editor-tabs ul {  }
	.editor-tabs ul, .editor-tabs ul li { list-style-type: none; padding: 0; margin: 0; }
	.editor-tabs ul li { float: left; display: block; margin-left: 7px !important; border-top: 2px solid #fff; padding-top: 1px; }
	.editor-tabs ul li.selected { padding-bottom: 10px; background: #fff; }
	.editor-tabs ul li a:link, .editor-tabs ul li a:visited, .editor-tabs ul li span { display: block; border: 0; text-transform: lowercase; }
	.editor-tabs ul li span { min-width: 95px; }
	.editor-tabs ul li a:link, .editor-tabs ul li a:visited,
	.editor-tabs ul li a:hover, .editor-tabs ul li a:active { background: #eee; border: 1px solid #ccc; padding: 2px 10px 4px 10px; color: #003; text-decoration: none; }
	.editor-tabs ul li.selected a:link, .editor-tabs ul li.selected a:visited,
	.editor-tabs ul li.selected a:hover, .editor-tabs ul li.selected a:active { background: #fff; border-bottom: 1px solid #fff; }
	
	.editor-tabs ul li.validate { border-top: 2px solid orange; }
	.editor-tabs ul li.validated { border-top: 2px solid #33cc00; }
	.editor-tabs ul li.invalid { border-top: 2px solid #cc0000; }

	.editor { max-width: 780px; }
	.editor .adm-col-alpha { float: left; width: 70%; }
	.editor .adm-col-beta { float: right; width: 28%; }
	
	.ui-seven .editor .adm-col-beta fieldset, .ui-seven .editor .adm-col-beta fieldset .fields { border: 0; padding: 0; margin: 0; }
	.ui-seven .editor .adm-col-beta fieldset legend { display: none; }
	.ui-seven .editor .adm-col-alpha fieldset .fields { padding-top: 12px; }
	
	/* depreated until BUTTON ubiquitous
	.actions-outer .button-text { display: block; padding: 0 10px 0 10px; min-width: 50px !important; text-align: right; }
	*/
	
	.console .editor-alert-outer { border-top-width: 1px !important; }
	
	/* forms */
	.ui-seven .form {}
	.ui-seven .form input.textbox { border: 2px solid #ccc; }
	    
    .editor { max-width: 820px; }
    .adm-col-alpha { width: 72%; float: left; }
    .adm-col-beta { width: 26%; float: right; }
    
    .editor-synopsis p { margin: 0 !important; }
	.editor-tabs { padding-bottom: 10px; margin-bottom: 5px; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_shadow.gif") repeat-x left bottom; }
	.editor-tabs ul {  }
	.editor-tabs ul, .editor-tabs ul li { list-style-type: none; padding: 0; margin: 0; }
	.editor-tabs ul li { float: left; display: block; margin-left: 7px !important; border-top: 2px solid #fff; padding-top: 1px; }
	.editor-tabs ul li.selected { padding-bottom: 10px; background: #fff; }
	.editor-tabs ul li a:link, .editor-tabs ul li a:visited, .editor-tabs ul li span { display: block; border: 0; }
	.editor-tabs ul li span { width: 60px;  min-width: 55px; }
	.editor-tabs ul li a:link, .editor-tabs ul li a:visited,
	.editor-tabs ul li a:hover, .editor-tabs ul li a:active { background: #eee; border: 1px solid #ccc; padding: 2px 10px 4px 10px; color: #333; text-decoration: none; }
	.editor-tabs ul li.selected a:link, .editor-tabs ul li.selected a:visited,
	.editor-tabs ul li.selected a:hover, .editor-tabs ul li.selected a:active { background: #fff; border-bottom: 1px solid #fff; }
	
	.editor-tabs ul li.validate { border-top: 2px solid orange; }
	.editor-tabs ul li.validated { border-top: 2px solid #33cc00; }
	.editor-tabs ul li.invalid { border-top: 2px solid #cc0000; }
	
	.form .answer input.fakebox, .form .answer textarea { border: 2px solid #ccc; padding: 0px 1px 3px 3px; }
	
	.form .answer select.medium { width: 50%; }
	
	/*
	.form .mandatory .answer input { border: 2px solid red; }
	.form .answer input:focus { border: 2px solid blue; }
	.form .answer input.redbox { border: 5px red solid; }
	.form .answer input.greenbox { border: 5px green solid; }
	*/
	
	.editor .element { padding-top: 3px; padding-bottom: 4px; border-bottom: 1px dotted #e5e5e5; }
	.editor .element label, .editor .element .label { text-align: left !important; background: none !important; padding: 2px 8px !important; }
	.mandatory label { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/ico_mandatory.gif") no-repeat right top; }
	.answer .label { padding-left: 4px; }
	
	/* widths */
	.form .textbox input.textbox { padding: 0 4px 2px 4px; width: 95%; }
	.form .show-helper input.textbox { width: 90%; }
	.form .textbox input.short { width: 20%; } 
	.form .textbox input.medium { width: 60%; }
	.form .answer input.number { text-align: right; width: 20%; }
	
	.ui-seven .form .answer input.DataFormInputText { border: 2px solid #ccc; }
	
	.form .date .answer input.hasDatepicker { text-align: right; width: 50%; border: 2px solid #ccc; }
	.form .answer input.datetime { text-align: right; width: 50%; }
	
	.asset-frame { padding: 10px; }
	
	.form .answer input.checkbox { border: 0; padding: 0; margin: 4px 2px !important; float: left; }
	
	/* file upload - declared twice for IE6 - tbc 
	.ui-seven .form .answer input[type=file] { position: absolute; top: 0; left: 4px; width: auto; border: 0; margin: 0; padding: 0; z-index: 99; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	.form .answer input.file { position: absolute; top: 0; left: 0; width: auto; border: 0; margin: 0; padding: 0; z-index: 99; height: 25px; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	
	.ui-seven .form .file .answer { }
	.ui-seven .form .file .answer input.fakebox { position: relative; z-index: 1; top: 0; left: 0; width: 45%; }	
	.ui-seven .form .file .fakebutton { width: 60px; margin-left: 10px; border-width: 1px; }
	.ui-seven .form .file .answer { position: relative; }
	*/
	.editor .adm-col-alpha fieldset { border: 0; }
	.editor .adm-col-alpha fieldset legend { height: 1px; width: 1px; position: absolute; top: -9999em; left: -9999px; line-height: 1px; font-size: 1px;  z-index: -99; overflow: hidden; color: #fff; }
	.editor .adm-col-alpha fieldset .fields { border: 2px solid #ccc; }
	
	.ui-seven .validation { color: Red; font-size: 0.94em; }
	.ui-seven .helper { font-size: 0.94em; }
	.ui-seven ul.squares, .ui-seven ul.squares li { padding: auto; margin: auto; list-style-type: square !important; }
	
	em.ico-required { color: Red; text-transform: uppercase; font-style: normal; }
	.suffix { position: relative; top: 2px; left: 5px;  }
	.icon-helper { width: 5% !important; }
	
	/* textarea assistant */
	.textarea .assistant { padding-top: 3px; font-size: 0.94em; }
	.textarea .assistant ul, .element-configuration .assistant ul li { list-style-type: none; padding: 0; margin: 0; }
	.textarea .assistant ul li { float: left; display: block; border: 1px solid #ccc; padding: 2px 7px 2px 7px; margin-right: 4px; background: #f7f7f7; width: auto; clear: none; }
	
	/* lists */
	ul.tiles, ul.tiles li { list-style-type: none; padding: 0; margin: 0; }
	ul.tiles li { width: 100%; overflow: hidden; float: left; clear: both; }
	ul.cols li { width: 48% !important; clear: none !important; } 
	
	.element-col .question, .element-col .answer { clear: both; width: 100%; float: none; }
	.element-col .question label, .element-col .question .label { padding-left: 0; }
	
	.buttons ul, .buttons ul li { list-style-type: none; padding: 0; margin: 0; }
	.buttons ul li { float: right; }
	
	
	
	/* overrides for jquery ui.css */
	.ui-seven .ui-tabs .ui-tabs-panel { padding: 10px 10px 0 10px !important; }

	/* console overrides - should arrived in console.css in April 2010 */
	.console-metadata .adm-col-alpha { width: 100%; float: none; }
	.console-metadata .adm-col-beta { display: none; }
	
	/* tile picker for assets - missing lightbox feature */
	.pop-picker { display: block; background: #fcfafa; margin: 5px; }
	.pop-picker .tiles-outer { padding: 15px; }
	.pop-picker .tiles-outer ul.tiles, .pop-picker .tiles-outer ul.tiles li { list-style-type: none; padding: 0; margin: 0; border: 0; }
	.pop-picker .tiles-outer ul.tiles li.tile { width: 50%; float: left; clear: none; }
	.pop-picker .button-wrapper { margin: 0 5px 10px 5px; }
	.pop-picker .tiles-outer button { display: block; padding: 0; margin: 0; width: 100%; cursor: pointer; text-align: left; border: 2px solid #7da2ce; background: #f5f5ff url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/big_button_bg.gif") repeat-x bottom left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
	.pop-picker .tiles-outer button .button-text { display: block; padding: 8px 10px 10px 65px; background-repeat: no-repeat; background-position: 8px 8px; }
	.pop-picker .tiles-outer button .button-text .clear { display: block; height: 43px; }
	.pop-picker .tiles-outer button:hover, .pop-picker .tiles-outer button:active { border-color: #5252cc; background: #f5f5ff url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/big_button_bgo.gif") repeat-x bottom left; }
	
	li.type-document button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/document_add.gif"); }
	li.type-image button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/photo_add.gif"); }
	li.type-multimedia button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/video_add.gif"); }
	li.type-binary button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/binary_add.gif"); }
	li.type-code button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/code_add.gif"); }
	li.type-richtext button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/content_add.gif"); }
	li.type-link button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/extfaves_add.gif"); }
	li.type-medialink button .button-text { background-image: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/strmedia_add.gif"); }
	
	/* side panel accordions */
	.advanced-accordion { }	
	.advanced-accordion ul, .advanced-accordion ul li { list-style-type: none; padding: 0; margin: 0; }
	.advanced-accordion ul li { float: left; display: block; }
	.advanced-accordion ul li.expanded { }
	.advanced-accordion .panel-header { background: #999; color: #fff; border-bottom: #fff 1px solid; text-transform: lowercase; }
	
	.advanced-accordion ul.tab-list li.expander button { border: 0; padding: 0; margin: 0; float: left; width: 20px; height: 20px; overflow: hidden; }
	.advanced-accordion ul.tab-list li.expander button { background: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/adv_panel_open.gif") no-repeat 0 1px; }
	.advanced-accordion ul.tab-list li.expanded button { background: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/adv_panel_close.gif") no-repeat 0 1px;}
	.advanced-accordion ul.tab-list li .button-text { display: block; visibility: hidden; }
	.advanced-accordion .panel-body { padding: 5px; }
	.advanced-accordion .form .question, .advanced-accordion .form .answer { width: 100%; float: none; clear: both;  }
	.advanced-accordion .form .question label, .advanced-accordion .form .question .label { margin: 0; text-align: left; background: none; padding: 1px 4px 2px 0; }
	.advanced-accordion .form .answer input.textbox { width: 90%; }
	
	/* asset details table */
	table.view-record {}
	table.view-profile {}
	
	table.view-record { border-collapse: collapse; border: 0; border-top: 1px dotted #ccc; }
	
	table.view-record tr { border-bottom: 1px dotted #ccc; }
	table.view-record tr th, table.view-record tr td { padding: 4px 10px 6px 10px; }
	table.view-record tr th { background: #f7f7f7; }
	table.view-record td[axis=url] {  }
	
	/* alpha col buttons */
	.adm-col-alpha .buttons { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; padding: 10px 0; }
	.adm-col-alpha .buttons input.button { text-transform: lowercase; font-size: 1em; min-width: 75px; }
	
	/* buttons actions */
	.adm-col-alpha .actions-outer .buttons { border: 0; padding: 0; }
	
	.adm-col-beta .fields .fields-inner { border: 0; padding: 0; }
	.vignette .title { padding: 0px 3px 4px 3px; text-align: center; }
	.vignette .caption table { width: 100%; margin-top: 2px; }
	.vignette .caption table th, .vignette .caption table td { padding: 1px 0 0 0; }
	.vignette .asset { text-align: center; vertical-align: middle; border: 1px solid #efefef; background: #fff; width: auto; padding: 7px; }
	.vignette .asset a { display: block; height: auto !important; height: 145px; min-height: 145px; }
	
	/* old tables in new containers */
	.adm-col-alpha table.DataGrid { width: 100%; }
	.adm-col-alpha table.DataGrid th, .adm-col-alpha table.DataGrid td { padding: 3px 5px; }
	
	/* browse mode views */
	.mode-browse {}
	.mode-browse fieldset .fields { padding: 0 !important; }
	.mode-browse fieldset .fields .fields-inner { padding: 0; border: 0; }
	
	/* adm adv category tree */
	.adm-adv-tabs .oPanelCategoryTree { background: #fcfcfc url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/7ui_Bgs/tree_twotone.gif") repeat-y left top; }
	.adm-adv-tabs .oPanelLeftButtonContainer input.oPanelButton { margin: 10px 7px 0 0; text-transform: lowercase; padding: 0 4px 2px 4px; }
	
	/* asset categories */
	.oPanelCategoryTree td a:link { line-height: 1.7em; }
	.category-selections { float: left; width: 40%; border: 2px solid #ccc; font-size: 0.94em; }
	.category-tree { height: 350px; overflow: auto; }
	.category-list { float: right; width: 57%; text-align: left; }
	.category-list .adm-col-alpha { width: 100%; margin: 0; padding: 0; clear: none; float: none; }
	.category-list .adm-col-beta { display: none; }
	.category-list table th .select-all label { display: none; }
	.category-list table col.name { width: 100%; }
	
	/* admin css for notification window */
	.console .editor-alert-outer, .ui-seven .editor-alert-outer { clear: both; font-size: 11px !important; border: 1px solid #ccc; background: #f0e4f0 url("/EasySiteWeb/EasySite/SupportFiles/NotificationMessages/img/bg_panel.gif") repeat-x top left; }
	.console .editor-alert-outer ul, .console .editor-alert-outer ul li, .ui-seven .editor-alert-outer ul, .ui-seven .editor-alert-outer ul li { list-style-type: none; padding: 0; margin: 0; }
	
	.console .editor-alert-outer ul.editor-messages li.editor-message, .ui-seven .editor-alert-outer ul.editor-messages li.editor-message { height: auto; padding: 5px; }
	.ui-seven .editor-alert-outer ul.editor-messages li.editor-message ul li.icon { float: left; width: 30px; }
	.ui-seven .editor-alert-outer ul.editor-messages li.editor-message ul li.icon img { float: left; display: block; margin: 0; border: 0; padding: 0; }
	.ui-seven .editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner { border-left: 1px solid #ccc; padding-left: 6px; }
	.ui-seven .editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner .editor-synopsis { height: 100%; }
	.ui-seven .editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner .editor-detail { height: 100%; }
	.ui-seven .editor-alert-outer .message-outer p { margin: 0; padding: 0; }
	
	/*
	.form .buttons-inline { clear: none; float: left; width: 40%; }
	.actions-outer .element { margin: 0; }
	
	.actions-change .buttons-inline button,  { }
	.actions-change .buttons-inline button:hover, .actions-change .buttons-inline .button:hover { border: 1px solid #000; }
	
	.actions-complete .buttons button, .actions-complete .buttons .button { float: right; margin: 0 0 0 10px; padding: 0 4px 0 4px; }
	.actions-complete .buttons button:hover, .actions-complete .buttons .button:hover { border: 1px solid #000; }
	*/
	
	/* consoles */
	.easysite-private .console { max-width: 780px; background: #fff; margin-bottom: 1em; }
	.console-inner {}
	.console-security {}
	.ui-seven .console .buttons-inline { width: 30%; clear: none; float: left; text-align: left; }
	.ui-seven .console .form-inline { clear: none; }
	/* padding: 0 0 0 25px; overflow: hidden; background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_search.gif") no-repeat 2px;  */
	/* buttons (top) - to arrive in form.css (change padding in FF) */
	
	/* asset security interface adjustments */
	.ui-seven .oAdminFormElementContainer { padding: 0; }
	.ui-seven fieldset .form-search .fields { border: 0 !important; padding: 0 !important; padding-top: 0 !important; margin: 0 !important; }
	.ui-seven .form-inline .element { border: 0; padding: 0; margin: 0; }
	
	/* asset usage */
	.asset-usage-listing, .asset-usage-summary { padding: 10px; }
	.asset-usage-listing { padding-top: 0; }
	.asset-usage-listing ul, .asset-usage-listing ul li { list-style-type: none; padding: 0; margin: 0; }
	.asset-usage-detail-table { margin-top: 10px; }
}