/* Z-index of #mask must lower than #boxes .window */  
#mask, #hotelMask {  
  position:absolute;  
  z-index:9000;  
  background-color:#000;  
  display:none;  
  top:0px;
  left:0px;
}  
    
#boxes .window {  
  position:absolute;  
  display:none;  
  z-index:9999;  
  padding:20px;  
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:375px;   
  height:203px;  
}

#addquestion,
#addfield,
#addcategory,
#newform,
#hazard,
#foodrecord,
#waterrecord,
#equipmentrecord,
#temperaturerecord,
#addtemplate,
#addoption,
#submittedPopup {
    background-color: #ffffff;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #cccccc;
    border-top: 2px solid #cccccc;
}

#addquestion
{
    width:650px;
}

#hazard, #submittedPopup
{
    width:550px;
}

#foodrecord
{
	height:260px;
	width:400px;	
}

#waterrecord
{
	height:235px;
    width:400px;
}

#equipmentrecord
{
	height:235px;
    width:400px;
}

#temperaturerecord
{
	height:305px;
    width:400px;
}

.window h3
{
    margin-bottom:10px;   
    padding:10px;
    background-color:#ddeeff;
}

#hazard label
{
    margin-top:4px;
}

#foodrecord label,
#waterrecord label,
#equipmentrecord label,
#temperaturerecord label
{
    margin-top:10px;
}

#hazard label,
#foodrecord label,
#waterrecord label,
#equipmentrecord label,
#temperaturerecord label
{
    width:150px;
    float:left;
    margin-left:35px;
}

#hazard input
{
    margin-top: 2px;    
}

#foodrecord input,
#waterrecord input,
#equipmentrecord input,
#temperaturerecord input
{
    margin-top:10px;    
}

#foodrecord input { width:150px; }
#waterrecord input { width:150px; }
#equipmentrecord input { width:150px; }
#temperaturerecord input { width:150px; }
#hazard input { width:343px; }
#PersonsAtRisk input { width:280px; }

.personsatrisk
{
    display: inline-block;   
}

.personsatriskrepeater 
{
    display: inline-block;
    border-style: solid;
    border-color: #D3D3D3;
    border-width: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 500px;
    margin-left: 32px;
}

#hazard select,
#foodrecord select,
#waterrecord select,
#equipmentrecord select,
#temperaturerecord select
{
    float:left;     
    margin-top:10px;       
}

#foodrecord select { width:156px; }
#waterrecord select { width:156px; }
#equipmentrecord select { width:156px; }
#temperaturerecord select { width:156px; }
#hazard select { width:346px; }

.close-x
{
    position:absolute;
    top:2px;
    right:10px;   
}

#addquestion .modal-btns,
#hazard .modal-btns,
#foodrecord .modal-btns,
#equipmentrecord .modal-btns,
#temperaturerecord .modal-btns
{
    margin-top:6px;
    margin-right:18px;   
}

#controlmeasure .modal-btns
{
    margin-top:6px;
    margin-right:18px;   
}

#controlmeasure
{
    height:290px;
    width:350px;
    background-color:#ffffff;   
}

#controlmeasure label
{
    display:block;
    margin-top:10px;
    margin-left:10px;
}

#controlmeasure textarea
{
    width:320px;
    height:150px;
    margin-top:10px;   
    margin-left:10px; 
}

#controlmeasure select
{
    width:156px;
    float:left;     
    margin-top:10px;       
}

#HotelSelectorModal 
{
    position: fixed;
    z-index: 9999;
    top: 88.1px;
    left: 323px;
    display: block;
    -webkit-box-shadow: 0 0 50px #ccc;
}

a.modalButton:hover
{
    cursor: pointer;
}