﻿/* Dialogs */
.DialogMainBlock{
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}

.DialogContent {
width: 100%;
height: 100%;
float: left;
}

.DialogPageBody .PageTitleHeader, .WidgetTabsPageHeader .PageTitleHeader {
background: #ccc !important;
background-image: url(./Images/Dialogs/DialogHeader.png) !important;
}

.LiveSiteDialog .SelectorBorder {
background-image: url(./Images/Dialogs/Resizer.png) !important;
}

.DialogPageBody .PageFooterLine {
background: #ccc !important;
border-top: 1px solid #999 !important;
}

.DialogPageBody .UniFlatSearchPanel {
background: #ccc !important;
background-image: url(./Images/Dialogs/TabDialogHeader.png) !important;
}

.DialogLeftBlock {
height: 100%;
width: 236px;
float: left;
overflow: hidden;
}

.DialogRightBlock {
height: 100%;
margin-left: 243px;
overflow: hidden;
position: relative;
}

.Safari .DialogRightBlock, .Opera .DialogRightBlock, .Gecko .DialogRightBlock {
margin-left: 0px;
margin-right: 0px;
}

.DialogCompleteBlock {
width: 100%;
height: 100%;
}

.DialogWebContent {
height: 65px;
padding: 10px 10px 0px;
position: absolute;
top: 10px;
left: 0px;
right: 0px;
}

.DialogWebProperties
{
border-top: 1px solid #A4B2BC;
position: absolute;
top: 85px;
left: 0px;
right: 0px;
bottom: 0px;
}

.DialogWebPropertiesTiny
{
top: 60px;
}

.DialogWebUrlMaxBox
{
width: 800px;
}

.DialogLinkWebProperties
{
border-top: 1px solid #A4B2BC;
position: absolute;
top: 107px;
left: 0px;
right: 0px;
bottom: 0px;
}

.DialogProperties
{
background-color: #fff;
float: left;
height: 296px;
overflow: hidden;
width: 100%;
z-index: 10;
}

.DialogPropertiesFullSize
{
height: 100%;
overflow: hidden;
}

.DialogPropertiesFullSize input, .DialogProperties input
{
font-size: 11px;
}

.DialogPropertiesPreview
{
position: absolute;
overflow: auto;
border: 1px solid #A4B2BC;
padding: 5px;
display: none;
}

.DialogItemUrlBox
{
width: 94%;
float: left;
}

.DialogItemUrlRefresh
{
padding: 3px 3px 0px;
}

.DialogResizerH
{
background: url(./Images/MediaLibrary/FrameResizer/Horizontal/ResizerButton.gif) no-repeat center;
cursor: pointer;
overflow: hidden;
line-height: 33px;
font-size: 33px;
width: 10px;
height: 33px;
left: 233px;
position: absolute;
top: 50%;
margin-top: -16px;
z-index: 1000;
clear: both;
}

.IE6 .DialogResizerH
{
max-height: 5px;
background-attachment: fixed;
}

.DialogResizerArrowH
{
background: url(./Images/MediaLibrary/FrameResizer/Horizontal/Minimize.gif) no-repeat center;
width: 10px;
height: 33px;
line-height: 33px;
font-size: 33px;
}

.DialogResizerVLine, .HeaderSeparator
{
height: 6px;
font-size: 0;
border-top: 1px solid #999;
background-image: url(./Images/MediaLibrary/FrameResizer/Vertical/Resizer.gif);
background-repeat: repeat-x;
background-position: center;
width: 100%;
}

.DialogResizerV
{
background: url(./Images/MediaLibrary/FrameResizer/Vertical/ResizerButton.gif) no-repeat center;
height: 6px;
width: 33px;
font-size: 4px;
line-height: 4px;
z-index: 1000;
clear: both;
float: right;
}

