﻿/* Dialog Extender */
.dialog { position:absolute; z-index:101 !important; font-family:arial; z-index:10; background-color:#ffffff; box-shadow: 5px 5px 10px rgba(0,0,0,0.7); border:1px solid #444; }
.dialog div.dialogTitle { position:relative; background-color:#888; cursor:move; padding:5px 0px 5px 5px; border-bottom:1px solid #888; }
.dialog .dialogTitle img.icon { padding:0px; border:none; margin-top:-3px; margin-right:10px; display:none; float:left; }
.dialog .dialogTitle span.titleText { font-size:12px; line-height:12px; font-weight:bold; color:#000000; text-align:left; padding-right:50px; text-transform:lowercase; }
.dialog .dialogTitle input.button.cancel { position:absolute; display:block; right:5px; top:4px; background-image:url('/css/redmond/images/ui-icons_ffffff_256x240.png');background-position:-96px -128px; background-repeat:no-repeat; width:16px; height:16px; background-color:transparent; border:none; box-shadow:none; outline:none; }
/*.dialog .dialogTitle input.button.cancel:hover { background-image:url('/Images/Icons/cancel.png'); }*/
.dialog .dialogTitle .helpPopup { position:absolute; display:block; right:30px; top:5px; }
.dialog .dialogContent { padding:15px 15px 0px 15px; margin:0px; }
.dialog .dialogContent p { margin:10px 0px 10px 0px; }
.dialog .dialogButtons { text-align:center; margin:15px 10px 10px 10px; }
.dialog .dialogButtons .button { margin-left:4px; margin-right:4px; }
.dialogBackground { background-color:#000000; filter:alpha(opacity=40); opacity:0.4; z-index:100 !important; }
.dialogBackgroundTransparent { background-color:transparent; z-index:100 !important; }

/* Alert Dialog */
.alertDialog { z-index:201 !important; background-color:#ffffff; }
.alertDialogBackground { background-color:#000000; filter:alpha(opacity=40); opacity:0.4; z-index:200 !important; }
.alertDialogBackground.nested { filter:alpha(opacity=10); opacity:0.1; }

/* Pager */
div.pager { margin-top:5px; }
.pager a { text-decoration:none; }
.pager a.aspNetDisabled { color:#aaaaaa; }
.pager div.pageSize { display:inline-block; margin-left:20px; }

/* Auto Complete Extender */
div.autoComplete { padding:0px; height:20px; }
div.autoComplete .textbox { vertical-align:middle; }
.ui-autocomplete { max-height: 216px; overflow-y:auto; overflow-x:hidden; white-space:nowrap; }
.autoComplete button.ui-button { left:-1px; width:20px; height:20px; vertical-align:middle; }
ul.ui-autocomplete.ui-menu { border-radius:5px; box-shadow:2px 2px 3px rgba(100,100,100,50); }
ul.ui-autocomplete li.ui-menu-item { height:18px; line-height:18px; padding-right:20px; text-align:left; }
ul.ui-autocomplete li.ui-menu-item a { padding:0px 2px; padding-right:0px; }

/* Letter Filter */
.webApp.letterFilter { border:1px solid #444444; width:477px; height:20px; padding-left:8px; }
.webApp.letterFilter a { display:inline-block; width:15px; height:20px; line-height:20px; vertical-align:middle; text-align:center; font-weight:bold; color:#e00; text-decoration:none; }
.webApp.letterFilter a.selected { background-color:#ddd; }

/* Image Gallery */
.image-gallery-container { padding:5px 10px; width:640px; height:420px; }
.image-gallery-container .imageGallery { min-height:420px; }
.imageGallery { padding:5px 0px; vertical-align:middle; position:relative; }
.imageGallery label { font-size:1em; display:inline-block; margin-right:5px; vertical-align:middle; height:24px; line-height:24px; width:100px; }
.imageGallery div.select-image { width:620px; height:300px; overflow-y:auto; border:1px solid #888; padding:10px; }
.imageGallery div.select-image div.thumbnail-container { width:100px; height:100px; line-height:100px; margin:5px; text-align:center; vertical-align:middle; display:inline-block; position:relative; }
.imageGallery div.select-image div.thumbnail-container:hover { outline:2px dashed red; cursor:pointer; }
.imageGallery div.select-image div.thumbnail-container.selected { outline:2px dashed red; cursor:pointer; }
.imageGallery div.select-image img { max-width:100px; max-height:100px; vertical-align:middle; }
.imageGallery div.select-image div.thumbnail-container a.delete { background-image:url('/Images/Icons/cross.png'); background-repeat:no-repeat; width:20px; height:20px; text-indent:40px; overflow:hidden; position:absolute; top:0px; right:0px; display:none; }
.imageGallery div.select-image div.thumbnail-container:hover a.delete { display:block; }
.imageGallery div.image-details { font-size:0.9em; font-weight:bold; padding:5px; border:1px solid #888; margin:5px 0; }
.imageGallery input { display:inline-block; margin-right:5px; vertical-align:middle; }
.imageGallery input.textbox { width:500px; }
.imageGallery .buttons { text-align:right; position:absolute; right:10px; bottom:0px; }
/*.imageGallery .buttons .button { background-repeat:no-repeat; height:31px; line-height:31px; margin:0px; margin-left:20px; padding-left:35px; vertical-align:middle; color:#000000; font-weight:bold; font-size:14px; background-color:transparent; border:none; }
.imageGallery .buttons .button.ok { background-image:url('/Images/ok.png'); }
.imageGallery .buttons .button.ok:hover { background-image:url('/Images/ok-hover.png'); }
.imageGallery .buttons .button.cancel { background-image:url('/Images/cancel.png'); }
.imageGallery .buttons .button.cancel:hover { background-image:url('/Images/cancel-hover.png'); }*/

/* File Uploads */
.file-uploads-container { padding:5px 10px; width:640px; height:460px; }
.file-uploads-container .fileUpload { min-height:460px; }
.fileUpload { padding:5px 0px; vertical-align:middle; position:relative; }
.fileUpload label { font-size:1em; display:inline-block; margin-right:5px; vertical-align:middle; height:24px; line-height:24px; width:100px; }
.fileUpload div.select-file { width:620px; height:340px; overflow-y:auto; border:1px solid #888; padding:10px; }
.fileUpload div.select-file .file { position:relative; height:24px; line-height:24px; vertical-align:middle; padding:2px; }
.fileUpload div.select-file .file.selected { background-color:#ccc; }
.fileUpload div.select-file .file:hover { background-color:#ccc; }
.fileUpload div.select-file .file a.select { display:inline-block; width:100%; }
.fileUpload div.select-file .file a.delete { background-image:url('/Images/Icons/cross.png'); background-repeat:no-repeat; width:20px; height:20px; text-indent:40px; overflow:hidden; position:absolute; top:2px; right:2px; display:none; }
.fileUpload div.select-file .file:hover a.delete { display:block; }
.fileUpload div.file-details { font-size:0.9em; font-weight:bold; padding:5px; border:1px solid #888; margin:5px 0; }
.fileUpload input { display:inline-block; margin-right:5px; vertical-align:middle; }
.fileUpload input.textbox { width:500px; }
.fileUpload .buttons { text-align:right; position:absolute; right:10px; bottom:0px; }
/*.fileUpload .buttons .button { background-repeat:no-repeat; height:31px; line-height:31px; margin:0px; margin-left:20px; padding-left:35px; vertical-align:middle; color:#000000; font-weight:bold; font-size:14px; background-color:transparent; border:none; }
.fileUpload .buttons .button.ok { background-image:url('/Images/ok.png'); }
.fileUpload .buttons .button.ok:hover { background-image:url('/Images/ok-hover.png'); }
.fileUpload .buttons .button.cancel { background-image:url('/Images/cancel.png'); }
.fileUpload .buttons .button.cancel:hover { background-image:url('/Images/cancel-hover.png'); }*/