/*
  Styles for sheet widget
*/

.ui-sheet {
  display:none;
  position:absolute;
  top:0;
  background:#F3F3F3;
  margin:-10px auto 0 auto;
  -moz-box-shadow: 1px 1px 40px #222;
  -webkit-box-shadow: 1px 1px 40px #222;
  box-shadow: 1px 1px 40px #222;
  z-index:5000;
  -moz-border-radius: 20px;
  -webkit-border-radius: 10px;
  border-radius:10px;
}

.ui-sheet a img {
  border:0;
}

.ui-sheet a, .ui-sheet img{
  text-outline:none;
}

.ui-sheet .sheet-content, .ui-sheet .sheet-header, .ui-sheet .buttons{
  padding:0;
}

.ui-sheet .ui-sheet-body {
	padding: 20px 40px;
}

.ui-sheet .ui-sheet-footer {
  background:#EDEDED;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#BBBEBF'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBEBF)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #eeeeee,  #BBBEBF); /* for firefox 3.6+ */
  margin:0 0 0 0;
  padding:11px;
  border-top:1px solid #BBBEBF;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius:10px;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius:10px;
}

.ui-sheet .ui-sheet-footer.absolute{
	position:absolute;
	bottom:0;
	width: 98%;
}

.ui-sheet p {
	margin: 10px 0;
}

.ui-sheet .sheet-content{
  border-top:1px solid #fff;
}

.ui-sheet .scrollable{
	overflow-x:hidden;
  	overflow-y:auto;
	max-height:580px;
}

/* Title bar */

.ui-sheet .sheet-header{
  background:#EDEDED;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#C7C8CA'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#C7C8CA)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #eeeeee,  #C7C8CA); /* for firefox 3.6+ */
  margin:0 0 0 0;
  color: #222;
  font-size: 18px;
  padding: 5px 11px;
  text-shadow: #fff 0 1px -1px;
  border-bottom:1px solid #939394;
}

.ui-sheet .sheet-header .sheet-title{
	display: block;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-sheet .sheet-header .support-link{
	float: right;
	background-image: url(/console/images/sheet-help-icon.png);
	width: 19px;
	height: 24px;
  cursor:pointer;
}

.ui-sheet .buttons{
  text-align: right;
}

.ui-sheet .sheet-header .sheet-close {
	float: right;
	cursor: pointer;
	background-image: url(../images/cancel.png);
	width: 16px;
	height: 16px;
	margin-top:5px;
}

.underlay{
  left:0;
  right: 0;
  top:0;
  bottom: 0;
  background:#222;
  z-index:4500;
  position:absolute;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}

.ui-sheet .sheet-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #222;
	opacity: .5;
}

.ui-sheet .resize-spacer{
  float:right;
  padding-right: 20px;
  height:11px;
}

.ui-sheet .ui-resizable-handle.ui-icon-gripsmall-diagonal-se{
  bottom:3px;
}

.ui-sheet .resize-bottom-margin{
  height:35px;
}

.ui-sheet .sheet-content .configAction.lock, .ui-sheet .sheet-content .configAction.lock:active {
  background-image: url(/console/images/unlock.png);
}
.ui-sheet .sheet-content .configAction.publish {
 background-image: url(/console/images/publish.png);
}
.ui-sheet .sheet-content .configAction.lock.locked, .ui-sheet .sheet-content .configAction.lock.locked:active {
  background-image: url(/console/images/lock.png);
}

.ui-sheet .sheet-content .cfgpl .configItemActions {
  position: absolute;
  top: 44px;
  right: 25px;
}

.ui-sheet .sheet-content .cfgpl > table.fill {
  width: 84%;
}

.ui-sheet .sheet-content .cfgpl > table.fill td.fill {
    padding-right: 31px;
}

.ui-sheet .sheet-content .cfgpl .importExport {
  text-align: right;
  width: 84%;
  bottom: 0;
  right: 10px;
}

.ui-sheet .sheet-content .config .configPatternList .addSection {
  padding-right: 0;
}