.DialogResizerArrowV
{
background: url(./Images/MediaLibrary/FrameResizer/Vertical/Maximize.gif) no-repeat center;
width: 33px;
height: 6px;
line-height: 4px;
font-size: 4px;
cursor: pointer;
}

.DialogViewContent
{
position: relative;
width: 100%;
height: 1500px;
overflow: auto;
overflow-x: hidden;
}

.DialogElementHidden
{
display: none;
}

.DialogViewContentTop
{
padding: 10px;
width: 97%;
height: 30px;
}

.DialogViewContentBottom
{
height: 100px;
padding: 0px 10px 10px;
}

.DialogLabel
{
white-space: nowrap;
}

.DialogMediaLibraryBlock
{
height: 80px;
padding: 10px;
border-bottom: 1px solid #ACB8C0;
}

.DialogMediaLibraryBlockMediaLibraryUI
{
height: 10px;
padding: 5px 10px 16px;
background-color: #EDDDC9;
}

.DialogMediaLibraryBlock select
{
width: 165px;
}

.DialogSiteBlock
{
height: 25px;
padding: 10px;
border-bottom: 1px solid #A4B2BC;
}

.DialogSiteDropdown
{
width: 185px;
}

.DialogSearchBox
{
height: 26px;
float: none;
}

.DialogSearch
{
display: table-cell;
height: 26px;
vertical-align: middle;
padding-right: 3px;
float: left;
}

.DialogSearchLabel
{
display: table-cell;
height: 26px;
padding-right: 3px;
padding-top: 4px;
float: left;
}

.DialogListItem
{
cursor: pointer;
overflow: hidden;
width: 200px;
}

.DialogListItemUnselectable
{
cursor: default;
display: inline;
}

.DialogListItemNameRow
{
white-space: nowrap;
}

.DialogSelectedItem
{
background-color: #fff8CD;
}

.DialogTileItem
{
border: solid 1px #ACB8C0;
width: 210px;
height: 62px;
background-color: #fff;
}

.DialogTileItemShadow
{
width: 216px;
height: 68px;
float: left;
margin: 0px 11px 11px 0px;
background-image: url(./Images/MediaLibrary/tiles_shadow.gif);
background-position: bottom right;
background-repeat: no-repeat;
position: relative;
}

.DialogTileItemBox
{
width: 210px;
height: 62px;
}

.DialogThumbnailItem
{
border: solid 1px #ACB8C0;
width: 170px;
height: 136px;
background-color: #fff;
}

.DialogThumbnailItemShadow
{
width: 176px;
height: 142px;
margin: 0px 11px 11px 0px;
float: left;
background-image: url(./Images/MediaLibrary/thumbs_shadow.gif);
background-position: bottom right;
background-repeat: no-repeat;
position: relative;
}

.DialogThumbnailItemBox
{
width: 170px;
height: 136px;
}

.DialogThumbnailItemInfo
{
margin-left: 4px;
font-size: 10px;
overflow: hidden;
padding: 2px 0px 2px 0px;
text-align: center;
white-space: nowrap;
width: 160px;
}

.DialogTileItem td
{
font-size: 10px;
vertical-align: top;
}

.DialogTileSeparator
{
background-color: #fff;
float: right;
height: 38px;
position: absolute;
right: 0;
top: 0;
width: 8px;
}

.DialogTileItemActions
{
margin-top: -21px;
text-align: right;
padding: 0px 1px 1px;
float: right;
}

.DialogTileItemInfo
{
font-size: 10px;
height: 50px;
overflow: hidden;
white-space: nowrap;
padding: 4px;
width: 132px;
}

.DialogTileTitleBold
{
font-weight: bold;
font-size: 11px;
}

.DialogTileItemImage
{
width: 48px;
height: 48px;
line-height: 48px;
padding: 2px;
text-align: center;
display: table-cell;
vertical-align: middle;
position: absolute;
}

.TilesMultipleSelection
{
position: absolute;
bottom: 9px;
left: 5px;
}

