a{outline:0; text-decoration:none}
a:hover{color:#f00; text-decoration:none}
html{color:#727272; font:normal 16px "Helvetice Neue",Arial,Tahoma,Verdana}
form{margin:0px 0px; padding:0px 0px; background:none; border:0px; color:rgb(13,49,107); font-size:1em;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
form fieldset{text-shadow:0px 0px 0; margin:10px 10px; padding:10px; border:2px solid rgb(13,49,107);  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-shadow:5px 5px 7px #bbb}
form legend{font:bold 1.6em "Segoe Print",Arial,Tahoma,Verdana; color:rgb(22,87,173); padding:0 10px}
label{font-size:1.2em; font-weight:bold; display:block; color:rgb(13,49,107)}
input[type='submit']{font-size:1.0em; padding:5px 10px; box-shadow:2px 2px 4px #bbb; color:white; border:0; border-radius:2px; background:rgb(22,87,173); background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2NTdhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzBkMzE2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(top, rgba(22,87,173,1) 0%,rgba(13,49,107,1) 61%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(22,87,173,1)),color-stop(61%,rgba(13,49,107,1))); background:-webkit-linear-gradient(top, rgba(22,87,173,1) 0%,rgba(13,49,107,1) 61%); background:-o-linear-gradient(top, rgba(22,87,173,1) 0%,rgba(13,49,107,1) 61%); background:-ms-linear-gradient(top, rgba(22,87,173,1) 0%,rgba(13,49,107,1) 61%); background:linear-gradient(to bottom, rgba(22,87,173,1) 0%,rgba(13,49,107,1) 61%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1657ad',endColorstr='#0d316b',GradientType=0 )}
input[type='submit']:hover{text-shadow:0 0 5px #fff; background:rgb(22,87,173)}
select{color:#777; border:1px solid rgb(13,49,107); padding:2px 0 2px 5px; border-radius:3px}
input[type='text']{color:#777; border:1px solid rgb(13,49,107); padding:0 0 0 5px; border-radius:3px; min-height:20px}
input[type='checkbox']{height:15px; background:transparent; width:15px; margin:0px 0px 5px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 0 0}

#submit{ font-size:1em; border:0px; color:#fefefe; background:#3a6594; padding:5px 5px 5px 5px; margin:15px 345px 15px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#submitMail{ font-size:1em; border:0px; color:#fefefe; background:#3a6594; padding:5px 35px 5px 5px; margin:15px 345px 15px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#delete{font-size:1em; color:#fefefe; background:#c00; padding:5px 5px 5px 5px; margin:0}
#checkbox{height:20px; width:20px; margin:0px; color:#777; padding:0px; border:1px solid #c5c5c5; border-radius:3px; background-color:transparent}
.select_join{border:1px solid #c5c5c5; padding:0 0 5px 0; height:25px; margin-bottom:20px; width:90%; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.select_join select{color:#777; height:25px; font-size:1em; background:transparent; border:0; border-radius:0; -webkit-appearance:none}
.Left{float:left; width:260px; //border:1px solid blue; //margin:15px 15px 0 0; min-height:75px}
.Left2{float:left; //border:1px solid blue; width:100%; margin:0px; padding:0px}
.Left3{float:left; //border:1px solid green; width:48%; min-width:320px; margin:0px; padding:0px; position:relative}
.Left4{float:left; //border:1px solid green; width:45%; min-width:350px; margin:0px; padding:0px; position:relative}
.left{float:left; width:260px; //border:1px solid blue; //margin:15px 15px 0 0}
.left2{float:left; //border:1px solid blue; font-size:1.3em; padding:5px 30px 5px 0px; display:block; position:relative; height:20px}
.left3{float:left; //border:1px solid blue; font-size:1em; padding:5px 30px 5px 0px; display:block; position:relative; min-height:20px}
.popup{background-color:#fbfbff}
.popup h3{color:#c00; font:bold 1.5em "Segoe Print",Arial,Tahoma,Verdana}
.thirds{width:30%; padding:3px 8px; float:left; margin:10px 0 0 0; text-align:left; //border:1px solid green}
.forty5{height:45px}
.seventy{height:70px}
form.avatar fieldset{left:0; right:0; max-width:300px; color:#1c447f; min-width:240px}
form.login{width:350px; color:#1c447f;  max-height:50px;background:rgba(251,251,255,1.0); padding:0px 2px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:absolute; top:0px; left:10px; z-index:200}
form.login legend{font:bold 1.8em "Segoe Print",Arial,Tahoma,Verdana}
form.login label{width:160px; font-size:1.0em; color:#ccc}
form.login input{margin:2px 0 0 2px; box-shadow:0 0 0; padding-left:5px}
form.login input[type='submit']{float:left;cursor:hand; color:rgb(13,49,107); font-weight:bold; padding:1px 10px; border:1px solid #ccc; background:rgb(188,188,188); background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(top, rgba(188,188,188,1) 0%,rgba(238,238,238,1) 38%,rgba(187,187,187,1) 76%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(188,188,188,1)),color-stop(38%,rgba(238,238,238,1)),color-stop(76%,rgba(187,187,187,1))); background:-webkit-linear-gradient(top, rgba(188,188,188,1) 0%,rgba(238,238,238,1) 38%,rgba(187,187,187,1) 76%); background:-o-linear-gradient(top, rgba(188,188,188,1) 0%,rgba(238,238,238,1) 38%,rgba(187,187,187,1) 76%); background:-ms-linear-gradient(top, rgba(188,188,188,1) 0%,rgba(238,238,238,1) 38%,rgba(187,187,187,1) 76%); background:linear-gradient(to bottom, rgba(188,188,188,1) 0%,rgba(238,238,238,1) 38%,rgba(187,187,187,1) 76%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc',endColorstr='#bbb',GradientType=0 )}
form.login input[type='submit']:hover{-moz-box-shadow:0 0 3px #bbb; -webkit-box-shadow:0 0 3px #bbb; box-shadow:0 0 3px #bbb}
form.login input[type='text']{height:22px; color:#777; border:1px solid #c5c5c5; padding-left:2px; width:160px; font-size:1em; background:#fefefe; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;float:left;}
form.login input[type='password']{height:22px; color:#777;  border:1px solid #c5c5c5; padding-left:2px; width:160px; font-size:1em; background:#fefefe; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;float:left}


form.settings fieldset{max-width:260px; color:#1c447f; min-width:180px; padding:20px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.settings legend{font:bold 1.8em "Segoe Print",Arial,Tahoma,Verdana; color:rgb(13,49,107)}
form.settings label{width:180px; color:#1c447f; font-size:1.0em}
form.settings input{height:25px; margin:0px; box-shadow:1px 1px 2px #bbb; padding-left:5px}
form.settings input[type='submit']{height:30px; box-shadow:2px 2px 4px #bbb; color:white; padding:5px 10px}
form.settings input[type='text']{height:25px; color:#777; margin-bottom:20px; border:1px solid #c5c5c5; padding-left:2px; width:180px; font-size:1em; background:#fefefe; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
form.settings input[type='password']{height:25px; color:#777; margin-bottom:20px; border:1px solid #c5c5c5; padding-left:2px; width:180px; font-size:1em; background:#fefefe; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
form.register fieldset{max-width:520px; min-width:210px; color:#1c447f; padding:20px}
form.register legend{font:bold 1.8em "Segoe Print",Arial,Tahoma,Verdana; color:rgb(13,49,107)}
form.register label{font-size:1.2em; font-weight:bold; display:block; width:90%}
form.register input[type='password']{color:#777; margin-bottom:20px; border:1px solid #c5c5c5; height:30px; padding-left:5px; font-size:1em; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:200px}
form.register input[type='text']{color:#777; margin-bottom:20px; border:1px solid #c5c5c5; height:30px; padding-left:5px; font-size:1em; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:200px}
form.register input[type='submit']{height:30px; box-shadow:2px 2px 4px #bbb; color:white; padding:5px 10px}
form.register input[type='radio']{position:relative; height:15px; background:transparent; width:15px; margin:0px 3px -5px 5px; box-shadow:0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.register input[type='checkbox']{height:20px; background:transparent; width:20px; padding:0; box-shadow:0 0 0px}
form.register #checkbox{height:20px; width:20px; margin:10px 0px 22px 0px}

form.training fieldset{max-width:600px; min-width:400px; min-height:240px; padding:0 20px 20px 20px; margin:0}
form.training label{min-width:70px; margin-bottom:10px}
form.training input[type='text']{color:#777; margin-bottom:10px; border:1px solid #c5c5c5; height:30px; padding-left:5px; width:200px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.training select{color:#777; margin-bottom:10px; border:1px solid #c5c5c5; height:30px; padding-left:5px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.training input[type='radio']{height:15px; background:transparent; width:15px; margin:0px 0px 5px 0px; box-shadow:0 0 0}
form.training input[type='submit']{padding:3px 5px; background:#3a6594; color:white; margin:0px 0px 0px 0px}
form.resource{padding:0; position:relative}
form.resource fieldset{max-width:350px; min-width:260px; min-height:240px; margin:0 0}
form.resource label{min-width:70px; margin-bottom:10px}
form.resource input[type='text']{color:#777; margin-bottom:10px; border:1px solid #c5c5c5; height:30px; padding-left:5px; width:200px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.resource select{color:#777; margin-bottom:10px; border:1px solid #c5c5c5; height:30px; padding-left:5px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.resource input[type='radio']{position:relative; height:15px; background:transparent; width:15px; margin:0px 3px -5px 5px; box-shadow:0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.resource input[type='checkbox']{position:relative; height:15px; background:transparent; width:15px; margin:0px 3px -5px 5px; box-shadow:0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.resource input[type='submit']{padding:3px 10px; background:#3a6594; color:white; margin:0px 0px 0px 0px}
form.resource input[type='reset']{font-size:1em; padding:3px 10px; background:#c00; color:white; margin:0px 0px 0px 0px; box-shadow:2px 2px 4px #bbb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.sp_events fieldset{max-width:350px; min-width:320px; min-height:240px; padding:5px 10px; margin:10px 0px}
form.sp_events label{min-width:70px; margin-bottom:0px}
form.sp_events input{color:#777; margin-bottom:10px; border:1px solid #c5c5c5; height:30px; padding-left:5px; width:200px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.sp_events input[type='checkbox']{height:20px; background:transparent; width:20px; margin:0px 0px 5px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 0 0}
form.sp_events input[type='submit']{height:30px; width:70px; background:#3a6594; color:white}
form.deleteresv fieldset{max-width:600px; min-width:400px; min-height:240px}
form.deleteresv label{min-width:70px; margin-bottom:10px}
form.deleteresv input{color:#777; margin-bottom:10px; border:1px solid #c5c5c5; height:30px; padding-left:5px; width:200px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.deleteresv input[type='checkbox']{height:20px; background:transparent; width:20px; margin:0px 0px 5px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 0 0}
form.deleteresv input[type='submit']{height:30px; width:70px; background:#c00; color:white}
form.atcresv fieldset{left:0; right:0; max-width:530px; color:#1c447f; min-width:240px; min-height:240px}
form.atcresv label{font-size:1.2em; font-weight:bold; display:block; min-width:100px}
form.atcresv input[type='submit']{height:35px; width:80px; background:#3a6594; color:white; margin:15px 0 0px 0}
form.atcresv input{color:#777; margin-bottom:0px; border:1px solid #c5c5c5; height:30px; padding-left:5px; font-size:1.0em; width:180px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.atcresv select{color:#777; margin:0 0 0px 0; border:1px solid #c5c5c5; height:30px; padding-left:5px; font-size:1.0em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.atcresv .info{color:#777; font-weight:bold; font-size:1.2em}
form.contact fieldset{margin:10px 20px 0 10px; width:90%; padding:10px 20px 20px 20px; max-width:570px; min-width:250px; color:#1c447f}
form.contact legend{margin-left:40px; padding:0 10px}
form.contact textarea{width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #c5c5c5; box-shadow:2px 2px 2px #ccc}
form.contact label{font-size:1.2em; font-weight:bold; display:block; width:90%}
form.contact input[type='text']{color:#777; margin-bottom:20px; border:1px solid #c5c5c5; height:30px; padding-left:5px; width:80%; min-width:160px; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.contact input[type='submit']{height:30px; width:90px; background:#3a6594; color:white; font-weight:bold; margin:20px 0 10px 40px}
form.contact input[type='radio']{position:inherit; height:15px; background:transparent; width:15px; padding:0px; margin:0 5px 0 0; box-shadow:0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.contact input[type='checkbox']{height:20px; background:transparent; width:20px; padding:0; box-shadow:0 0 0px}
form.admin fieldset{left:0; right:0; max-width:600px; min-width:280px; color:#1c447f}
form.admin legend{font:bold 1.8em "Segoe Print",Arial,Tahoma,Verdana; color:#060; margin-left:40px; padding:0 10px}
form.admin label{font-size:1.2em; font-weight:bold; display:block; width:90%; color:#1c447f}
form.admin input{margin-bottom:20px; border:1px solid #c5c5c5; height:30px; padding-left:5px; width:80%; font-size:1em; background:#fefefe; box-shadow:2px 2px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form.admin input[type='submit']{height:30px; width:70px; background:rgba(58,101,148,8); color:white}
form.select fieldset{background:transparent; padding:0 0 0 20px; margin:0; border:0; box-shadow:0 0 0}
form.select select{width:160px; height:25px; border-radius:3px; font-size:1em; box-shadow:1px 1px 3px #bbb; }
textarea{font:normal 16px "Helvetice Neue",Arial,Tahoma,Verdana; color:#777; border:1px solid #c5c5c5; padding:2px 0 2px 5px; border-radius:3px}
::-webkit-input-placeholder{color:blue; //font-style:italic; padding:0 5px}
::-moz-placeholder{ color:blue; //font-style:italic; padding:0 5px}
:-ms-input-placeholder{ color:blue; font-style:italic; padding:0 5px}
textarea:-moz-placeholder, input:-moz-placeholder{color:blue; //font-style:italic; padding:0 5px}


 input[type='text'].error::-webkit-input-placeholder {color:red}
 input[type='text'].error::-moz-placeholder {color:red}
 input[type='text'].error:-ms-input-placeholder {color:red}
 input[type='password'].error::-webkit-input-placeholder {color:red}
 input[type='password'].error::-moz-placeholder {color:red}
 input[type='password'].error:-ms-input-placeholder {color:red}

input.delete{padding:5px 10px; background:#c00; color:white; border-radius:3px; box-shadow:2px 2px 4px #bbb; border:0; font-weight:bold}

@media (max-width:500px){
.thirds{width:100%}
form.login{width:160px;}
}
@media (max-width:380px){
//form.login label{font-size:1em}
form fieldset{; padding:10px 10px; margin:10px 10px}
form legend{font:bold 1.3em "Segoe Print",Arial,Tahoma,Verdana; padding:5px 5px}
form.register fieldset{max-width:250px; color:#1c447f}
form.contact fieldset{max-width:290px; padding:0px 5px}
.Left{float:left; width:100%}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
html{width:100%}
}