/* View Control */
div.SharedMediaViewControl
{
  width:100%;
  height:597px;
  border:1px solid #6D6D6D;
  overflow:hidden;
  font-family:Arial, Helvetica, sans-serif;
  position:relative;
  z-index:0;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader
{
  height:60px;
  line-height:25px;
  background:#7D7D7D;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A9A9', endColorstr='#7D7D7D');
  background:-webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7D7D7D));
  background:-moz-linear-gradient(top, #A9A9A9, #7D7D7D);
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.tabButton {
  width:115px;
  height:25px;
  line-height:28px;
  margin-top:5px;
  font-size:10px;
  color:White;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  background:url("images/sharedMediaSprite.png") -304px 0px;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.tabButton:hover {
  color:#0F3789;
  background-position:-536px 0px;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.tabButton.selected {
  color:#0F3789;
  background-position:-420px 0px !important;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.statusButton,
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.typeButton
{
  width:80px;
  height:22px;
  line-height:22px;
  margin-left:3px;
  font-size:10px;
  color:#666666;
  text-align:center;
  text-decoration:none;
  background:url("images/sharedMediaSprite.png") -61px 0px;
  display:block;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.statusButton:hover,
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.typeButton:hover
{
  background-position:-142px 0px;
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.statusButton.selected,
div.SharedMediaViewControl div.SharedMediaViewControlHeader a.typeButton.selected
{
  background-position:-223px 0px !important;
  color:Black;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader div.searchFilter
{
  margin:5px 10px 0px 0px;
  font-weight:bold;
  color:White;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader div.searchFilter input {
  width:250px;
  height:16px;
  border:1px solid #9AA0A6;
}
div.SharedMediaViewControl div.SharedMediaViewControlHeader div.searchFilter img {
  margin-left:3px;
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent
{
  height:486px;
  border-top:1px solid #444444;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.DetailPane
{
  width:350px;
  height:486px;
  border-right:1px solid #444444;
  overflow-x:hidden;
  overflow-y:scroll;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.DetailPane div.fieldName
{
  padding:5px 5px 0px 5px;
  font-weight:bold;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.DetailPane div.fieldValue
{
  padding:5px 5px 10px 5px;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.ListPane
{
  height:486px;
  overflow-x:hidden;
  overflow-y:scroll;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage
{
  width:185px;
  height:110px;
  border:1px solid #708090;
  margin:5px 0px 0px 5px;
  position:relative;
  overflow:hidden;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.selected
{
  background:#DBDBDB;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage img
{
  position:absolute;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage img.imageStatus
{
  left:160px;
  top:5px;
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage img.imageShare,
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage img.imageUnshare
{
  left:161px;
  top:35px;
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage img.imageEdit
{
  left:160px;
  top:63px;
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlContent div.oneImage img.imageDelete
{
  position:absolute;
  left:160px;
  top:90px;
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlFooter
{
  height:25px;
  line-height:26px;
  border-top:1px solid #444444;
  
  background:#7D7D7D;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A9A9', endColorstr='#7D7D7D');
  background:-webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7D7D7D));
  background:-moz-linear-gradient(top, #A9A9A9, #7D7D7D);
  color:White;
  font-size:12px;
  font-weight:bold;
}
div.SharedMediaViewControl div.SharedMediaViewControlFooter img
{
  cursor:pointer;
}
div.SharedMediaViewControl div.SharedMediaViewControlLegend
{
  height:24px;
  line-height:24px;
  font-size:14px;
  margin-top:1px;
}
div.SharedMediaViewControl div.SharedMediaViewControlLegend img
{
  margin-left:20px;
  margin-right:5px;
}
div.SharedMediaViewControl div.LoadingOverlay
{
  width:100%;
  height:573px;
  position:absolute;
  left:0px;
  top:0px;
  background:Black;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter:alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  
  display:none;
  z-index:2;
}
div.SharedMediaViewControl div.LoadingOverlay img
{
  width:50px;
  height:50px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-25px;
  margin-top:-25px;
}
/* Insert Control */
div.SharedMediaInsertControl {
  font: 14px Arial, Verdana, Sans-Serif;
  padding-bottom: 10px;
  overflow:auto;
}
div.SharedMediaInsertControl div.imagePreview {
  background: #F6F6F6;
  width: 310px;
  height: 210px;
  border: 1px solid #DFE1D6;
}
div.SharedMediaInsertControl div.header {
  font-weight: bold;
  color: #4C4C44;
  margin-bottom: 10px;
}
div.SharedMediaInsertControl input.addFile {
  height: 30px;
  line-height: 30px;
  *line-height:22px;
  color: White;
  background: #DA5E69;
  border: 1px solid #B53B4A;
  font-weight: bold;
  cursor: pointer;
}
div.SharedMediaInsertControl input.finalizeImages
{
  color:White;
  background:#2382B1;
  height:30px;
  line-height:30px;
  *line-height:22px;
  font-weight:bold;
  border:1px solid #7BB4D1;
  cursor:pointer;
  margin-left:275px;
}
span.moveFileInput {
  position:absolute;
  z-index:1;
  left:-1000px;
  top:-1000px;
  cursor:pointer;
  display:none;
}
div.SharedMediaInsertControl table
{
  border-collapse:collapse;
  font-size:12px;
  text-align:left;
  width:505px;
}
div.SharedMediaInsertControl table th
{
  border-bottom: 2px solid #6678B1;
  color: #003399;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 8px;
}
div.SharedMediaInsertControl table td
{
  border-bottom:1px solid #CCCCCC;
  color:#666699;
  padding:6px 8px;
}
div.SharedMediaInsertControl table a, div.SharedMediaInsertControl table td {
  font-size: 12px;
}
/* Edit Control */
div.SharedMediaEditControl {
  position:relative;
  margin-top:5px 0px 0px 5px;
  font-size:12px;
}
div.SharedMediaEditControl div.ImageDisplayArea {
  position:absolute;
  right:-12px;
  top:5px;
}
div.SharedMediaEditControl div.imageArea
{
  background:#F6F6F6;
  width:310px;
  height:210px;
  border:1px solid #DFE1D6;
}
div.SharedMediaEditControl span.requiredField {
  color: Red;
}
div.SharedMediaEditControl div.dnnForm {
  margin-bottom:3px !important;
  width:100% !important;
}
/* Add CSS to make tooltips look good for both DNN 6 and 7 */
div.SharedMediaEditControl div.dnnForm > div.dnnLabel,
div.SharedMediaEditControl div.dnnForm > div.dnnTooltip {
  display:inline-block;
  float:left;
  overflow:visible;
  position:relative;
  text-align:right;

  width:110px !important;
  margin-right:5px !important;

  /* DNN7 = 110px width 
     DNN6 = 125px width
  */
}
.SharedMediaEditControl.dnn6 div.dnnForm > div.dnnLabel,
.SharedMediaEditControl.dnn6 div.dnnForm > div.dnnTooltip {
  width:135px !important;
}
div.SharedMediaEditControl div.dnnForm > div.dnnLabel,
div.SharedMediaEditControl div.dnnForm > div.dnnTooltip a {
  padding-right:20px;
}
div.SharedMediaEditControl.dnn6 div.dnnLabel {
  padding-right:0px !important;
}
.RadComboBox.TermsSelector {
  width:406px;
}

.bold { font-weight:bold; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearFloat { clear:both;width:0px;height:0px;line-height:0px; }

/* JQuery Calendar Widget */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7; color: #362b36; }
.ui-widget-content a { color: #362b36; }
.ui-widget-header { border: 1px solid #aed0ea; background: #deedf7; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9; font-weight: bold; color: #2779aa; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb; font-weight: bold; color: #0070a3; }
.ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background: #3baae3; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #f9dd34; background: #ffef8f; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-icon { width: 16px; height: 16px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-widget-overlay { background: #eeeeee; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}