/* Resets browser defaults and provides base element styles */

/* = 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;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* = Base element Styles
------------------------------------------------- */

body
{
    color: #fff;
    font-family: Verdana, Trebuchet MS, 'MS Sans-Serif';
    font-size: 80%;
    line-height: 20px;
    background: #999;
}
h1, h2, h3, h4, h5, h6{color: #fff; font-size: 125%; font-family: verdana, Trebuchet MS; font-weight: bold; margin: 10px 0 0 0;}
h2{}
h3{}
h4{margin: 0;}
h5{}
h6{}
/* alternative heading style */
.alt{color: #aac31f;}

p{margin: 8px 0; font-size:120%}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
li{list-style: disc;}

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

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #336699;padding: 3px;}
tr{}
td{border: solid 1px #336699;padding: 3px;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

/** Set default styles for form elements **/
form{margin: 0;}
fieldset{border: solid 1px #ccc;}
legend{font-weight: bold;}
label{float: left;text-align: left;margin: 0px 5px 0 0;color:#333333;padding: 3px 0;}
input, textarea{margin:1px 0 1px 0;font-family: Arial, Sans-Serif;font-size: 100%;border: solid 1px #c2d4e2;padding: 3px 5px;color: #333;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
input.check{border:0;}
select{}
.btn{background: #fff;border: 1px #c2d4e2 solid;color: #4c4d4f;width: auto;cursor: pointer;font-weight: bold;font-size: 95%;padding: 2px 5px;}
.btnWrap{border: solid 1px #d0d1dd; border-width: 1px 0 1px 0; padding: 5px 0;float: left; width: 100%;background: #dbe4e9;}
.btnWrap .btn{height: 30px; line-height: 30px; padding: 0; width: 130px; text-align: center;border: 0; background: url(/_img/btn-bg.gif) top left no-repeat;font-weight: bold;color: #000;}
/** provide width classes to stack onto inputs **/

.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{width: 525px; border: 0;border-top: dashed 1px #666; height: 1px; margin: 5px auto; clear: both;}
div.hr{margin: 15px 0px; border: none; border-top: 1px solid #666;}
div.hr hr{display:none;}

a{color: #fff;}
a:hover{text-decoration: none;}

/** To remove dotted outline on links **/
a{outline-style:none;}
a:active, a:focus {outline: 0 !important;}


img{vertical-align: bottom;}

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

.floatLeft{float: left;}
.floatRight{float: right;}
.clr{clear: both;}
.clrsml{clear: both;line-height:1px;height:1px;}
.standoutText{color: #3366cc;}
.sml{font-size:85%;}
.hide{display: none;}
.vmiddle{vertical-align: middle;}
.no-ul{text-decoration: none;}
.noborder{border: 0;}