body, html {
	margin:0px; padding:0px;font-size:14pt;font-family: 'Philosopher', sans-serif;background-color:#030303;
}
html {height:100%;}
body { min-height:100%; }
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

.clearfix:after {    content: ".";    visibility: hidden;    display: block;    height: 0;    clear: both;}

  .vishidden {
opacity:0;
    -webkit-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;
  }



pre {margin:12px;font-size:0.8em;font-family: 'Philosopher', sans-serif;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word; }

.anim { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	.w-10 {width:10%;}
	.w-15 {width:15%;}
	.w-20 {width:20%;}
	.w-25 {width:25%;}
	.w-30 {width:30%;}
	.w-40 {width:40%;}
	.w-49 {width:49%;}
	.w-50 {width:50%;}
	.w-60 {width:60%;}
	.w-70 {width:70%;}
	.w-80 {width:80%;}
	.w-90 {width:90%;}
	.w-95 {width:95%;}
	.w-100 {width:100%;}

	.w-ib {display:inline-block;}
	.w-b {display:block;}
	.w-hide {display:none;}
	.w-tal {text-align:left;}
	.w-tar {text-align:right;}
	.w-tac {text-align:center;}
	.w-vat {vertical-align:top;}
	.w-vam {vertical-align:middle;}
	.w-fr {float:right;}
	.w-fl {float:left;}
	.w-fn {float:none;}

	.w1-mr5 {margin-right: 5%;}

	.w-text08 {font-size:0.8em}
	.w-text11 {font-size:1.1em}
	.w-text12 {font-size:1.2em}

	.w-cen {margin-left:auto;margin-right:auto;}

.HL1 {background-color:#d99;}
.HL2 {background-color:#99d;}
.HL3 {background-color:#9d9;}

h1 { }
h2 {text-align:center; padding:10px; margin:0px;font-size:1.2em;}
h3 {padding:5px; margin:0px;font-size:0.9em;color:#88f;}
h4 {padding:5px; margin:0px;font-size:0.9em;color:#88f;text-align:right;}

a {text-decoration:none; color:#88f; }
a:hover {text-decoration:underline; color:#88d;}
a[href^=tel] { color: #000; text-decoration: none; }

.ServerWarning {text-align:center;font-size:1.2em;border:3px solid #d00;border-radius:10px; margin:40px auto;width:90%;padding:20px; display:block; background-color:#333; color:#d00;}
.ServerMsg {text-align:center;font-size:1.2em;border:3px solid #fff;border-radius:10px; margin:40px auto;width:90%;padding:20px; display:block; background-color:#333; color:#fff;}

.button {border-radius: 10px;padding:3px 15px 3px 15px;border-color:#00d;border-style:ridge;border-width:1;color:#111;text-decoration:none;
	background: -ms-linear-gradient(#ddd 0%, #eee 50%, #999 80%, #666 100%);
	background: linear-gradient(to bottom, #ddd 0%, #eee 50%, #999 80%, #666 100%);
	-pie-background: linear-gradient(top, #ddd 0%, #eee 50%, #999 80%, #666 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #bbb), color-stop(1, #999));}
.button:hover {border-color:#88d;border-style:ridge;border-width:1;text-decoration:none;color:#fff;cursor:pointer;
	background: -ms-linear-gradient(rgba(120, 210, 255, 1) 0%, rgba(120, 210, 255, 1) 50%, rgba(20, 145, 225, 1) 80%, rgba(20, 145, 225, 1) 100%);
	background: linear-gradient(to bottom, #78d2ff 0%, #78d2ff 50%, #1491ff 80%, #fff 100%);
	-pie-background: linear-gradient(bottom, #78d2ff 0%, #78d2ff 50%, #1491ff 80%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #66d), color-stop(1, #33a));}

.button-img {margin:0px; padding:0px; border:none; box-shadow:none; -moz-box-shadow:
 none; -webkit-box-shadow: none; opacity: 0.5; }
.button-img:hover {opacity: 1; }

.more {position:relative;background-color:#000; border-radius:5px;overflow:hidden; padding:0px; margin:5px auto; color:#fff;}
.more a {padding:10px; margin:0px;border-radius:5px;color:#88d;display:block;font-weight:bold;cursor:pointer;text-decoration:none;border:1px solid #88d;position:relative; z-index:6;}
.more a:hover {color:#000;text-decoration:none;border:1px solid #88d;}
.more .hlt {position:absolute; top:50%; left:0px; width:100%; height:0%; background-color:#88d; z-index:5; 
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.more:hover .hlt { height:100%; top:0%;}

.adminBar {float:left;background-color:#2b2b2b;border-radius:5px; padding:2px 10px 0px 10px;text-align:center;opacity:0.5;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.adminBar:hover {opacity:1;}
.adminBar button {background-color:transparent;border:none;cursor:pointer;opacity:0.5;}
.adminBar button:hover {opacity:1;}


input, textarea, select {display:block;width:100%;margin:10px auto;border-radius:5px;border:3px solid #ccc;padding:0.8em;font-size:0.9em; background-color:#333; color:#fff;} 
input:hover, textarea:hover, select:hover {box-shadow:0px 0px 5px #66f; -moz-box-shadow:0px 0px 5px #66f; -webkit-box-shadow:0px 0px 5px #66f; }
 select {padding:0.3em;}
select option {margin:0px;padding:0.4em;} 

input[type="text"], input[type="password"] {width:95%;margin:5px auto;}
input.button {display:block;margin:5px auto;padding:5px 25px;font-size:1.2em}

input[type=checkbox] {display:inline-block;width:40px;border:2px solid red;}
input[type=file] {padding:0.5em;}

.checkbox input[type="checkbox"] {float:right;}
input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0px; border:0; }
 input[type=checkbox].css-checkbox + label.css-label { float:right;padding-left:16px;margin-top:2px; height:16px; display:inline-block; line-height:16px; background-repeat:no-repeat;background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; }
 input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; }
 .css-label{ background-image:url('../images/checkbox.png'); }

.DOB select {display:inline-block;width:auto;}
textarea {font-size:1em;height:200px;}
#SecAns {display:inline-block;width:70px;text-align:center;}
#emailResult span {border-top:1px solid #ccc;display:block;}

.container {max-width:1400px;display:block;margin:0px auto;padding:0px;}
.textb {margin:20px;}


#menubg {background-color:rgba(0, 0, 0, 0.5); border-bottom:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:5; display:none;}

#header {margin:0px; padding:0px;z-index:6;position:fixed; top:0px; left:0px; width:100%; overflow:auto;background-color:rgba(0, 0, 0, 0.3);}

#header.active { background-color:rgba(0, 0, 0, 0.5);}


	#header .container {border-bottom:none;}

	#header .logo img { height:100%; max-height:100px; max-width:100%; display:block;padding:0px;border:none;margin:0px auto;
	    -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

	.links {font-size:0.8em;text-align:center;padding-bottom:20px;}

	#mainmenu {margin:0px; padding:0px;}

		#menushow {cursor:pointer;margin:0px;text-align:center;}

 .mshow {display:block; margin:10px auto; width:40px; height:40px;border-radius:8px;position:relative;cursor:pointer;border:3px solid #88f; 
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow div { width:24px; height:3px;background-color:#88f; border-radius:5px;position:absolute;left:5px;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow .bar1 {top:6px;}
 .mshow.active .bar1 {top:15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
 .mshow .bar2 {top:15px;}
 .mshow.active .bar2 {left:18px;width:0px;}
 .mshow .bar3 {top:24px;}
 .mshow.active .bar3 {top:15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}


		#mainmenu .menushow {margin:0px; padding:0px;display:none; border-bottom:5px solid #88f; }
		#mainmenu .menushow li {margin:0px; padding:0px;list-style-type:none;border-top:1px solid #151515;border-bottom:1px solid #3b3b3b;vertical-align:middle;}
		#mainmenu .menushow li:first-child {border-top:none;}
		#mainmenu .menushow li:last-child {border-bottom:none;}
		#mainmenu .menushow li a {text-decoration:none;color:#fff;font-weight:bold;padding:10px;display:block;
				text-shadow: -1px -1px 0px #333, 1px 1px 0px #333, -1px 1px 0px #333, 1px -1px 0px #333, 1px 0px 0px #333, -1px 0px 0px #333, 0px -1px 0px #333, 0px 1px 0px #333;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
		#mainmenu .menushow li:not(.active) a:hover {color:#fff;background-color:#66d;}
		#mainmenu .menushow li.active > a {color:#9af;}
		#mainmenu .menushow li a img {opacity:1;}

			#mainmenu .menushow li ul { position:relative; margin:0px; padding:0px; display:none; }
			#mainmenu .menushow li ul li { margin:0px;}
			#mainmenu .menushow li ul li a { padding-left:40px; }

#page {z-index:2;position:relative; margin:0px; min-height:100%; padding:25% 0px 0px 0px; background-color:#fff;
	background-image:url('../images/Background.jpg');background-size: 100% auto;background-repeat:no-repeat;background-position: center top;}


#Welcome:after { content: ""; clear: both; display: block; }
.clearfix:after { content: ""; clear: both; display: block; }

.infoBlock {border-radius:0px;margin:20px;}
	.infoBlock .body {background-color: #333; border-radius:5px;color:#fff;padding:5px; position:relative; margin: -80px 20px 0px 20px; z-index:2;}
	.infoBlock .body p {margin:0px 5px 0px 5px;}
	.infoBlock .more {display:block;text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
	.infoBlock .more:hover { }
	.infoBlock .pic {padding:0px;position:relative; z-index:1;}
	.infoBlock .pic img { border-radius: 10px 10px 5px 5px; border:none;background-repeat:no-repeat;background-size:cover;background-position:center center;height:200px; z-index:1;}

	#OtherCat {display:none;}
	.adminBox {display:none; border:2px solid #ccc;padding:2%;background-color:#eee;border-radius:10px;}
	.adminBox input, .adminBox textarea, .adminBox select {margin-top:0px;}
	.adminBox input[type=submit] {margin-top:20px;}
	#publish {background-image:none;background-color:#f79;color:#934;border-radius:10px;margin-bottom:-30px;position:relative;z-index:2;}
	#publish.published {background-color:#0f0;color:#060;}
	#addPublished {position:relative;height:25px;}
	 #uploadProgBar, #uploadResult {display:none;}
	 #uploadResult {margin:5px 5px 5px auto;font-size:0.8em;}
	 #formuploadfile {margin-top:6px;display:block;}


 .releaseoil {border:4px solid #50ad42; border-radius:40px 0px; margin:20px auto;}

.ViewItem {}
	.ViewItem .pics {background-color:#fa1;border-radius:10px;
	box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7; -moz-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7; -webkit-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7;}

	.ViewItem .picBody {background-color:#2b2b2b;border-radius:10px;}

	.ViewItem .picSelect {overflow:auto;}
	.ViewItem .picSelect img {display:block;width:90%;margin:5% 0px 5% auto;border-radius:5px;border:0.2em solid #222;}
	.ViewItem .picSelect img.active,.ViewItem .picSelect img:hover {border:0.2em solid #fa1;cursor:pointer;}

	.ViewItem .pic {padding:0px;margin}
	.ViewItem .pic img {display:none;width:95%;border:0.5em solid #222;margin:3% auto;border-radius:15px;}
	.ViewItem .pic img.active {display:block;}

	.ViewItem .body {padding:5%;}


.calendar {margin:10px auto;width:98%;}
	.calendar td {min-height:50px;width:14%;background-color:#333;opacity:0.7;vertical-align:top;border:2px solid transparent;}
	.calendar td:first-child {width:15%;}
	.calendar td:last-child {width:15%;}
	.calendar td:hover {opacity:1;
		 -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
	.calendar .checked {opacity:1 !IMPORTANT;border:2px solid orange;}
	.calendar input {display: inline-block; width:auto; margin-left:10px; margin-right:10px; }

#footer {display:block; margin:0px 0px 0px 0px; padding:20px 10px 40px 10px; position:relative; text-align:center; color:#ddd;z-index:3;}

#footer .fmenu { border-bottom: 1px solid #aaa; padding:10px; border-radius:5px;}
#footer .fmenu:hover {color:#fff; text-decoration:none; background-color:#333;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
#popup .overlay {background-image:url(../images/CBox/overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.8;}
#popup .loader {position:absolute;top:50%;left:50%;margin:-45px 0px 0px -45px;border:5px solid #dde1ba;border-radius:50%;background-color:#fff;padding:10px;opacity:0.6;}
#popup .container {border:3px solid #442;border-radius:15px;background-color:#fff;position:relative;padding:15px;max-height:90%;overflow:auto;
	box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000;}
#popup .close {position:absolute;top:5px;right:8px;background-image:url(../images/CBox/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
	cursor:pointer;}
#popup .content p {padding:0px 35px;position:relative;}
#popup .content ul {padding:0px 55px;}
#popup .content strong {position:absolute;top:0px; left:0px;}

div.table {border:3px solid #776;width:90%;margin:20px auto;padding:0px;}
div.table .account {background-color:#fafaea;}
div.table .account:after { content: ""; clear: both; display: block; }
div.table .account:nth-child(even) {background-color:#eed;}
div.table .th {display:block;text-align:center;background-color:#dde1ba;background: linear-gradient(to top, #bdc17a 0%, #dde1ba 20%, #eaf4c7 50%, #dde1ba 80%, #bdc17a 100%);}
div.table .th div {text-align:left;padding:10px 20px;display:inline-block;}
div.table .th div:nth-child(1) {width:65%;}
div.table .th div:nth-child(2) {width:35%;}
div.table .tr {display:block;text-align:center;box-shadow: 0px 2px 6px rgba(220, 220, 180, 1);}
div.table .tr:hover {background-color:#ddc;cursor:pointer;}
div.table .tr div {text-align:left;padding:10px 20px;display:inline-block;margin:0px;vertical-align:top;}
div.table .tr div:nth-child(1) {width:65%;}
div.table .tr div:nth-child(2) {width:35%;}
div.table img {float:right;margin:10px;}
div.table .tb {Margin:0px; padding:0px;}
div.table .tb div {padding:10px 20px;display:block;margin:0px;vertical-align:top;font-size:0.8em;}
div.table .tb ul {margin:0px; padding:0px;}
div.table .tb ul li {margin:0px !IMPORTANT; padding:0px 0px 0px 20px;list-style-type: none !IMPORTANT;font-size:1em!IMPORTANT;}
div.table .tb ul li:first-child {padding:0px;}


.DivTable {display:block;margin:20px;border:2px solid #776;font-size:0.8em;font-weight:normal;}
.DivTable span {font-weight:bold;}
.Tableshow {margin:0px;display:block;padding:5px;cursor:pointer;text-align:center;font-weight:bold;background-color:#dde1ba;background: linear-gradient(to top, #bdc17a 0%, #dde1ba 20%, #eaf4c7 50%, #dde1ba 80%, #bdc17a 100%);}
.Tableshow:hover {background-color:#dde1ba;color:#442;}
.Tablerow {display:block;margin: 0px;background-color:#fafaea;text-align:left;}
.Tablerow:nth-child(odd) { background-color:#eed;}
.Tablerow:nth-child(1) { display:none; border-top:2px solid #776;font-weight:bold;}
.Tablerow:hover { background-color:#ddc;}
.Tablerow div {Text-align:left;padding:2px 4px;}
.Tablerow div:nth-child(6),.Tablerow div:nth-child(7),.Tablerow div:nth-child(9) {Text-align:center;}
.Tablerow .c5 { float:right;}
.Tablerow .c20 { width:100%}
.Tablerow .c15, .Tablerow .c10 {  width:50%}