.IE6 .TilesMultipleSelection, .IE7 .TilesMultipleSelection, .IE8 .TilesMultipleSelection
{
left: 1px;
bottom: 6px;
}

.ThumbMultipleSelection
{
position: absolute;
bottom: 10px;
left: 4px;
}

.IE6 .ThumbMultipleSelection, .IE7 .ThumbMultipleSelection, .IE8 .ThumbMultipleSelection
{
bottom: 8px;
}

.DialogTileItemImageContainer
{
height: 52px;
width: 52px;
margin: 4px 5px 0px 4px;
float: left;
border: 1px solid #ccc;
background-color: #fff;
}

.DialogThumbItemImageContainer
{
height: 95px;
width: 100%;
margin: 4px 0px 0px 0px;
}

.DialogViewArea
{
padding: 0px;
margin: 0px;
}

.DialogTilesClear
{
clear: both;
line-height: 0px;
font-size: 0px;
}

.DialogThumbnailItemImage
{
height: 95px;
line-height: 95px;
text-align: center;
width: 170px;
display: table-cell;
vertical-align: middle;
}

.DialogThumbnailItemImage td
{
width: 170px;
height: 95px;
}

.DialogTileItemInfoGreyText
{
color: #9B9B9B;
}

.DialogThumbnailActions
{
float: right;
text-align: right;
vertical-align: bottom;
padding: 0 4px;
margin-top: -26px;
}

.IE6 .DialogThumbnailActions, .IE7 .DialogThumbnailActions
{
padding: 0 1px;
margin-top: -21px;
}

.IE8 .DialogThumbnailActions
{
padding: 0 1px;
margin-top: -25px;
}

.DialogThumbnailUploadAction
{
float: right;
padding-top: 1px;
}

.DialogMassActionsContent
{
margin-top: 10px;
}

.IE6 .DialogMassActionsContent
{
margin-top: 0px;
}

.DialogMassActionsDropdown
{
padding: 0px 5px;
display: inline;
}

.DialogTreeArea
{
float: left;
width: 236px;
}

.DialogTreeArea .ContentTree
{
position: relative;
height: 100%;
overflow: auto;
}

.DialogTreeAreaSeparator
{
width: 7px;
height: 100%;
float: left;
background-color: #E2EEFB;
background: url(./Images/MediaLibrary/FrameResizer/Horizontal/Resizer.gif) repeat-y top left;
}

.DialogMediaLibraryTreeArea
{
overflow: auto;
}

.DialogMediaLibraryTreeArea .ContentTree
{
padding-top: 5px;
width: 236px;
}

.DialogMediaLibraryTreeAreaSep, .DialogMediaLibraryTreeAreaSep DIV
{
display: inline;
}

.DialogMediaLibraryTreeAreaSep .InfoLabel
{
padding: 5px 12px 0px;
}

.DialogErrorArea
{
padding: 10px 10px 0px;
}

.DialogListingInfo
{
padding: 10px 10px 0px 10px;
}

.DialogListingInfo .ListingPath
{
font-weight: bold;
}

.DialogListingInfo .ListingClose
{
text-decoration: underline;
}

.DialogInfoArea
{
padding: 10px;
}

.Dialog_Tabs
{
visibility: visible !important;
}

.Dialog_Tabs .ajax__tab_header
{
background-image: url(./Images/MediaLibrary/Tabs/TabsPanel.gif) !important;
color: #004377;
font-family: Tahoma;
font-size: 11px;
height: 24px;
line-height: 24px;
overflow: hidden;
padding: 3px 5px 0;
text-decoration: none;
}

.Dialog_Tabs .ajax__tab_header span
{
float: left;
}

.Dialog_Tabs .ajax__tab_outer
{
padding-right: 6px;
height: 24px;
display: table-cell !important;
}

.Dialog_Tabs .ajax__tab_inner
{
padding-left: 6px;
height: 24px;
display: table-cell !important;
}

