#ngMediaPickerWait
  {
  width:      0px;
  height:     0px;
  margin:     0px;
  padding:    0px;
  background-color: #FFFFFF;
  position:   absolute;
  z-index:    2100;
  cursor:     wait;
  }

#ngMediaPicker
  {
  position:   absolute;
  left:       100px;
  top:        100px;
  width:      650px;
  z-index:    2000;
  margin:     0px;
  padding:    3px;
  font:       500 11px "Arial", "sans-serif";
  color:      #000000;
  border:     solid 1px #555555;
  border-radius: 5px;
  background-color: #FFFFFF;
  }

/* - Header -------------------------------------------------------- */
  
#ngMediaPicker .header
  {
  padding: 0px;
  }
   
#ngMediaPicker .header .left,
#ngMediaPicker .header .right
  {
  display: none;
  }
   
#ngMediaPicker .header .content
  {
  padding: 3px;
  font: 500 15px Arial;
  color: #FFFFFF;
  text-align: center;
  background-color: #3366CC;
  cursor: pointer;
  }

/* - General Elements ---------------------------------------------- */

#ngMPOptions,
#ngMPMain
  {
  display:  inline-block;
  margin:   2px 0px;
  padding:  4px;
  float:    left;
  /*
  position: absolute;
  top:      20px;
  left:     2px;
  */
  
  }
  
/* - Options ------------------------------------------------------- */

#ngMPOptions
  {
  background-color: #EEEEEE;
  border: solid 1px #CCCCCC;
  }
  
#ngMPSearch,
#ngMPMenu,
#ngMPSelectedInfo
  {
  width:    150px;
  margin:   5px 4px;
  padding:  2px;
  border:   solid 1px #DDDDDD;
  }
  
#ngMPSearch legend,
#ngMPMenu legend,
#ngMPSelectedInfo legend
  {
  padding: 0px 3px;
  }

#ngMPSearch h3,
#ngMPMenu h3
  {
  font: 900 11px Arial;
  line-height: 1em;
  color: #666666;
  }
  
#ngMPSearch input
  {
  width:    140px;
  padding:  0px;
  margin:   0px;
  border:   solid 1px #CCCCCC;
  }
  
#ngMPSearchControls
  {
  display:      block;
  margin:       0px;
  padding:      0px 0px 5px 0px;
  font:         500 9px Arial;
  text-align:   right;
  line-height:  1em;
  }

#ngMPSearchControls a
  {
  display:          inline;
  list-style:       none;
  margin:           0px;
  padding:          0px 3px;
  border-left:      solid 1px #999999;
  color:            #000000;
  text-decoration:  none;
  }

#ngMPSearchControls a:hover
  {                         
  color: #FF0000;
  text-decoration: underline;
  }

#ngMPSearchControls .first
  {
  border: none;
  }

/* - Search Keypad - */ 

#ngMPSearchKeypad
  {
  /* display:       none; */
  margin:        0px;
  padding:       0px 0px 10px 0px;
  text-align:    center;
  border-bottom: solid 1px #CCCCCC;
  }    
  
#ngMPSearchKeypad a
  {
  padding:              1px 1px 0px 1px;
  border:               solid 1px #AAAAAA;
  font:                 9px "Lucida Console", monospace;
  text-decoration:      none;
  background-color:     #F8F8F8;
  line-height:          19px;
  }

#ngMPSearchKeypad a:link
  {
  color:                #0000DD;
  }

#ngMPSearchKeypad a:visited
  {
  color:                #0000DD;
  }

#ngMPSearchKeypad a:hover
  {
  color:                #FF0000;
  text-decoration:      underline;
  background-color:     #FFFFFF;
  }

#ngMPSearchKeypad a:active
  {
  color:                #000000;
  }

  
/* - Page Controls - */
  
#ngMPPageControls
  {
  margin:     3px 0px;
  padding:    5px 2px;
  border-bottom: solid 1px #AAAAAA;
  }

#ngMPPageControls a
  {
  margin:     0px 1px;
  padding:    0px 2px;
  border:     solid 1px #CCCCCC;
  background: #F8F8F8;
  text-decoration: none;
  }

#ngMPPageControls a:hover
  {
  text-decoration: underline;
  background: #FFFFFF;
  color: #DD0000;
  }

#ngMediaPicker .ngMPPageControls .ngMPPageControlStart, 
#ngMediaPicker .ngMPPageControls .ngMPPageControlPrev, 
#ngMediaPicker .ngMPPageControls .ngMPPageControlNext,
#ngMediaPicker .ngMPPageControls .ngMPPageControlEnd
  {
  }

/* - Page Swatches - */

#ngMPSearchPageSwatches
  {
  margin: 0px;
  padding: 0px;
  margin-top: 3px;
  clear: both;
  }

#ngMPSearchPageSwatches div
  {
  margin:           0px;
  padding:          1px;
  }

#ngMPSearchPageSwatches div .clear
  {
  display: block;
  width: 25px;
  height: 1px;
  clear: both;
  }

#ngMPSearchPageSwatches a
  {
  font:             500 9px Arial, sans-serif;
  color:            #6666AA;
  background:       #EEEEFF;
  float:            left;
  width:            11px;
  margin:           1px 1px;
  border:           1px solid #CCCCCC;
  text-decoration:  none;
  text-align:       center;
  }

#ngMPSearchPageSwatches a.ngMPSearchPageSwatchCurrent
  {
  background:       #DDDDEE;
  color:            #000000;
  border:           1px solid #999999;
  }
  
