/* global reset */
body,img,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,ul,li,dl,ol,dd,dt,pre,blockquote,code{ margin:0; padding:0; border:0; }

/*
------------------------------
	elements
------------------------------
*/
body { font-family: 'Verdana'; color: #333333; font-size: 12px;}

a:link { text-decoration : none; color: #107872; /*color : #5595a9;*/ } 
a:active{ text-decoration : none; color: #107872; }
a:visited{ text-decoration : none; color: #107872; }
a:hover{ text-decoration : underline; color: #107872; } 

label{ font-weight: bold; padding: 0 10px 0 0; font-size: 12px; }
input{ font-family: 'Verdana'; color: #333333; font-size: 12px; }
textarea{ font-family: 'Verdana'; color: #333333; font-size: 12px }
select{ font-family: 'Verdana'; color: #333333; font-size: 12px; }

h1, h2, h3 { /*font-family: Arial;*/ }

h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 16px; }

p{ margin: 10px 0; line-height: 20px; }


/*
----------------------------
	classes
----------------------------
*/
.clear{ clear: both; }
.displaynone{ display: none; }
.row{ margin: 10px 0; padding: 10px; }
.successBlock{ background-color: #C4F708; border: solid 1px #009900; color: #008900; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.warningBlock{ background-color: #FFC6A5; border: solid 1px #ff0000; color: #ff0000; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.cautionBlock{ background-color: #ffffe0; border: solid 1px #e6db55; color: #777777; padding: 5px 10px; font-weight: bold; font-size: 12px; }
#flashMessage{ background-color: #ffffe0; border: solid 1px #e6db55; color: #777777; padding: 5px 10px; font-weight: bold; font-size: 12px;  }
.warningBlock a, .successBlock a, .cautionBlock a{ color: #333333; }
.error,.error label,.warningBlock{ color: #ff0000; vertical-align: top; }
.field{  margin: 8px 0; padding: 8px 0; border-bottom: solid 1px #f4f4f4; }

.inputShort input,.inputShort select,.inputShort textarea, .inputShort .scrollOptions{ width: 75px; border: solid 1px #aaaaaa; }
.inputMed input,.inputMed select,.inputMed textarea, .inputMed .scrollOptions{ width: 150px; border: solid 1px #aaaaaa; }
.inputLong input,.inputLong select,.inputLong textarea, .inputLong .scrollOptions{ width: 350px; border: solid 1px #aaaaaa; }
.inputFull input,.inputFull select,.inputFull textarea, .inputFull .scrollOptions{ width: 100%; border: solid 1px #aaaaaa; }
.radio, .radio input{ width: auto; }

.scrollOptions{ height: 140px; overflow: auto; }
.scrollOptions .checkbox{ margin: 3px; background-color: #f4f4f4; padding: 5px; }
.scrollOptions .checkbox input{ margin: 0 10px 0 0; display: inline; width: auto; border: none; font-weight: normal; }
.scrollOptions .checkbox label{ display: inline; }

.wysiwyg{ line-height: 22px; font-size: 11px; padding: 0; }
.wysiwyg ul,.wysiwyg ol{ padding: 0 0 10px 40px; }
.wysiwyg li{ margin: 0 0 3px 0; }
.wysiwyg blockquote{ margin: 10px 0 10px 40px; }
.wysiwyg a{ color: #444444; text-decoration: underline; }