/* Resets browser defaults and styles base elements */

/* = Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
}

ol, ul {
	list-style: none;
}

/* = Base Element Styling
------------------------------------------------- */

h1, h2, h3, h4, h5, h6{font-size: 120%; font-weight: bold; margin: 5px 0 0 0;}

p{margin: 10px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
th{border: solid 1px #000;padding: 3px;}
tr{}
td{border: solid 1px #000;padding: 3px;}
.tableReset table td{border: 0;}

a:hover{text-decoration: none;}
a{-moz-outline-style:none;text-decoration:none;}
a:active, a:focus {outline: 0 !important;}

img{vertical-align: bottom;}
.hide{display:none;}


/* = Independent Styles
------------------------------------------------- */

#container .small{font-size: 80%;}
#container .normal{font-size: 80%;}
#container .large{font-size: 90%;}
#container .xtra-large{font-size: 100%;}
#container .floatLeft{float: left;}
#container .floatRight{float: right;}
#container .textLeft{text-align:left;}
#container .textRight{text-align:right;}
#container .clr{clear: both;}
#container .clrz{clear: both;line-height:1px;height:1px;}
#container .link{text-decoration:underline;}
#container .link:hover{text-decoration:none;}

/* = Form Styling
------------------------------------------------- */
form{margin: 0;}
fieldset{}
legend{}
.input, .select, .textarea, .inputDisabled, .inputArea {
     margin:1px 0 1px 0;
     width:50%;
     font-family:Arial, verdana;
	   font-size: 100%;
     border: solid 1px #7F9DB9;
}
.select{width: 20%;padding:1px 0 1px 0;font-size:90%;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
.radio{border: none;width:auto;background-color: transparent;background-image:none;cursor: pointer;}
label{float: left;text-align: left;margin: 4px 5px 0 0; width: 30%;color:#336699;}
.btn
{
    border: solid 1px #99B9C6;
    background: #fff url(/_img/bg/button.gif) bottom left repeat-x;
    color: #336699; 
    padding: 2px;
    width: auto;
    cursor: pointer;
}


/* = Provide width classes to stack onto inputs
------------------------------------------------- */
#container .five{width:5%;}
#container .ten{width:10%;}
#container .fifteen{width:15%;}
#container .twenty{width:20%;}
#container .twentyfive{width:25%;}
#container .thirty{width:30%;}
#container .thirtyfive{width:35%;}
#container .forty{width:40%;}
#container .fortyfive{width:45%;}
#container .fifty{width:50%;}
#container .fiftyfive{width:55%;}
#container .sixty{width:60%;}
#container .sixtyfive{width:65%;}
#container .seventy{width:70%;}
#container .seventyfive{width:75%;}
#container .eighty{width:80%;}
#container .eightyfive{width:85%;}
#container .ninety{width:90%;}
#container .ninetyfive{width:95%;}
#container .hundred{width:100%;}


/* = Provide default cross browser hr styling
------------------------------------------------- */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #ccc;clear:both;}
div.hr hr{display:none;}
div.dash{border-top: 1px dashed #ccc;}