#ngMPSearchPageSwatches a:link
  {
  }

#ngMPSearchPageSwatches a:visited
  {
  color:                #6666AA;
  }

#ngMPSearchPageSwatches a:hover
  {
  color:                #FF0000;
  text-decoration:      underline;
  background-color:     #CCCCCC;
  }

#ngMPSearchPageSwatches a:active
  {
  color:                #000000;
  }

/* - Menu ---------------------------------------------------------- */

#ngMPMenu a
  {
  display: block;
  padding: 0 3px;
  text-decoration: none;
  color: #000000;
  }

#ngMPMenu a:hover
  {
  color: #FF0000;
  text-decoration: underline;
  }


/* - Main ---------------------------------------------------------- */

#ngMPMain
  {
  margin-left: 3px;
  padding-left:5px;
  padding-right: 5px;
  background-color: #FFFFFF;
  border: solid 1px #CCCCCC;
  }

#ngMPMain #ngMPItems
  {
  margin:   0px;
  padding:  0px;
  font:     500 11px Arial;
  }

#ngMPMain
  {
	font:  500 13px Arial, Helvetica, sans-serif;
  color: #333333; 
  }

/* Have to confine the images to a size */
#ngMPItems
  {
  width: 530px;
  }

#ngMPItems .ngMPItem,
#ngMPSelected .ngMPItem
  {
  display: inline-block;
  position: relative;
  overflow: hidden;

  vertical-align: top;
  margin: 0px 6px 6px 0px;
  padding: 2px;
  text-align: center;

  color: #666666;
  padding: 0px;
  white-space: nowrap;
  text-align: center;

  width: 124px;
  height: 160px;

  background-color: #F8F8F8;
  border: solid 1px #EEEEEE;

  }

#ngMPItems .ngMPItem
  {
  float: left;
  }
    
#ngMPItems .ngMPItem div
  {
  height: 30px;
  white-space: normal;
  overflow: hidden;
  }

#ngMPItems .itemClickable:hover
  {
  cursor: pointer;
  }
  
#ngMPItems .itemClickable:hover
  {
  border: solid 1px #AAAAAA;
  background-color: #D8D8D8;
  }

#ngMPItems a:hover
  {
  border: solid 1px #999999;
  background-color: #FFFFFF;
  }
 
/* - Preview Item - */

#ngMPPreview
  {
  /* Must be 0 for Chrome and Safari to work for both margin and padding */
  margin:     0px;
  padding:    0px;
  padding-top: 4px;
  width:      100px;
  margin-top: 10px;
  border:     solid 1px #999999;
  overflow:   hide;
  }

#ngMPSelectedImage     
  {
  border: solid 1px #CCCCCC;
  padding: 3px;
  }
  
/* - Options - */

#ngMPMainOptions
  {
  padding:    14px 0px 5px 0px;
  margin:     0px;
  text-align: right; 
  }
   
#ngMPMainOptions a
  {
  font: 900 11px Arial;
  text-align: center;
  text-decoration: none;
  color:      #000000;
  margin:     0px 0px 0px 10px;
  padding:    2px 8px;
  background-color: #D4D0C8;
  border: solid 1px #999999;
  }
  
#ngMPMainOptions div a:hover
  {
  text-decoration: underline;
  color: #DD0000;
  }

#ngMediaPicker .QSQuantityButton:hover
  {
  text-decoration:  underline;
  color:            #FF0000;
  }

#ngMPSelectedInfo
  {
  width: 150px;
  }
  
#ngMPSelectedInfo label
  {
  padding: 0px;
  display: block;
  font: 900 11px Arial;
  }

#ngMPSelectedInfo fieldset
  {
  border: solid 1px #CCCCCC;
  padding: 5px;
  }

#ngMPSelectedInfo input,
#ngMPSelectedInfo select
  {
  display: block;
  width: 145px;
  margin: 3px;
  margin-left: 0px;
  }
  
  
#ngMPSelectedInfo h5
  {
  padding-top: 2px;
  }

#ngMPSelectedInfo #ngMPSelctedInfoWhitespace
  {
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  }
      
#ngMPSelectedInfo #ngMPSelctedInfoWhitespace,
#ngMPSelectedInfo #ngMPSelctedInfoWhitespace li
  {
  padding: 0px;
  margin: 0px;
  }
    
#ngMPSelectedInfo #ngMPSelctedInfoWhitespace li label,
#ngMPSelectedInfo #ngMPSelctedInfoWhitespace li input
  {
  display: inline-block;
  width: 80px;
  }
  
#ngMPSelectedInfo #ngMPSelctedInfoWhitespace li label
  {
  width: 30px;
  text-align: right;
  padding-right: 3px;
  }
  
#ngMPSelectedInfo #ngMPSelctedInfoWhitespace li input
  {
  width: 80px;
  }
  
/*  
#ngMPSelectedInfo .FullWidth
  {
  width: 325px;
  }
  
#ngMPSelectedInfo .HalfWidth
  {
  width: 135px;
  }
  
#ngMPSelectedInfo fieldset .HalfWidth
  {
  width: 100px;
  }
*/  

/* - Preview ------------------------------------------------------ */  

#ngMPPreview
  {
  padding: 3px;
  }
  
#ngMPPreview p
  {
  padding-top: 5px;
  }
  
/* - Footer ------------------------------------------------------- */
   
#ngMediaPicker .footer
  {
  clear: both;
  }
      
#ngMediaPicker .footer .left, #ngMediaPicker .footer .right
  {
  display: none;
  }