@charset "utf-8";
/* CSS Document */

body {margin:0; background-color:#3B76EB; font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
body {background-image: url(../PCI_bg2.jpg); background-size: cover; background-position:top left; background-repeat:no-repeat; background-attachment:fixed;}
#container {height:640px;  
	background-position: top left;
	background-repeat:no-repeat;
	background-attachment:fixed;

}
#noscriptmsg {
	margin:180px 100px;
	padding: 30px;
	color:#000;
	display:none;
	background-color: #ccc;
	border-radius: 15px;
}
#menu {
	width:100%;
	height:66px;
	background-color: #7DB7ED;
	opacity: .8;
    position: absolute;
    top: 0;
    right: 0;
	z-index:999;
	-webkit-padding-start: 0;
}
ul.menu {
	position: absolute;
	top: 0;
	right: 0;
	padding-right:1%; 
	float:right; 
	z-index:999;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
}
ul.menu li {
	padding: 5px 10px;
    margin: 0 5px;
	list-style:none; 
	cursor:pointer;
	display:inline-block;
}
ul.menu li a {text-decoration:none; color:#000;}
ul.menu li:hover {background-color:#fff; border-radius: 2px;}
#reg {
    position: fixed;
	top: 75px;
	left: 10%;
	width: 80%;
	padding: 10px;
	background-color:#fff;
}
#content {
	margin-top:150px;
}
#refer {
	position:relative;
	width:70%; 
	height:auto; 
	background-color:#fff; 
	padding:10px;	
	opacity: .8;
	margin-top: 20px;
}
.story {
	width: 96%;
	color:	#282244;
	position: absolute;
	left: 0%;
	top: 150px;
	visibility:hidden;
	background-color: #fff;
	height: auto;
	padding: 2%;
	opacity: .97;
	z-index: 500;
}

#header, #footer {height:75px;}
#terms {display:none; visibility:hidden;}
#termsbutton {text-decoration:underline;}
#termsbutton:hover {cursor:pointer; font-weight:bold; }
.closebutton {position: absolute;right: 2%;top: 0px;border-radius: 10px; height:30px; width:30px;}
.style1 {
	display: inline-block;
  	width: 100px;
 	text-align: right;
 	padding: 5px;
}
/******MOBILE**********/
#nav-wrap {
	position: absolute;
	top: 0;
	right: 0;
}
#menu-icon {
	position:absolute;
	top: 0px;
	right:0;
	color: #000;
	width: 42px;
	height: 30px;
	background: #ecebeb url(../assets/menu-icon.png) no-repeat 10px center;
	padding: 15px 10px 0 42px;
	cursor: pointer;
	border: solid 1px #666;
	display: block; /* show menu icon */
}
#menu-icon:hover {
	background-color: #f8f8f8;
}
#menu-icon.active {
	background-color: #bbb;
}
/* main nav */
#nav {
	clear: both;
	position: absolute;
	top: 40px;
	right:0;
	text-align:right;
	z-index: 10000;
	padding: 5px 15px 5px 5px;;
	background-color:#669BFF;
	border: solid 1px #999;
	display: none; /* visibility will be toggled with jquery */
}
#nav li {
	clear: both;
	float: none;
	margin: 15px 0 5px 5px;
	list-style:none;
}
#nav a, #nav ul a {
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	color: #FFF;
	border: none;
}
#nav li a  {
	color:#333;
	text-decoration:none;
}
#nav a:hover, #nav ul a:hover {
	background: none;
	text-decoration:underline;
}
#nav li:hover, #nav li a:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

/* dropdown */
#nav ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;
}
#nav ul li {
	margin: 3px 0 3px 5px;
}
#nav a.active, #nav ul a.active {
	color: #F00;
}
#ad {visibility:hidden;}
.clickbutton, .detbutton {
	border-radius:5px; 
	background-color:#00b200; 
  	padding: 5px 10px;
	font-size: 18px;
  	font-weight: normal;
  	cursor: pointer;
	text-decoration:none;
	color:#000;
}
.clickbutton:hover, .detbutton:hover {font-weight:bold;}
.contactbutton {cursor:pointer;}
.divbutton {
    overflow: auto;
    height: 25px;
    margin-bottom: 10px;
    display: inline-block;
	padding:1em;
	list-style: none;
}
.thl {text-align:left;}
@media only screen and (min-width:760px) {
.divbutton {
	padding:0;
}
@media only screen and (max-width: 400px) {
#search-form,#contact-form {position:absolute: top:100px; left:2%;}
}
@media only screen and (max-width:1175px) {
/*MOBILE*/
body {font-size:12px;}
#menu img.i2 { visibility:hidden; }
#menu ul {display:none;}
ul.menu {padding-right:0; } 
.slidelink {font-size: 80%;}
#nav-wrap {display:block;}
.f250, .f180, .f150, .f100 {font-size:100%;}
}
@media only screen and (min-width:1176px) {
#nav-wrap {display:none;}
.f250 {font-size:200%;}
.f180 {font-size:180%;}
.f150 {font-size:150%;}
.f100 {font-size:100%;}
}

label { display:block;  }
input.text { margin-bottom:12px; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
div#contact-form, div#search-form, div#click-form {font-size:12px; z-index:1000; }
div#users-contain { margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; color:red; }