.Dialog_Tabs .ajax__tab_tab
{
font-size: 11px;
padding: 0px 6px;
vertical-align: middle;
display: table-cell !important;
overflow: hidden;
margin-right: 6px !important;
float: left;
cursor: pointer;
}

.Dialog_Tabs .ajax__tab_body
{
padding: 6px;
background-color: #fff;
height: 250px;
overflow: hidden;
}

.Dialog_Tabs .ajax__tab_active .ajax__tab_tab
{
background-image: url(./Images/MediaLibrary/Tabs/TabMidSelected.gif) !important;
background-position: center bottom;
background-repeat: repeat-x;
display: table-cell !important;
}

.Dialog_Tabs .ajax__tab_active .ajax__tab_outer
{
background-image: url(./Images/MediaLibrary/Tabs/TabBorderLeftSelected.gif) !important;
background-position: left bottom;
background-repeat: no-repeat;
}

.Dialog_Tabs .ajax__tab_active .ajax__tab_inner
{
background-image: url(./Images/MediaLibrary/Tabs/TabBorderRightSelected.gif) !important;
background-position: right bottom;
background-repeat: no-repeat;
}

.DialogMenu
{
border-bottom: solid 1px #a4b2bc;
background-repeat: repeat-x;
background-image: url(./Images/MediaLibrary/menubg.png) !important;
background-position: top left;
display: block;
float: left;
height: 45px;
width: 100%;
overflow: hidden;
}

.DialogMenuLine
{
height: 5px;
line-height: 5px;
min-height: 5px;
border-bottom: 1px solid #a4b2bc;
background-color: #f0ede1;
}

.DialogMenu .DialogMenuLeft
{
border-right: 1px solid #999;
background-repeat: repeat-x;
font-family: Arial;
font-size: 12px;
display: block;
width: 230px;
float: left;
height: 41px;
padding: 2px 3px;
}

.DialogMenu .Smaller
{
width: 118px;
}

.DialogMenu .MenuItemLeft
{
background-image: url(./Images/MediaLibrary/addfolder.png);
background-repeat: no-repeat;
cursor: pointer;
width: 74px;
height: 36px;
margin: 2px;
padding: 0px 0px 0px 36px;
color: #004377;
float: left;
text-align: left;
}

.DialogMenu .MenuItemLeft span
{
padding-top: 11px;
display: block;
float: left;
}

.DialogMenuInnerDiv
{
top: 0px;
left: 0px;
cursor: pointer;
position: absolute;
width: 77px;
height: 26px;
text-align: left;
padding: 10px 0px 0px 33px;
color: #004377;
}

.DialogMenu .MenuItemLeft img
{
padding: 0px 7px 2px 8px;
}

.DialogMenu .MenuItemLeftOver
{
background-image: url(./Images/MediaLibrary/addfolderover.png);
}

.DialogMenu .MenuItemLeftOver img
{
padding: 0px 7px 2px 8px;
}

.MediaLibraryFolderActions
{
line-height: 20px;
height: 20px;
padding: 5px 0px 5px 8px;
border-bottom: 1px solid #a4b2bc;
background-color: #CCC;
}

.NewItemImage
{
margin: 0 5px 1px 0;
vertical-align: middle;
}

.FolderLinkHorizontal
{
float: left;
padding-right: 7px;
}

.DialogsUploaderDisabled
{
padding-left: 2px;
position: relative;
}

.DialogsFolderDisabled
{
background-image: url(./Images/MediaLibrary/addfolderdisabled.png);
cursor: default !important;
color: #666 !important;
}

.DialogsFolderDisabledTitle
{
font-family: Arial;
font-size: 12px;
left: 36px;
position: absolute;
bottom: 10px;
}

.DialogsFileDisabledTitle
{
font-family: Arial;
font-size: 12px;
left: 35px;
position: absolute;
top: 10px;
}

