/* ------------------------------------------------------------------
Base
Styles to be used globally throughout a site
------------------------------------------------------------------ */


/* Reset all browser defaults
------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,samp,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* Fonts
------------------------------------------------------------------ */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


/* Tags
------------------------------------------------------------------ */
body { background: #fff; } 
p { margin-bottom: 15px; } 
ul { margin-bottom: 15px; margin-left: 25px; list-style-type: square; }
ol { margin-bottom: 15px; margin-left: 25px; list-style-type: decimal; }
dl { margin-bottom: 15px; margin-left: 25px; }
blockquote { padding: 15px; margin-bottom: 15px; }
td, 
th { text-align: left; vertical-align: top; } 
h1, h2, h3, h4, h5 { color: #003366; font-weight: normal; margin-bottom: 7px; } 
h1 { font-size: 180%; color: #194DA3; margin-bottom: 15px; } 
h2 { font-size: 150%; } 
h3 { font-size: 130%; } 
h4 { font-size: 110%; } 
h5 { font-size: 90%; } 


/* Links
------------------------------------------------------------------ */
a img { border: 0; } 
a, 
a:link, 
a:visited { color: #3AA4B0;  cursor: pointer; text-decoration: none; } 
a:hover { color:  #BD518D; } 


/* Helpers
------------------------------------------------------------------ */
.center { text-align: center; } 
.right { text-align: right; } 
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {zoom:1;} /* IE */


/* Font Sizes
------------------------------------------------------------------ */
.font-10px { font-size: 77%; }
.font-11px { font-size: 85%; }
.font-12px { font-size: 92%; }
.font-13px { font-size: 100%; }
.font-14px { font-size: 107%; }


/* Form Base Styles
------------------------------------------------------------------ */
input[type="text"], 
input[type="password"], 
input[type="file"], 
textarea { padding: 4px 1px; }
select { margin: 0; padding: 3px 1px; }
/* Required/Optional */
.required { color: #cc0000; font-weight: bold; }
.optional { color: #666; font-weight: normal; }


/* Widths
------------------------------------------------------------------ */
.width-half { width: 49%; }
.width-full { width: 98%; }
.width-one-third { width: 32%; }
.width-two-thirds { width: 65%; }
.width-one-fourth { width: 24%; }
.width-three-fourths { width: 74%; }


/* Prototype Notes
------------------------------------------------------------------ */
.prototype-notes { padding: 50px 15px 15px 15px; clear: both; text-align: left; }
.prototype-notes table { border: 1px solid #ccc; border-bottom: 0; font-size: 90%; margin: 5px 0; width: 100%; } 
.prototype-notes table th, .prototype-notes table td { border-bottom: 1px solid #ccc; font-weight: normal; padding: 5px 7px; } 
.prototype-notes table a { text-decoration: underline; } 
.prototype-notes table th { background: #efefef; font-weight: bold; width: 175px; border-right: 1px solid #ccc; }