.foo {}
/* ------------------------------
   Common Elements and Zero Out
   ------------------------------*/
body { /* This is a type selector */
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    background: #d9d9d9 url('page-margin-back.gif') repeat-y center;
}

* { /* This is a wildcard selector that applies to all element types */
    padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

img { /* This is a type selector */
    border: 0px;
}

a {
    color: Blue;
    text-decoration: none;
}
    a:hover {
        text-decoration: underline;
    }

h3 {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    min-width: 1px; /* Forces hasLayout in IE so that heading is always rendered */
    font-family: Cambria;
    color: Navy;
    font-weight: normal;
    font-style: italic;
    border-bottom: 1px solid #CCCCCC;
}

h4 {
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.2em;
    color: Navy;
}

p {
    margin-bottom: 1.0em;
    line-height: 1.3em;
}

div.clear {
    clear: both;
}
select, textarea, input[type~="text"], input.text-box {
    border: 1px solid #d5d5d5;
	font-family: Tahoma;
    font-size: 0.9em;
	padding:0 2px;
}

select:hover, textarea:hover, input[type~="text"]:hover,input.text-box:hover,
    select:focus, textarea:focus, input[type~="text"]:focus, input.text-box:focus { /* Multiple selectors are allowed per rule when separated by commas */
        border: 1px solid #ffcc00;
        border-top: 1px solid #ff9900;
        border-left: 1px solid #ff9900;
    }
.date-of-birth img{position:absolute;margin-left:10px;}
/* ------------------------------
   Page Layout Rules
   ------------------------------*/

div#pageContainer {
    width: 1000px;
    margin-left: auto; /* this centres the div */
    margin-right: auto;
    min-height: 600px;
    background: white;
}

div#pageMain {
    background: White url('page-main-back.gif') repeat-y;
}

div#pageNavigation {
    float: left;
    width: 210px;
}

div#pageForm { /* Type & ID Selector */
    margin-left: 150px; /* This equals pageNavigation width */
    padding: 20px 20px;
}

/* ------------------------------
   Combinations can be long and complex
   ------------------------------*/
div#pageContainer div.navigation-menu ul > li.selected a:hover {
    background: white;
}   
   

/* ------------------------------
   Other Selector Types
   ------------------------------*/
/* Attribute selectors */
a[title] { /* Will apply to all <a> elements with the title attribute set */
    azimuth: center;
}
a[title="my title"] { /* Will apply to all <a> elements where the title attribute equals "my title" */
    azimuth: center;
}
a[class~="my-class"] { /* Will apply to all <a> elements where the class attribute includes "my-class" in its space separated list */
    azimuth: center;
}
a[lang|="en"] { /* Will apply to all <a> elements where the lang attribute includes "en" in its comma separated list */
    azimuth: center;
}
/* Child selector */
h1 > a { /* Will apply to all <a> elements that are immediate children of <h1> elements */
    azimuth: center;
}
h1 > a > img { /* Will apply to all <img> elements that are immediate children of <a> elements which are in turn immediate children of <h1> elements */
    azimuth: center;
}
/* Adjacent selector */
strong + em { /* Will apply to all <em> elements that are adjacent to any <strong> element */
    azimuth: center;
}
/* Pseudo selectors */
h1:first-child { /* Will apply to <h1> elements that are the first child of another element */
    azimuth: center;
}
h1:hover { /* Will apply to <h1> elements when the user's mouse is over them */
    azimuth: center;
}
input:focus { /* Will apply to <input> elements when they have the cursor focus */
    azimuth: center;
}
p:first-line { /* Will apply to the first line of all <p> elements */
    azimuth: center;
}
p:first-letter { /* Will apply to the first line of all <p> elements */
    azimuth: center;
}

label:after {
    /*content: "this is content";
}