html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
html{font-size:100%}
body{font-size:62.5%}

.clear{clear:both;width:100%;height:0;line-height:0;font-size:0px;display:block;}
* html .clear{overflow:hidden} /* can't apply to .clear, safari2 has issues */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/* GENERIC/COMMON STYLES */

/* rounded corners for non-IE browsers */
.rounded-corners {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tall_p{height:300px}
.topmargin{margin-top:10px}

body{
    background-repeat:repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#4E4E4E;
}

/* UNIVERSAL STYLES */
.center{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.error, div.validation-advice{
    color:#F22634;
}
.error li{
    margin:0 0 8px 8px;
}
.left{
	float:left;
}
.title{
    font-weight:bold
}
.poplink{
    cursor:pointer;
}
.pop{
    border:1px solid #666666;
    background-color:#FFFFFF;
    position:absolute;
    text-align:left;
    display:block;
    padding:2px;
    color:#000;
}
.pop a{
    display:block;
    padding:1px 3px 1px 5px;
    line-height:16px; 
    text-decoration:none;
}
.pop a:hover{
    text-decoration:none; 
    background-color:#EFEFEF;
}
.pop strong{
    padding:1px 3px;
    display:block;
    background:#ddd;
    line-height:16px; 
    color:#000;
}



/* LIGHTBOX
**********************************************************/
/* BEGIN LightWindow2.0 */
#lightwindow_overlay{
    /* REQUIRED */
    display:none;
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100px;
    z-index:1000;
    /* REQUIRED */
}

#lightwindow{
    /* REQUIRED */
    /* Of Note - The height and width of this element are set to 0px */
    display:none;
    visibility:hidden;
    position:absolute;
    z-index:1001;
    line-height:0px;
    /* REQUIRED */
}

#lightwindow_container{
    /* REQUIRED */
    display:none;
    visibility:hidden;
    position:absolute;
    /* REQUIRED */
    padding:0 0 0 0;
    margin:0 0 0 0;
}

/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container{
    overflow:hidden;
}

#lightwindow_contents{
    overflow:hidden;
    z-index:0;
    position:relative;
    border:10px solid #ffffff;
    background-color:#ffffff;
    line-height:1.2em;
}       

#lightwindow_data{
    /* REQUIRED */
    position:absolute;
    /* REQUIRED */
}



.age-panel{
    background-color:#fff;
    border:10px solid #FFFFFF;
    line-height:1.2em;
    overflow:hidden;
    position:relative;
    width:500px;
    height:250px;
    z-index:0;
}  
#lightwindow p, #safe-panel p{
    color:#000000;
}
#lightwindow p#warning, #safe-panel p#warning{
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:10px;
}
#lightwindow p#text, #safe-panel p#text{
    margin:10px;
    color:#999;
    font-size:1.3em;
    font-weight:bold;
    line-height:1.1em;
    text-align:center;
}
#lightwindow #buttons, #safe-panel #buttons{
    font-size:1.2em;
}
#lightwindow #buttons a, #safe-panel #buttons a{
    padding:0 8px;
}