/*---------------------------------------------*/
/* Popup                                       */
/*---------------------------------------------*/

#popup {
	position: absolute;
	left: 50%;
	/*top: 50%;*/
	width: 780px;
	z-index: 1000;
	overflow: hidden;
}

#popup .content {
	margin: 0;
	padding: 28px 0 0 0;
	height: 420px;
	overflow: hidden;
}

/*---------------------------------------------*/
/* Sheets                                      */
/*---------------------------------------------*/

#popup .sheets_wrapper {
	margin: 0 20px;
	/*width: 95%;*/
	overflow: hidden;
	background-color: #ffffff;	
	height: 96%;
	
	border: solid 2px #BDBDBD;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	box-shadow: 1px 1px 4px #999999;
	-moz-box-shadow: 1px 1px 4px #000000;
	-webkit-box-shadow: 1px 1px 4px #000000;	
	/*filter: 		
		progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=8);  			*/
}

.sheetOrderInfo {
	padding: 4px;
	width: 316px; 
	max-height: 100px; 
	overflow:auto; 
	/*
	border: 2px solid #f00;	
	box-shadow: 2px 2px 8px #ff0000;
	-moz-box-shadow: 2px 2px 8px #ff0000;
	-webkit-box-shadow: 2px 2px 8px #ff0000;	
	*/
}

#popup .sheets {
  width: 10000px;
}

#popup .sheets .sheet {
  float: left;  
  overflow: hidden;
  width: 748px;
  height: inherit;
}

/* Sheet Header */
.sheet_info .active a {
	color: #eb0808;
}

.sheet_info .inactive a {
	color: #9ebb3c;
}

.sheet_info .active {
  border: 0px;
}

.sheet_header .active a {
	color: #eb0808;
}

.sheet_header .inactive {
  margin-top: 20px;
  margin-right: 140px;
}

.sheet_header .inactive a {
	color: #9ebb3c;
}

.sheet_header .controltype {
  
}

.sheet_header .info {
  color: #666;
  font-size: 92%;
  margin-top: 24px;
  margin-right: 40px;
}


.sheet_header div a {
	color: #777;
}

.sheet_header {
  padding: 10px 0 5px;
  margin: 0 25px;
  border-bottom: 1px solid #DDD;
  overflow: hidden;
}

.sheet_header .step {
  font-family: "Futura", serif;
  margin: 3px 10px 0 0;
  line-height: 60px;
  font-weight: 600;
  font-size: 62px;
  color: #dfdfdf;
  height: 60px;
  width: 50px;
  float: left;
}

.sheet_header h2.headline {
  margin: 15px 0 0 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.sheet_header h3.subheadline {
  color:#666;
  font-size:14px;
  font-weight:600;
}

.sheet_header h3.subheadline em {
  color:#333;
  font-size: 18px;
  font-weight:600;
}

a.close_popup {
  position: absolute;
  top: 30px;
  right: 22px;
  display: block;
  text-indent: -9999px;
  width: 21px;
  height: 20px;
  background: transparent url(/images/dummy_close.png) no-repeat 0 0;
}

a.close_popup:hover {
  background-position: 0 -30px;
  background: transparent url(/images/dummy_close_hover.png) no-repeat 0 0;
}

/* Sheet Cols */

.popup-content {
  margin: 25px;
}

.sheet_col {
  float: left;
  margin: 25px 0 0 25px;
  width: 340px;
}

.sheet_fieldeditor {
    float: left;
    margin: 25px 20px 0 0;
    width: 360px;
    height: 333px;
    overflow: auto;
}

.sheet_fieldeditor_singlecolumn {
    float: left;
    margin: 25px 20px 0 0;
    width: auto;
    height: 333px;
    overflow: auto;
}

.sheet_col h2 {
	margin-bottom: 5px;
	margin-top: 5px;	
}

.nobr {
    white-space: nowrap;
}

.edit {
    border: 1px solid #ababab;
    background-color: #f3f3f3;
    min-height: 19px;
    padding: 2px 4px 0px 4px;
}