.DialogMenu .DialogFileUploader
{
padding: 2px 3px 0px 0px;
}

.ImageExtraClass
{
position: absolute;
}

.ImageTooltip
{
border: 1px solid #ccc;
background-color: #fff;
padding: 3px;
display: block;
}

.DialogMenu .DialogMenuRight
{
font-family: Arial;
font-size: 12px;
display: block;
width: 350px;
height: 41px;
float: left;
padding: 2px;
}

.DialogMenu .MenuItemRight
{
width: 102px;
height: 36px;
margin: 2px 3px;
padding: 0px 0px 0px 8px;
cursor: pointer;
color: #004377;
float: left;
}

.DialogMenu .MenuItemRight span
{
padding-top: 11px;
display: block;
float: left;
}

.DialogMenu .MenuItemRight img
{
float: left;
padding-right: 5px;
padding-top: 6px;
}

.DialogMenu .MenuItemRightOver
{
background-image: url(./Images/MediaLibrary/buttonover.png);
background-repeat: no-repeat;
background-position: bottom left;
font-weight: normal;
}

.DialogMenu .DialogFullScreen
{
width: 110px;
height: 41px;
padding: 2px;
position: absolute;
right: 35px;
}

.DialogMenu .DialogMenuHelp
{
display: block;
width: 24px;
height: 24px;
float: right;
padding: 11px 5px;
}

.DialogFooter
{
border-top: solid 1px #A4B2BC;
padding: 15px 15px 15px 0px;
}

.DialogPager
{
float: left;
}

.DialogPageSize
{
float: right;
text-align: right;
}

.PageFooterLine
{
border-top: solid 1px #A4B2BC;
padding: 10px 15px;
background-color: #E9F3FE;
}

.DialogGuidParams
{
text-align: left;
}

#tooltip
{
position: absolute;
z-index: 5000;
}

.LiveSiteDialog .PageFooterLine, .ButtonsArea
{
background: #ccc !important;
border-top: 1px solid #999 !important;
}

.LiveSiteDialog .PageTitleHeader
{
background: #ccc !important;
background-image: url(./Images/Dialogs/DialogHeader.png) !important;
}

.LiveSiteDialog .UniFlatPager
{
background: #ccc !important;
background-image: url(./Images/Dialogs/WebpartSelectorPager.png) !important;
border-bottom: 1px solid #999 !important;
border-top: 1px solid #999 !important;
}

.LiveSiteDialog input[type="submit"]
{
background: #E0E0E0 !important;
border: 1px outset #E0E0E0 !important;
color: #000 !important;
font-size: 13px;
font-weight: normal;
}

.LiveSiteDialog .HeaderSeparator
{
background-image: url(./Images/MediaLibrary/FrameResizer/Vertical/Resizer.gif) !important;
}

.LiveSiteDialog .VerticalFrameResizer
{
background-image: url(./Images/MediaLibrary/FrameResizer/Vertical/ResizerButton.gif) !important;
}

.LiveSiteDialog .FullTabsLeft, .LiveSiteDialog .TabsLeft
{
background-image: url(./Images/MediaLibrary/Tabs/TabsPanel.gif) !important;
}

.LiveSiteDialog .FullTabsRight, .LiveSiteDialog .TabsRight, .LiveSiteDialog .TabsRightDialog
{
background-image: url(./Images/MediaLibrary/Tabs/TabsPanel.gif) !important;
}

.LiveSiteDialog .TabControlSelectedLeft, .RTL .LiveSiteDialog .TabControlSelectedRight
{
background-image: url(./Images/MediaLibrary/Tabs/TabBorderLeftSelected.gif) !important;
}

.LiveSiteDialog .TabControlSelectedRight, .RTL .LiveSiteDialog .TabControlSelectedLeft
{
background-image: url(./Images/MediaLibrary/Tabs/TabBorderRightSelected.gif) !important;
}

