/* -- Reset -- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
body {line-height:1.5;background:#fff;font-size:75%;color:#222;font-family: Arial, Helvetica, sans-serif;}
table {border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
/*caption,th,td {text-align:left;font-weight:400;}*/
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:;}
a img {border:none;}


/* -- Typographical Baseline -- */

a:focus, a:hover {color:#000;}
a {color:#3348CD;text-decoration:underline;}


h1,h2,h3,h4,h5,h6 {color:#111;font-family: Arial, Helvetica, sans-serif;font-weight:400;}


h2 {font-size:2em;margin-bottom:.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:700;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:700;}

/*p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}*/

abbr,acronym {border-bottom:1px dotted #666;}
address {margin-top:1.5em;font-style:italic;}
blockquote {color:#666;font-style:italic;margin:1.5em;}
/*em,dfn {font-style:italic;background:#ffc;}*/
em,dfn {font-style:italic;}
pre,code {white-space:pre;margin:1.5em 0;}
pre,code,tt {font:1em 'andale mono', monotype.com, 'lucida console', monospace;line-height:1.5;}
tt {display:block;line-height:1.5;margin:1.5em 0;}

ul,ol {margin:0 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type:decimal;}
dd {margin-left:1.5em;}

/*th {border-bottom:2px solid #ccc;font-weight:700;}
td {border-bottom:1px solid #ddd;} */
th,td {padding:4px 10px 4px 0;}
tfoot {font-style:italic;}
caption {background:#ffc;}
p,img,dl {margin:0 0 1.5em;}
dl dt,strong,dfn,label {font-weight:700;}
del,.quiet {color:#666;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.highlight {background:#ff0;}
.added {color:#060;}
.removed {color:#900;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}



/* -- Forms -- */
fieldset {border:1px solid #ccc;margin:0 0 1.5em;padding:1.4em;}
legend {font-weight:700;font-size:1.2em;}
input.text,input.title {width:300px;border:1px solid #bbb;background:#f6f6f6;margin:.5em .5em .5em 0;padding:5px;}
input.title {font-size:1.5em;}
input.text:focus,input.title:focus,textarea:focus,select:focus {background:#fff;border:1px solid #999;}
textarea {width:400px;height:250px;border:1px solid #bbb;background:#eee;margin:.5em .5em .5em 0;padding:5px;}
select {border:1px solid #ccc;background:#f6f6f6;width:200px;}
.error,.notice,.success {margin-bottom:1em;border:2px solid #ddd;padding:.8em;}
.error {background:#FBE3E4;color:#D12F19;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#817134;border-color:#FFD324;}
.success {background:#E6EFC2;color:#529214;border-color:#C6D880;}
.error a {color:#D12F19;}
.notice a {color:#817134;}
.success a {color:#529214;}


/* -- Floats -- */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */


/* 	hack for ie - make it think the element with class "clear" has "haslayout".  
	In effect, the haslayout generates a "clear: both;" after the last child element of the element that has this class.
	This takes the place (for IE) of the code below...for psuedoclass "after" (used by standards-compliant browsers)
*/
.clear { display: inline-block; } 

/* psuedo class :after works on mozilla and other standards-compliant browsers (not IE) - inserts content
after the class that you name - this way you don't have to insert code inline for a clearing div .... */  
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* hack for ie to replace psuedoclass "after" continued... */
* html .clear { height: 1%; } 
.clear { display: block; }

/* classes for floated left/right */
.left {float:left;}
.right{float:right;}