/* BASE STYLESHEET  */



html {
	background: #fff;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	}

body {
	background: #fff;
	font: normal 400 13px/1.5 'Lato', arial, helvetica, sans-serif;
	color: #444;
	}

	.clickbox:hover { cursor: pointer; }
	.readmore { font-size: 80%; text-transform: uppercase; font-weight: bold; color: #DC6D39;}

	a { color: inherit; }

	.note { background: #ffa; color: red;}
	.skipnav { display: none; }

	.footnote { font-size: 85%; }

		img {
			display:block;
			max-width: 100%;
			height: auto;
			border:0;
			}


		h1, h2, h3, h4, h5, h6, h7 {
			padding:0;
			margin: 0 0 1em;
			font-weight: 300;
			}

		h1 {
			font-size: 2em;
			border-bottom: solid 1px #eee;
			margin: 0 0 15px;
			padding:0 0 15px;
			color: #3D8529;
			}

		h2 {
			}

		h3 {
			color: #E9782E;
			font-size: 1.5em;
			padding:0;
			font-weight: 900;
			}

		h4 {
			font-size: 1.2em;
			font-weight: 900;
			}

		h5 {
			font-size: 1em;
			font-weight: 900;
			color:#3D8529;
			margin-bottom: .4em;
			}

		h6 {
			font-size: 1em;
			font-style: italic;
			font-weight: 300;
			}
		h7 {
			font-size: 1em;
			font-style: bold;
			font-weight: 600;
				}
		h8 {
			font-size: 1em;
			
			font-weight: 400;
						}

		p {
			margin: 0 0 1.5em;
			}

			ul {
				list-style: disc;
				margin: 0 0 1.5em 2em;
				padding:0;
				}

			li ul, li ol {
				margin-top: .6em;
				margin-bottom:0;
				}

			ol {
				list-style: decimal;
				margin: 0 0 1.5em 2em;
				padding:0;
				}

			li {
				margin: 0 0 .6em;
				}

		.intro {
			font-size: 1.2em;
			margin-bottom: 1.5em;
			}



/* content layout and styles */

.wrap {
	}

.wrap-inset {
	max-width: 400px;
	margin: 0 auto;
	padding: 0 15px;
	}


	.content {
		padding: 20px 0;
		}


/* login panel */

	.login-panel {
		/* background: #6ED055; */
		background: #2785BA;
		}

	.login-panel-form {
		padding: 30px 0;
		}

		.login-panel-form input {
			display: block;
			width: 100%;
			box-sizing: border-box;
			margin: 0 0 9px;
			padding: 9px;
			font-size: 1.2em;
			border: none;
			border-radius: 3px;
			}

		.login-panel-form button {
			padding: 0 9px;
			line-height: 2;
			font-size: 1em;
			font-weight: 900;
			text-transform: uppercase;
			background: rgba(0,0,0,.2);
			color: #fff;
			border: none;
			border-radius: 3px;
			background-size: contain;
			background-position: right center;
			background-image: url(/images/button-arrow.png);
			background-repeat: no-repeat;
			padding-right: 30px;
			}

		.login-panel-form form {
			margin: 0 0 1em;
			}

		.login-panel-form label {
			display: block;
			margin: 0 0 6px;
			font-size: 1.3em;
			line-height: 1;
			font-weight: 900;
			color: #fff;
			}

		.login-panel-form ul {
			margin: 1.5em 0;
			padding:1em 0 0;
			list-style: none;
			border-top: solid 1px rgba(255,255,255,.3);
			}

		.login-panel-form ul li {
			margin: 0 0 1em;
			padding:0;
			color:#FFFFFF
			}




	.login-panel-toggle {
		/* background: #6ED055; */
		background: #2785BA;
		}

	.login-panel-toggle-button {
		text-align: right;
		}

	.login-panel-toggle-button a {
		/* background: #6ED055; */
		background: #2785BA;
		padding: 9px 0;
		color: #fff;
		font-weight: 800;
		font-size: 1em;
		display: inline-block;
		text-decoration: none;
		}



/* masthead and mainnav */

.masthead {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/images/BG_2_v2.png);
	padding: 2em 0 1px;
	transition: all .2s ease;
	}

	.logo-toggles {
		margin-bottom: 2em;
		}

	.masthead-logo {
		float: left;
		width: 45%;
		}

	.toggles {
		float: right;
		max-width: 45%;
		}

		.toggles a {
			color: #fff;
			margin-left: 6px;
			}

		.toggles a img {
			display: inline;
			opacity: .5;
			border-radius: 4px;
			max-width: 32px;
			}

		.toggles .toggle-active img {
			opacity: 1;
			}

	.masthead-search {
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
		border-bottom: solid 2px rgba(255,255,255,.3);
		}

	.masthead-tagline {
		color: #2685bb;
		font-size: 1.7em;
		margin-bottom: 2em;
		text-align: center;
		font-weight: 300;
		}

		.mainnav {
			margin: 20px 0 1em;
			}

			.mainnav ul {
				margin:0;
				padding:0;
				list-style: none;
				}

				.mainnav ul li {
					margin:2px 0 0;
					padding:0;
					font-size: 1.2em;
					}

				.mainnav a {
					text-decoration: none;
					display: block;
					color: #fff;
					padding: 9px 12px;
					background: rgba(0,0,0,.35);
					transition: background .2s ease;
					}

				.mainnav a:hover {
					background: rgba(0,0,0,.5);
					}

				.mainnav .current a {
					background-color: #2E9CDB;
					}


		.hide-panel {
			display: none;
			}

		.hide-mobile {
			display: none;
			}

		.logo {
			background: #ffc;
			}




/* lists and list-items */

.list {
	border-bottom:  solid 1px rgba(0,0,0,.15);
	margin-bottom:2em;
	}

	.list-item-title {
		margin-bottom: .5em;
		}

	.list-item {
		border-top: solid 1px rgba(0,0,0,.15);
		padding-top: 1em;
		margin-bottom: 2em;
		}

/* bullets and number lists */

.custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.custom-counter li {
	counter-increment: step-counter;
	margin-bottom: 20px;
	}

.custom-counter li.red::before {
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 80%;
	background-image: url(/images/numbered/red.png);
	background-position: -1px;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	padding: 3px 8px;
}

.custom-counter li.blue::before {
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 80%;
	background-image: url(/images/numbered/blue.png);
	background-position: -1px;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	padding: 3px 8px;
}

.custom-counter li.grey::before {
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 80%;
	background-image: url(/images/numbered/grey.png);
	background-position: -1px;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	padding: 3px 8px;
}

.custom-counter li.green::before {
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 80%;
	background-image: url(/images/numbered/green.png);
	background-position: -1px;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	padding: 3px 8px;
}

.custom-counter li.orange::before {
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 80%;
	background-image: url(/images/numbered/orange.png);
	background-position: -1px;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	padding: 3px 8px;
}

.nobullets{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.nobullets li {
	margin-bottom: 20px;
	}

/* users omg */

.img-circle {
    border-radius: 50%;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}

/* tables */

.boldtable {
	font-size: x-small;
	width: 100%;
}
.pairTable {
font-size: medium;
width: 100%;
table-layout: fixed;
}
.small {
  width: 28%;

}
.large {
  width: 44%;

}
.pairTable th {
  color: white;
  background-color: #3D8529;

	padding: 5px;
}
.ratTable {
	font-size: medium;
	width: 100%;
	table-layout: fixed;
	border: 1px solid #A59E98;
    border-collapse: collapse;
	padding: 15px;
	}
	.small {
	  width: 30%;
	
	}
	.large {
	  width: 50%;
	
	}
	.ratTable th {
	  color: white;
	  background-color: #FC7B09;
	  border-right: solid 1px #A59E98;
	  border-left: solid 1px #A59E98;
		padding: 5px;
	}
	.ratTable td {
		border-right: solid 1px #A59E98;
		border-left: solid 1px #A59E98;
		border-top: solid 1px #A59E98;
		border-bottom: solid 1px #A59E98;
		padding: 2px;
	}

	.gridHighlight {
		background-color: rgb(241, 184, 224);
	  } 
	  
.altTable {
		font-size: medium;
		width: 100%;
		table-layout: auto;
		border: 1px solid #A59E98;
		border-collapse: collapse;
		padding-left: 10px;
		}
		.small {
		  width: 30%;
		
		}
		.xsmall {
			width: 10%;
		  
		  }
		.large {
		  width: 50%;
		
		}
		
		.altTable td {
			border-right: solid 1px #A59E98;
			border-left: solid 1px #A59E98;
			border-top: solid 1px #A59E98;
			border-bottom: solid 1px #A59E98;
			padding: 2px;
		}
.normalTable {
	/*font-size: small;*/
	width: 100%;
}
.entryTableNarrow {
	/*font-size: small;*/
	width: 50%;
}
.adminTable {
	width: 100%;
	font-size: small;
	border: 1px solid black;
    border-collapse: collapse;
	padding: 15px;
	border-spacing: 5px;
	text-align: right;
}

.adminTable tr:nth-child(even) {
    background-color: #eee;
}
.adminTable tr:nth-child(odd) {
    background-color: #fff;
}
.adminTable th {
    color: white;
    background-color: black;
	border-right: solid 1px black;
	border-left: solid 1px black;
	padding: 5px;
}

.adminTable td {
	border-right: solid 1px black;
	border-left: solid 1px black;
	padding: 5px;
}

.newsTable {
	width: 100%;
	font-size: small;
	padding: 15px;
	border-spacing: 5px;
	text-align: right;
}

.newsTable tr:nth-child(even) {
    background-color: #eee;
}
.newsTable tr:nth-child(odd) {
    background-color: #fff;
}

.newsTable th {
    color: black;
    background-color: #eee;
	padding: 5px;
}

.newsTable td {
	padding: 5px;
}

/* paragraph */

p.superdecisions {
    border: 4px solid;
    border-color: #b5dd71 #b5dd71 #2d86ba #2d86ba;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

/* dividers and inset boxes */

.section, .divider {
	border-top: solid 1px rgba(0,0,0,.15);
	padding-top: 1em;
	margin-top: 1em;
	}

	.inset-box .divider {
		border-color: rgba(255,255,255,.15);
		}


.inset-box {
	background-color: #6D6D6D;
	padding: 15px;
	margin-bottom: 1em;
	word-wrap: break-word;
	color: #fff;
	}
	.inset-box-green {
		background-color: rgb(12, 120, 46);
		text-align: center;
		padding: 5px;
		word-wrap: break-word;
		color: #fff;
		}
	
	.inset-box-lightgray {
		color: #555;
		}

	.inset-box-white {background-color: #fff; color: #000000}
	.inset-box-blue {background-color: #1E6791;}
	.inset-box-green {background-color: #3D8529;}
	.inset-box-brightgreen {background-color: #6FCF55;}
	.inset-box-orange {background-color: #E06E2F;}
	.inset-box-purple {background-color: #392BBD;}
	.inset-box-yellow {background-color: #E3CA3D;}
	.inset-box-gray {background-color: #707070;
		text-align: center;
		padding: 5px;
		word-wrap: break-word;
		color: #fff;}
	.inset-box-lightgray {background-color: #efefef;}
	.inset-box-lightgrayPadded {background-color: #efefef;
		padding-top: 5px;
	}

	.inset-box-title {
		border-bottom: solid 1px rgba(255,255,255,.15);
		padding-bottom: .5em;
		margin-bottom: 1em;
		}
		.inset-box-title a {
			display: block;
			text-decoration: none;
			color: rgba(255,255,255,.8);
			}
	.inset-box-title-white {
		color: white;
			}
	.inset-box-lightgray .inset-box-title, .inset-box-lightgray .divider {
		border-color: #fff;
		}
		.inset-box ul {
			list-style: none;
			margin:0;
			padding:0;
			font-weight: 400;
			}
		
			.inset-box li {
				padding:0;
				margin:0 0 2px;
				list-style: none;
				}
		
				.inset-box ul a {
					display: block;
					text-decoration: none;
					background-color: rgba(255,255,255,.1);
					padding: 9px 12px;
					transition: background-color,color .2s ease;
					color: rgba(255,255,255,.8);
					}
		
				.inset-box ul a:hover {
					background-color: rgba(255,255,255,.15);
					color: rgba(255,255,255,1);
					}

/* subnav */

.subpage-subnav {
	background-color: #707070;
	font-size: 1.2em;
	padding: 25px 15px 15px;
	}

	.subpage-subnav-title {
		font-weight: 700;
		font-size: 1.3em;
		margin-bottom: .6em;
		}

	.subpage-subnav-title a {
		display: block;
		text-decoration: none;
		color: rgba(255,255,255,.8);
		}


.subpage-subnav ul {
	list-style: none;
	margin:0;
	padding:0;
	font-weight: 400;
	}

	.subpage-subnav li {
		padding:0;
		margin:0 0 2px;
		list-style: none;
		}

		.subpage-subnav ul a {
			display: block;
			text-decoration: none;
			background-color: rgba(255,255,255,.1);
			padding: 9px 12px;
			transition: background-color,color .2s ease;
			color: rgba(255,255,255,.8);
			}

		.subpage-subnav ul a:hover {
			background-color: rgba(255,255,255,.15);
			color: rgba(255,255,255,1);
			}

/* ganp	*/

.menuBox {
	background-color: #707070;
	font-size: 1.2em;
	padding: 25px 15px 15px;
	}
	.menuBox-title {
		font-weight: 700;
		font-size: 1.3em;
		margin-bottom: .6em;
		}

	.menuBox-title a {
		display: block;
		text-decoration: none;
		color: rgba(255,255,255,.8);
		}


.menuBox ul {
	list-style: none;
	margin:0;
	padding:0;
	font-weight: 400;
	}

	.menuBox li {
		padding:0;
		margin:0 0 2px;
		list-style: none;
		}

		.menuBox ul a {
			display: block;
			text-decoration: none;
			background-color: rgba(255,255,255,.1);
			padding: 9px 12px;
			transition: background-color,color .2s ease;
			color: rgba(255,255,255,.8);
			}

		.menuBox ul a:hover {
			background-color: rgba(255,255,255,.15);
			color: rgba(255,255,255,1);
			}

			.menuBox-blue {background-color: #1E6791;
				}
			.menuBox-green {background-color: #3D8529;
				}
			.menuBox-brightgreen {background-color: #6FCF55;
				}
			.menuBox-orange {background-color: #E06E2F;
				}
			
			.menuBox-purple {background-color: #392BBD;
				
			}
			.menuBox-yellow {background-color: #E3CA3D;
				}
			.menuBox-pink {background-color: #c915bd;
					}
			.menuBox-gray {background-color: #707070;
				}
/* buttons */


.btn {
	display: inline-block;
	font-weight: 900;
	font-size: .9em;
	background: rgba(0,0,0,.25);
	color: #fff;
	padding: 0 9px;
	line-height: 2;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 8px;
	border-radius: 3px;
	background-size: contain;
	background-position: right center;
	background-image: url(/images/button-arrow.png);
	background-repeat: no-repeat;
	padding-right: 30px;
	}

	.btn-blue {background-color: #1E6791;}
	.btn-green {background-color: #3D8529;}
	.btn-brightgreen {background-color: #6FCF55;}
	.btn-orange {background-color: #E06E2F;}
	.btn-red {
		background-color: #ff0606;
		cursor: pointer;
	}
	.btn-purple {background-color: #392BBD;}
	.btn-yellow {background-color: #E3CA3D;}
	.btn-gray {background-color: #707070;}


  .btn-blue-drop {background-color: #1E6791;}
	.btn-green-drop {background-color: #3D8529;}
/*Pairwise comparison main components*/
	.btnCompare {
		display: inline-block;
		font-weight: 900;
		font-size: .9em;
		background: rgba(0,0,0,.25);
		color: #fff;
		padding: 0 9px;
		line-height: 2;
		text-transform: uppercase;
		text-decoration: none;
		margin-right: 8px;
		border-radius: 3px;
		background-size: contain;
		background-position: right center;

		background-repeat: no-repeat;
		padding-right: 10px;
		white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
		width:95%;

		}
.btnCom-green {background-color: #3D8529;}
.btnCom-grey {background-color: #707070;}


/*button with no arrow s*/
.btnNoArrow {
	display: inline-block;
	font-weight: 900;
	font-size: .9em;
	background: rgba(0,0,0,.25);
	color: #fff;
	padding: 0 9px;
	line-height: 2;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 3px;
	background-size: contain;
	background-position: right center;

	background-repeat: no-repeat;
	
	padding-right: 10px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	

	}
.btnNoArrow-green {background-color: #3D8529;
	
}
.btnNoArrow-greenPerc {background-color: #3D8529;
	width:60%;
}
.btnNoArrow-greenPercSmall {background-color: #3D8529;
	width:30%;
}
.btnNoArrow-greenSmall {background-color: #3D8529;
	max-width:90px;
}
.btnNoArrow-red {background-color: #ce0303;
	max-width:100px;}
	.btnNoArrow-redLong {background-color: #ce0303;
		max-width:150px;}

	.btnNoArrow-redSmall {background-color: #ce0303;
		max-width:60px;}
	.btnNoArrow-orangePerc {background-color: #E06E2F;
	width:60%;}
	.btnNoArrow-orangeSmall{
		background-color: #E06E2F;
		max-width:60px;
		
		border-right: solid 0px #A59E98;
		border-left: solid 0px #A59E98;
		border-top: solid 0px #A59E98;
		border-bottom: solid 3px #E06E2F;
		margin-top: 5px;
		
		}

.footer {
	background: #000;
	}

	.footer p {
		margin:0;
		padding:0;
		color: #fff;
		}


/* image and photo styles */

	.floatRight {
		float: right;
		max-width: 25%;
		margin: 0 0 1em 1em;
		}

	.floatLeft {
		float: left;
		max-width: 25%;
		margin: 0 1em 1em 0;
		}

	.bio {
		overflow: hidden;
		}

		.bio .portrait {
			float: left;
			max-width: 20%;
			margin: 0 1em 1em 0;
			border: solid 1px #ccc;
			}



/* by section color customization */


	.section_homepage .mainnav .current a {background-color: #2E9CDB;}
	.section_societies .mainnav .current a {background-color: #3D8529;}
	.section_workinggroups .mainnav .current a {background-color: #1E6791;}
	.section_conferences .mainnav .current a {background-color: #E06E2F;}
	.section_research .mainnav .current a {background-color: #392BBD;}
	.section_publications .mainnav .current a {background-color: #6FCF55;}
	.section_resources .mainnav .current a {background-color: #E3CA3D;}
	.section_contact .mainnav .current a {background-color: #1E6791;}
	.section_admin .mainnav .current a {background-color: #000000;}

	.section_homepage h1 { color: #2E9CDB;}
	.section_societies h1 { color: #3D8529;}
	.section_workinggroups h1 { color: #1E6791;}
	.section_conferences h1 { color: #E06E2F;}
	.section_research h1 { color: #392BBD;}
	.section_publications h1 { color: #6FCF55;}
	.section_resources h1 { color: #E3CA3D;}
	.section_contact h1 { color: #1E6791;}
	.section_admin h1 { color: #000000;}

/* GDOT  */
	/* Syncfusion buttons */

/* For Round Button*/

.e-trash-icon::before {
	content: '\e84e'!important;
  }

.e-editable-overlay-icon.e-delete:hover {
	visibility: visible !important;
}

.e-editable-overlay-icon.e-delete::before {
	content: '\e974'!important;
}

.e-inplaceeditor .e-editable-value-wrapper {
	width: 80%!important;
} 
.e-inplaceeditor .e-editable-value-wrapper .wide {
	width: 100%!important;
} 
.e-inplaceeditor .e-editable-overlay-icon {
	margin-right: 13px;
}

.e-inplaceeditor .e-editable-overlay-icon.e-delete {
	margin-right: -8px;
}

.e-editable-overlay-icon.e-delete {
	margin-right: -35px;
	visibility: hidden;
}
/* End of syncfusion */

/* slideshow ---------------------------------- */

.slider { position: relative; overflow: auto;}
.slider ul { list-style: none; padding:0;margin:0; }
.slider li { list-style: none; padding:0;margin:0; }
.slider ul li { float: left; }

	.slider .dots {
		position: absolute;
		left: 0;
		right: 12px;
		top: 12px;
		text-align: right;
		margin:0;
		padding:0;
		list-style: none;
		}

		.slider .dots li {
			display: inline-block;
			width: 15px;
			height: 15px;
			margin: 0 4px;
			text-indent: 999em;
			border-radius: 50%;
			cursor: pointer;
			opacity: .4;
			background-color: #fff;
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
			}

		.slider .dots li:hover {
			opacity: .7;
			}

			.slider .dots li.active {
				background-color: rgba(255,255,255,.8);
				opacity: 1;
				}

/*survey tree*/
 /*selected state*/
 .mytree .e-list-item.e-active > .e-text-content .e-list-text{
    color: rgb(0, 36, 128);
	font-size: 1.5em;
	font-weight: bold;
}  

/*apply custom css to first level*/
.mytree .e-level-1 > .e-text-content .e-list-text{
    		color: #E9782E;
			font-size: 1.5em;
			padding:0;
			font-weight: 900;
}
/*apply custom css to second level*/
.mytree .e-level-2 > .e-text-content .e-list-text {
    		font-size: 1.3em;
			font-weight: 900;
			color:#3D8529;
			margin-bottom: .4em;
}
/*apply custom css to all the leaf nodes*/
.mytree .e-level-3 > .e-text-content .e-list-text {
    font-weight: bold;
}
 
/* home page slider */

.homepage-slider {
	margin-bottom: 2em;
	}
	/*-----Range----*/

/*--------------------Dropdown------------------*/
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
	/* ---------------------------QUESTION sliders----------------------------- */
	.slider {
	  -webkit-appearance: none;
	  width: 100%;
	  height: 15px;
	  border-radius: 5px;
	  background: #d3d3d3;
	  outline: none;
	  opacity: 0.7;
	  -webkit-transition: .2s;
	  transition: opacity .2s;
	}

	.slider::-webkit-slider-thumb {
	  -webkit-appearance: none;
	  appearance: none;
	  width: 25px;
	  height: 25px;
	  border-radius: 50%;
	  background: #4CAF50;
	  cursor: pointer;
	}

	.slider::-moz-range-thumb {
	  width: 25px;
	  height: 25px;
	  border-radius: 50%;
	  background: #4CAF50;
	  cursor: pointer;
	}


/* Clearfix ---------------------------------- */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/* for embedded media */


.flexObject {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2em;
}

.flexObject iframe,
.flexObject object,
.flexObject embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* begin media queries */


@media only screen and (min-width: 480px) {

	body {

		}

	.wrap-inset {
		max-width: 480px;
		padding:0;
		}


}




@media only screen and (min-width: 720px) {

	body {
		font-size: 14px;
		}

	.wrap-inset {
		max-width: 720px;
		}


	.toggles { display: none; }

	.hide-mobile {
		display: block;
		}

	.login-panel-form {
		padding: 30px 0;
		max-width: 50%;
		}

	.mainnav {
		background: rgba(0,0,0,.4);
		margin: 0 0 1em;
		}

	.mainnav ul li {
		float: left;
		margin:0;
		font-size: 11px;
		}

	.mainnav a {
		background:none;
		padding-left:9px;
		padding-right: 9px;
		font-weight: 900;
		border-right: solid 1px rgba(255,255,255,.2);
		}

	.masthead-logo {
		float: left;
		width: 35%;
		}

		.masthead-tagline {
			font-size: 2.3em;
			}

	.masthead-search {
		float:right;
		max-width: 50%;
		padding-bottom:0;
		margin-bottom:0;
		border: none;
		}

	.formColumn {
		float:left;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}

	.textBox {
		width: 100%;
		display: block;
		border: 1px solid #999;
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	}

	.red-star {
    color: red;
}

	.upload {
		width: 100%;
		display: block;
	}

	.btn-blue-bug {
		float: right;
		background-color: #1E6791;
		display: block;
	}

	.subpage-content-main-left {
		float: left;
		width: 40%;
		}

	.subpage-content-main-right {
		float: left;
		width: 60%;
		}


	.column {
		float:left;
		box-sizing: border-box;
		padding-left: 20px;
		}

		.columns .column:first-child {
			padding-left:0;
			}

	.home-col1 {
		width: 60%;
		}
	
	.home-col2 {
		width: 40%;
		}

	.home-col3 {
		width: 40%;
		}

	.pay-col1 {
		width: 30%;
		display: inline-block;
		text-align: center;
		}

	.pay-col2 {
		width: 30%;
		display: inline-block;
		text-align: center;
		}

	.pay-col3 {
		width: 30%;
		display: inline-block;
		text-align: center;
		}

	.pay-col4 {
		width: 30%;
		display: inline-block;
		text-align: center;
		}

	.subpage-content {
		float: right;
		width: 75%;
		padding-left: 20px;
		box-sizing: border-box;
		}
	.subpage-full {
			float: right;
			width:100%;
			padding-left: 20px;
			box-sizing: border-box;
			}
	.subpage-content-register {
		float: right;
		width: 100%;
		padding-left: 20px;
		box-sizing: border-box;
		}

	.subpage-subnav {
		float:left;
		width: 25%;
		box-sizing: border-box;
		font-size: .8em;
		}
	.subpage-subnav-full {
			float:left;
			width: 100%;
			box-sizing: border-box;
			font-size: 1em;
			}
	.subpage-content-main {
		float: left;
		width: 67%;
		}
	.subpage-content-wide {
			float: left;
			width: 80%;
			}
	.subpage-content-all {
				float: left;
				width: 100%;
				}
	.subpage-content-sidebar {
		float: right;
		width: 30%;
		padding-left:15px;
		}

	.ganp-main {
			width: 100%;
			}

}





@media only screen and (min-width: 960px) {

	body {
		font-size: 15px;
		}



	.wrap-inset {
		max-width: 960px;
		}


		.masthead-tagline {
			font-size: 2.4em;
			}

	.mainnav {
		background: rgba(0,0,0,.4);
		font-size: 15px;
		margin-left:0;
		margin-right:0;
		}

	.mainnav li {
		font-size: 13px;
		}

	.mainnav a {
		padding: 9px 13px;
		text-transform: uppercase;
		}

	.content {
		margin: 0 auto;
		background: #fff;
		padding-top: 30px;
		}

	.home-col1 {
		width: 50%;
		}

	.home-col2 {
		width: 25%;
		}

	.home-col3 {
		width: 25%;
		}


}






@media only screen and (min-width: 1280px) {

	.wrap-inset {
		max-width: 1280px;
		padding: 0;
		}

	.login-panel-form {
		padding: 30px 0;
		width: 33%;
		margin-left: 67%;
		}

	.masthead .wrap-inset {
		padding:1em 0;
		}

		.masthead-tagline {
			font-size: 2.5em;
			margin-bottom: 2.5em;
			}

	.mainnav ul li {
		font-size: 13px;
		}

		.mainnav a {
			padding: 13px 15px;
			}

	.content {
		max-width: 1280px;
		}


}