﻿

/* Set the background color of the page when the body tag's class attribute is equal to portrait. 
   The expression body[class="value"] is a CSS attribute selector where "body" is the html element to be styled, "class" the body's attribute to be
   manipulated, and "value" the class attribute's value, which is either portrait, landscapeLeft, or landscapeRight.
   This expression is used to dynamically select a body style according to the class attribute value. For instance, if the body's class attribute is set
   to landscapeLeft, then all style declarations matching body[class="landscapeLeft"] will be used to style "Handling iPhone or iPod touch Orientation Events". 
   The JavaScript updateOrientation function in the iPhoneOrientation.js file is used to set the body's class attribute to one of these values.
   Further information about CSS attribute selectors can be found at  http://www.w3.org/TR/css3-selectors/#attribute-selectors.
 */
body {
	; background: #D6D6D6;    /* F5F8E8;   #EEF2D9;     D6E8F4;  */  	
	}
        
#vPageOver {
    border:2px solid #A40D14;
    border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    margin-top:-1px;
    background-color: #D6D6D6;
    padding:6px;
}
#DataFormFull {
    border:2px solid #212100;
    border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    background-color: #AEAEAE;
    margin-top:-1px;
    padding:6px;
	}
#DataFormTop {
    border:2px solid #212100;
    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    margin-top:-1px;
    padding:6px;
	}
#DataFormMiddle {
    border:2px solid #212100;
    padding:6px;
	}
#DataFormBottom {
    border:2px solid #212100;
    border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    margin-top:-1px;
    padding:6px;
  	}
  	
#cmdSave {
    border:2px solid #999999;
    border-radius:5px 5px 5px 5px;
    background-color: #999999;
    -moz-border-radius:5px 5px 5px 5px;
	}
 
#cmdBack {
    border:2px solid #999999;
    border-radius:5px 5px 5px 5px;
    background-color: #999999;
    -moz-border-radius:5px 5px 5px 5px;
  	}  
  	 	 
#cmdDelete {
    border:2px solid #999999;
    border-radius:5px 5px 5px 5px;
    background-color: #999999;
    -moz-border-radius:5px 5px 5px 5px;
  	}  
  	    
#bttnEmergency {
    border:2px solid #999999;
    border-radius:5px 5px 5px 5px;
    background-color: #FF3300;
    -moz-border-radius:5px 5px 5px 5px;
  	} 
  	  	    
#bttnMenu {
    border:2px solid #999999;
    border-radius:15px 15px 15px 15px;
    background-color: #FFFCF2;
    -moz-border-radius:15px 15px 15px 15px;
}

#lblHeading {
    text-align:center;
    border:2px solid #999999;
    border-radius:15px 15px 15px 15px;
    background-color: #33FCF2;
    -moz-border-radius:15px 15px 15px 15px;
	z-index: 1;
	left: 179px;
	top: 110px;
	position: absolute;
}  	 

#myChecks {
	    text-align:right;
	    display:inline;
}	