.LiveSiteDialog .TabControlSelected
{
background-image: url(./Images/MediaLibrary/Tabs/TabMidSelected.gif) !important;
}

/* Media library UI */
.MediaLibraryContainer
{
border: 1px solid #ccc;
position: relative;
height: 600px;
}

.MediaLibraryContainer input[type="text"], .MediaLibraryContainer input[type="password"], .MediaLibraryContainer select
{
border: 1px solid #AEAEAE;
}

.MediaLibraryContainer .TextBoxField
{
width: 292px !important;
}

.MediaLibraryContainer .TextAreaField
{
border: 1px solid #AEAEAE;
height: 100px;
width: 292px !important;
}

.MediaLibrary input[type="submit"]
{
background: #E0E0E0 !important;
border: 1px outset #E0E0E0 !important;
color: #000 !important;
font-size: 13px;
font-weight: normal;
}

.MediaLibrary .PageTitleHeader
{
background-image: url(./Images/Dialogs/DialogHeader.png) !important;
background: #ccc !important;
}

.MediaLibrary .PageFooterLine
{
background: #ccc !important;
border-top: 1px solid #999 !important;
}

.MediaLibrary.FolderEdit .ajax__tab_body
{
padding: 0px !important;
}

.MediaLibrary.FolderEdit .FolderEditLabelArea
{
padding: 0px 6px !important;
}

.MediaLibraryTitleLine
{
border-bottom: 1px solid #ccc;
}

.MediaLibraryTree
{
padding: 5px 0px;
}

.MediaLibraryImportForm
{
float: left;
width: 400px;
}

.MediaLibraryImportPreview
{
float: left;
width: 300px;
}

.MediaProperties .ajax__tab_body
{
padding: 10px;
}

.MediaProperties .ajax__tab_body input
{
font-size: 13px;
}

.Dialog_Tabs .MediaLibraryCustomTab
{
overflow: auto;
height: 256px;
}

.MediaLibraryNewFolder .ajax__tab_header
{
display: none !important;
}


/* UniGrid */
.UniGridBody a
{
color: #000000;
}

.UniGridHead
{
text-decoration: none;
color: #313131;
background-color: #ddd;
height: 26px;
background-image: none;
}

.UniGridHead th, .UniGridHead td
{
text-align: left;
padding: 0px 12px 0px 10px;
font-weight: bold;
background-image: none;
}

.UniGridHead a
{
text-decoration: none;
color: #000000;
}

.UniGridGrid {width: 100%;border: 1px solid #E0E0E0;}

.UnigridSelection {text-align: center !important;padding: 0px 12px 0px 10px !important;}

.UniGridGrid td {padding-left: 10px;padding-right: 10px;}

.UniGridPager td {padding: 0px 8px;}

.UniGridPager td td {padding: 0px 2px;}

.OddRow {background-color: #eee;height: 27px;}
.IE6 .EvenRow, .IE7 .OddRow, .IE7 .EvenRow {height: 20px;}

.EvenRow {height: 27px;}

.UniGridFooter {
float: right;
text-align: right;
margin-top: 10px;
padding: 5px;
background: Transparent !important;}

.UniGridPager {
height: 27px;}

.GridFooter {
text-align: right;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
padding: 3px;}

.UnigridActionButton {
width: 16px;
height: 16px;}

/* Image editor */
.ImageEditorMain {
border-bottom:1px solid #999 !important;
border-left:1px solid #999 !important;}

.ImageEditorMain .MenuHeaderItem,
.ImageEditorMain .MenuHeaderItemSelected {
text-decoration: none;
color: #313131;
background-color: #ddd;
height: 26px;
background-image: none;
border-top:1px solid #999 !important;}

.ImageEditorMain .MenuHeaderItemSelected {
border-bottom:1px solid #999 !important;}

.ImageEditorMain .Divider {
background-color:#999 !important;}

.ImageEditorFrame{
border:1px solid #999 !important;}


