@font-face {font-family: 'YanoneKaffeesatz-Regular'; src: url('../fonts/YanoneKaffeesatz-Regular.eot');  src: local('YanoneKaffeesatz-Regular'), url('../fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Regular.svg') format('svg'); }

fieldset.half-width {width:50%;}
fieldset.full-width {width:100%;}
fieldset {clear:both; border-color: #022b4e; background-color: #eaf4fe;}
legend {color:#006; padding:0; font-size:1.75em; margin:0 0 .25em 0; width:100%; clear:both; font-family:YanoneKaffeesatz-Regular;}
label {color:#66CCFF; margin:0; padding:0; display:block; font-family: YanoneKaffeesatz-Regular;}
.removed {display:none !important;}
input:read-only  {background: grey !important;}

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"] { width:98%; clear:both; padding:.35em; border: 1px solid #000000; border-radius: 5px; font-family: YanoneKaffeesatz-Regular; font-size: 1.1em;}

input[type="email"]#loginEmail, input[type="password"]#loginPassword, input[type="text"]#navSearch {width:100% !important;}

input[type="date"] {padding:5px;}

input[type="checkbox"] {width: 1.1em; vertical-align: middle;position: relative;}

select {padding:.35em; width:100%; border: 1px solid #000000; border-radius: 5px; font-size: 1.1em;}
select option {padding: .35em; font-family: YanoneKaffeesatz-Regular;}

textarea {margin:5px 0; width:98%; clear:both; padding:5px; border: 1px solid #000000; border-radius: 5px; font-family: YanoneKaffeesatz-Regular; font-size: 1.1em;}

input[type="submit"] {margin: 5px 0; width: 100%; padding: 3px; background: #66CCFF; background: -webkit-linear-gradient(#CCCCCC, #666666); background: -o-linear-gradient(#CCCCCC, #666666); background: -moz-linear-gradient(#CCCCCC, #666666); background: linear-gradient(#CCCCCC, #666666); font-size:1.25em; font-family: YanoneKaffeesatz-Regular; border: 1px solid #000000; border-radius: 5px; cursor: pointer;}

input[type="submit"]:hover {background: #666666; border-radius: 5px;}

input:required:invalid, input:focus:invalid, textarea:required:invalid { background-image: url(../images/error.png); background-position: right center; background-repeat: no-repeat;}
input:required:valid, textarea:required:valid { background-image: url(../images/accept.png); background-position: right center; background-repeat: no-repeat;}

.captcha_wrapper {padding:5px;}

div.denotes:before {color:red; font-weight:bold; content:"*";}
/*div.denotes {width:12em;}*/

label.required:after {color:red; font-weight:bold; content:"*";}
label em {font-size:.65em; color:#000000;}
div.alert:before, div.info:before, div.success:before {float:left; padding:10px 10px 25px 10px;}
div.alert:before {content:url(../images/exclamation.png);}
div.info:before {content:url(../images/info.png);}
div.success:before {content:url(../images/checkmark.png);}
div.alert, div.info, div.success {position:relative; border-radius: 5px; border: 1px #000 solid; margin: 0 auto 10px; padding:15px; font-size: 1.25em; color:#000000;}
div.alert {background:#FFCCCC;}
div.info {background:#99CCFF;}
div.success {background:#CCFFCC;}
div.alert p, div.info p, div.success p {color:#009; padding:0; font-size:1.25em; margin:0 0 .25em 0; width:100%; font-family:YanoneKaffeesatz-Regular;}
div.alert ul li, div.info ul li, div.success ul li {font-size: .75em; margin-left: 3em; font-weight: normal;}
div.alert span, div.info span, div.success span {font-size: .75em; margin-left: 3em; font-weight: normal;}
div.logInForm span.alert {color:red; margin: 0 .5em}

div.quarter-width {width:24%; float:left; padding:3px; margin:5px;}
div.third-width {width:32%; float:left; padding:3px; margin:5px;}
div.half-width {width:49%; float:left;  padding:3px; margin:5px;}
div.full-width {width:100%; float:none; clear:both; display:block; padding:5px;}
div.clear {display:block; clear:both; float:none;}
div.visible {display:block;}
div.invisible {display:none;}

div.button {margin: 5px; width: 47%; float:left; text-align: center; padding: 3px; background: #CCC; font-size:1em; font-family: YanoneKaffeesatz-Regular; border: 1px solid #000000; border-radius: 5px; cursor: pointer;}
div.button:hover {background: #999;}

section.half-width {width:49%; float:left;  padding:3px; margin:5px;}

.addBtn {background-image:url(../images/icons/addMe.png); height:15px; width:15px;  border:none; cursor:pointer; border:none; background-color:transparent; margin:0; padding:0;}
.removeBtn {background-image:url(../images/icons/removeMe.png); height:15px; width:15px;  border:none; cursor:pointer; border:none; background-color:transparent; margin:0; padding:0;}