/* CSS Document */
html {	height: 100%;}
body {	height: 100%; margin:0; padding:0; font-family: 'Arimo', sans-serif;}

/* arimo-regular - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
	line-height:normal;
  src: url('../fonts/arimo-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/arimo-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arimo-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arimo-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arimo-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arimo-v17-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* lora-regular - latin */
@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lora-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/lora-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/lora-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/lora-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/lora-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/lora-v24-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}

/* merriweather-regular - latin */
@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
 }
	

textarea	{ 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-width:1px;
	border-style: solid;
	border-color: #999999;	
	font-family: sans-serif;
	font-size:14px;
	font-weight: normal;
	padding:5px;
	margin: 2px 0;
  box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
textarea:focus {
	border-color:#0066CC;
	color: #222;
	outline: 0;
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.075),0px 0px 4px rgba(0, 92, 199, .5);
	box-shadow:inset 0 0 1px rgba(0,0,0,.075),0px 0px 4px rgba(0, 92, 199, .5);}
	
select {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-width:0.5px 1px 1px 0.5px;
	border-style: solid;
	border-color: #999999;		
	font-family: sans-serif;
	font-size:14px;
	font-weight: normal;
	padding:4px;	
	margin: 2px 0;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
select:hover {border-color: #ccc;}
select:focus {
	border-color:#0066CC;
	color: #222;
	outline: 0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 4px rgba(0, 92, 199, .5);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 4px rgba(0, 92, 199, .5);
}
select option {
	font-family: sans-serif;
	font-size:14px;
	font-weight: normal;
}

input[type="text"]{
	appearance: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-width:1px;/*0 1px 1px 0*/
	border-style: solid;
	border-color: #999999;	
	font-family: sans-serif;
	font-size:14px;
	font-weight: normal;
	padding:5px;
	margin: 2px 0;
  box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}	
input[type="text"]:focus{
	border-color:#0066CC;
	color: #222;
	outline: 0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 4px rgba(0, 92, 199, .5);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 4px rgba(0, 92, 199, .5);
}

input[type=radio] { /**/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid #5a5a5a;
  transition: 0.2s all linear;
 	margin-right: 4px;
  position: relative;
	vertical-align: middle;
 	background: linear-gradient(#FCFCFC, #DADADA);
 	transition: box-shadow 200ms;	
}

input[type=radio]:focus {outline:thin solid #0066CC; border: 1px solid #eeeeee;
    box-shadow: 0 0 1px 2px rgba(0,240,255,0.4);}
		
input[type=radio]:checked {border: 6px solid #969696; box-shadow: 0 0 1px 2px rgba(0,240,255,0.4);}

/* inset shadows */
input[type="radio"]:not(:disabled), 
input[type="checkbox"]:not(:disabled) {
    box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
}

input[type=checkbox] {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid #5a5a5a;
  transition: 0.2s all linear;
  margin-right: 4px;
  position: relative;
	background: linear-gradient(#FCFCFC, #DADADA);
  -webkit-transition: box-shadow 200ms;
  box-shadow:inset 0 1px 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
 
}
input[type=checkbox]:focus { outline:none; border: 1px solid #0066CC; box-shadow: 0 1px 2px rgba(170,213, 255, 0.4);}
input[type=checkbox]:checked:before {
	font-size: 16px;
	font-weight: bold;
	color: rgba(90, 90, 90, 0.7);
	content: "\2713";
	margin: 1px 0 0 2px;
	text-shadow: 1px 1px 1px rgba(170,213, 255, .5);	
	text-align: center;
  line-height: 16px;
	}

label	{vertical-align:middle;}
*label	{vertical-align:middle;}

.divCheckbox	{height:24px; text-align:center;}

/*ul {	margin: 0;	padding: 0;} needed so that WYSIWYG list work correctly*/
ul.marginzero {	margin: 0;	padding: 0;}
ul.none	{list-style-type:none;}
ul.attachments {list-style-type:disc; margin:2px 10px 2px 20px; padding:0;}
ul.attachments li {	padding:2px 4px;}
ul.decimal {	list-style:decimal; margin-left:14px;}
ul.decimal li {	padding:4px 4px 4px 0;}
ul.decimalrecording {	list-style:decimal; margin-left:10px;}
ul.decimalrecording li {	padding:4px 4px 8px 0;}
ul.list		 {list-style-type:disc;}
ul.list	li	 {	padding:4px;}

a.underline {text-decoration: underline; cursor:pointer;}
a.none {text-decoration: none !important; cursor:pointer;}
a:hover.none {text-decoration: none !important;}
a.text {text-decoration: none !important; cursor:text;}
a:hover.text {color:inherit; text-decoration: none !important;}

a.alertlink:link	{color:#b70707; text-decoration: underline; cursor:pointer;}/*dd1919*/
a.alertlink:visited	{color:#b70707; text-decoration: underline; cursor:pointer;}
a.alertlink:active	{color:#b70707; text-decoration: underline; cursor:pointer;}
a.alertlink:hover	{color:#4b4b4b; text-decoration: underline; cursor:pointer;}

a.alpha {text-decoration: underline; cursor:pointer; padding:1px 2px;}
a:hover.alpha {text-decoration: none !important; background-color:#FFFFF4;}


.selector div {padding:4px;}
.selector div:hover {background: #ededed;}
.selector div div{padding:0;}

div {margin: 0; padding: 0;}
	
img {border:0;}
.bold		{font-weight:bold; letter-spacing:1px;}
.txtboldgrey	{font-weight:bold; color:#787878;}
.nowrap 	{white-space:nowrap;}
.w100 { width: 100%;}
.normal	{font-weight:normal;}
.txt10	{font-size:10px;}
.txt15	{font-size:14px;}
.txt16	{font-size:16px;}

.clear	{clear:both; height: 0; line-height: 0.0; font-size: 0;}
.clearfloat {clear: both;}
.floatleft {float:left;}
.floatright {float:right;}
.floatL {float:left;}
.floatR {float:right;}
.floatCenter {margin: 0 auto;}
.displayBlock {display: block;}
.right {text-align:right;}
.left {text-align: left;}
.center {	text-align:-moz-center; text-align:center;	}
.top {vertical-align:top;}
.middle	{vertical-align:middle;}
.bottom	{vertical-align:bottom;}
.zeroAuto {margin: 0 auto;}
.relative {position: relative;}

.zero {margin: 0 !important; padding: 0 !important;}
p.one	{margin: 1px; padding: 1px;	}
p.two	{margin: 2px; padding: 2px;	}
p.oneRlist{margin: 1px; padding: 1px 1px 1px 8px;	}
.pad2 { padding: 2px; }
.pad2T { padding-top: 2px; }
.pad2B { padding-bottom: 2px; }
.pad2R { padding-right: 2px; }
.pad2L { padding-left: 2px; }
.pad4 { padding: 4px; }
.pad4T { padding-top:4px;}
.pad4B { padding-bottom:4px;}
.pad4TB { padding-top: 4px; padding-bottom: 4px;}
.pad4L { padding-left: 4px;}
.pad4R { padding-right: 4px }
.pad4LR { padding-left: 4px; padding-right: 4px }
.pad5T{ padding-top:5px;}
.pad6 { padding: 6px; }
.pad6T { padding-top:6px;}
.pad6B { padding-bottom:6px;}
.pad6TB { padding-top:6px; padding-bottom:6px;}
.pad6L { padding-left: 6px;}
.pad6R { padding-right: 6px }

.pad8 { padding: 8px }
.pad8T { padding-top:8px; }
.pad8B { padding-bottom:8px;}
.pad8LR	{padding-left: 8px; padding-right: 8px;}

.pad10 { padding: 10px; }
.pad10L { padding-left: 10px; }
.pad10LR { padding-right: 10px; padding-left: 10px; }
.pad10R { padding-right: 10px; }
.pad10T { padding-top: 10px; }
.pad10B { padding-bottom: 10px; }
.pad10TB { padding-top: 10px; padding-bottom: 10px; }
.pad15LR { padding-left: 15px; padding-right: 15px; }
.pad20 { padding: 20px; }
.pad20L { padding-left: 20px; }
.pad20R { padding-right: 20px; }
.pad20LR { padding-left: 20px; padding-right: 20px; }
.pad20T { padding-top: 20px; }
.pad20B { padding-bottom: 20px; }
.pad30T { padding-top: 30px; }
.pad40L { padding-left: 40px; } 
.pad40R { padding-right: 40px; }   

.spacer1 	{line-height: 1px; height: 1px; font-size:1px;}
.spacer2 	{line-height: 2px; height: 2px; font-size:2px;}
.spacer3 	{line-height: 3px; height: 3px; font-size:3px}
.spacer5 	{line-height: 5px; height: 5px; font-size:5px;}
.spacer7 	{line-height: 7px; height: 7px; font-size:7px;}
.spacer10 {line-height: 10px; height: 10px; font-size:10px;}
.spacer15 {line-height: 15px; height: 15px; font-size:15px}
.spacer20 {line-height: 20px; height: 20px; font-size:20px;}
.spacer30 {line-height: 30px; height: 30px; font-size:30px;}
.spacer40 {line-height: 40px; height: 40px; font-size:40px}

.marg2TB { margin: 2px 0; }
.marg2L {  margin-left: 2px;}
.marg4L  { margin-left: 4px;}
.marg4TB {margin-top:5px; margin-bottom:5px;}
.margin5 {margin:5px;}
.marg5R { margin-right: 5px; }
.marg5L { margin-left: 5px; }
.marg5T { margin-top: 5px; }
.marg5B { margin-bottom: 5px; }
.marg8R { margin-right: 8px; }
.margin10 {margin:10px;}
.marg10T { margin-top: 10px; }
.marg10B { margin-bottom: 10px; }
.marg10TB { margin-top: 10px; margin-bottom: 10px; }
.marg10LR { margin-left: 10px; margin-right: 10px;}
.marg10L { margin-left: 10px; }
.marg10R { margin-right: 10px; }
.marg15R { margin-right: 15px; }
.margin20 {margin:20px;}
.marg20T { margin-top: 20px; }
.marg20R { margin-right: 20px; }
.marg20B { margin-bottom: 20px; }
.marg20L { margin-left: 20px; }
.marg40L { margin-left: 40px; }

.none {margin:0; padding:0;}

/*types of grey and greyborders */
span.vertical-bar	{padding:5px 10px;}
span.vertical-bar:not(:first-child){  border-left:1px solid #000; }

.bggrey		{background-color: #fafafa;}
.bgcolorgrey		{background-color: #f0f0f0; background-color:rgb(240, 240, 240);}
.bgcolorhover { background-color: #919AA4; background-color:rgb(145, 154, 164);  }

.bordergreydark	 { border: 1px solid #B4B4B4;}
.bordergrey { border: 1px solid #E2E2E2;}
.bottomline { border-bottom: 1px solid #E2E2E2;}
.bottomline2px { border-bottom: 2px solid #E2E2E2;}
.topline { border-top: 1px solid #E2E2E2;}
.cellborder		{ border-collapse:collapse;}
.cellborder td { border: 1px solid #E2E2E2;}
.cellborderT { border-top: 1px solid #CCC;}
td.cellborderB { border-bottom: 1px solid #CCC; padding-bottom:2px;}
table.cellborderB td{ border-bottom: 1px solid #CCC;}
table.cellborderB td.noborder { border-bottom: 0;}
.cellborderL { border-left: 1px solid #CCC;}
.cellborderR { border-right: 1px solid #CCC;}
table.borderB td {	border-bottom:1px solid #E2E2E2;}

/*style for progress bar	 */

.bordergrey3Sides {
		border: 1px solid #B2B2B2;	
		border-radius: 6px;}
		
.bordergrey3SidesR {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;		
		border-radius: 0 6px 6px 0;
	}
	
.bordergrey3SidesL {
		border-top: 1px solid #B2B2B2;
		border-bottom: 1px solid #B2B2B2;
		border-left: 1px solid #B2B2B2;
		border-radius: 6px 0 0 6px;
	}

/*end style for progress bar*/


ul.horizontal	{padding: 0;	margin: 0;	list-style: none;}
ul.horizontal li { display: inline; border-left: 2px solid #E0E0E0; padding-right: 3px;  padding-left: 4px;}
ul.horizontal li.first { border-left: none;}
ul.horizontalIcons	{padding: 0;	margin: 0;	list-style: none;}
ul.horizontalIcons li { display: inline; padding-right: 2px; padding-left: 2px; }

.formTable	{margin:10px auto;}
.formTable td	{border-bottom:1px solid #E2E2E2;}
.formTable td.noborder	{border-bottom:0;}
.formTable table.noborder td	{border-bottom:0;}

.createTable	{margin:10px auto;}

.holderAdminTable	{margin:10px auto; width:80%;}

.eventcreateTable	{margin:10px auto; width:94%;}
.eventcreateTable td	{border-bottom:1px solid #E2E2E2; padding:6px 4px;}
.eventcreateTable td.noborder	{border-bottom:0;}
.eventcreateTable table.noborder td	{border-bottom:0;}

/*end of grey borders */

.fixedTop {
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #FFF;}

.fixedTabs {
	width:100%;
	margin: 0;
	position: fixed;
	top: 0;
	z-index: 200;
	background-color: #FFF;
}

.create {	margin: 10px auto;	width: 94%;	min-width: 640px;}
.create td {	border-bottom:1px solid #E2E2E2;}
.create table.bottomline td {	border-bottom:1px solid #E2E2E2!important;}
.create td td {	border: none;}
.create td td td {	border: none;}
.create td.noborder {	border-bottom:0;}
.create td.toplineonly {	border-bottom:0;	border-top:1px solid #E2E2E2;}
.create table.noborder td {	border-bottom:0;}
.create table.borderB td {	border-bottom:1px solid #E2E2E2;}
.create td.bordertop {	border-top:1px solid #E2E2E2;}

.titleW {
	width: 25%;
	text-align: right;
	vertical-align: top;
	padding: 10px 6px 0 !important;
}
.labeltd {
	width: 25%;
	text-align: right;
	vertical-align: top;
}
table.tablerow		{margin:10px auto;}
table.tablerow td {	padding:6px 4px;	border-bottom:1px solid #E2E2E2;	vertical-align: top;}
table.tablerow td.noborder {	border-bottom:0;}
table.tablerow td.zero {	padding:0;}
.ball {
	height: 10px;
	width: 10px;
	-moz-border-radius: 6px;
	border-radius: 6px;
background: url(../styles/2501bg_base.GIF);
position: relative;
top: 9px;}

table.media td {	padding:8px;	border-bottom:1px solid #E1E1E1 !important;	vertical-align:top;}
table.media td td {	padding:4px 2px;	border-bottom:0px!important;}

/* Show Hide Styles */	
.hidden {	display: none;}
.unhidden { display: block;}

a.showHide {text-decoration: none;}
a.showHide:hover { text-decoration: none !important;}

.block {padding: 6px 20px; margin:0; display: block;}
.showHide blockquote {	padding: 0;	margin: 0;	display: inline-block;	text-decoration: underline;	clear: none;}
/* EndShow Hide Styles */

/* rating/star table*/
table.rate td {padding:2px;}
.rateBegin		{border-top:1px solid #FFF; border-right:0;  border-bottom:1px solid #666; border-left:1px solid #FFF;}
.rateCenter {border-top:1px solid #FFF;	border-bottom: 1px solid #666; }
.rateCell {border-top:1px solid #FFF; border-right: 1px solid #666;	border-bottom: 1px solid #666;	border-left:0;}
.txtsmall {	font-size: 10px;	line-height: 11px;}

/* Tool Tip */
.tool table.tip {	visibility: hidden;}
.tool:hover table.tip {	position: absolute;	z-index: 100;	left: 105px;	top: 20px;	visibility: visible;}
/* End Tool Tip */


/* Resource upload inputRdata divs */
.inputRdata {	float:left; margin-top: 10px; margin-right:30px; margin-left:30px; min-width:440px; max-width:500px; display: inline-block; }
.inputRdata p	{margin:0; padding-bottom:2px; padding-top:4px;}
/* end Resource upload input divs */


/* Fly Up */
div.show {	position: relative;	}
div.show table.invisible {	visibility: hidden;}
div.show table.invisible ul li {	padding: 5px 0;}
div.show:hover table.invisible {	visibility: visible;}
/* End Fly Up */


/* navigation tabs */
.roundCorners {
	-moz-border-radius-topleft: 8px;
	-webkit-border-radius-topleft: 8px;
	border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-radius-topright: 8px;
	border-radius-topright: 8px;
}
.roundCornersTL {
	-moz-border-radius-topleft: 8px 8px;
	-webkit-border-radius-topleft: 8px 8px;
	border-radius-topleft: 8px 8px;
}
.roundCornersTR {
	-moz-border-radius-topright: 8px 8px;
	-webkit-border-radius-topright: 8px 8px;
	border-radius-topright: 8px 8px;
}
/* end navigation tabs */

/* overlay */
.overlayOuter {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../images/transGray.png) repeat;
}
.overlay{
	position: relative; z-index: 100;
	border: 1px solid #CCC;
	margin: 0px auto; 
	padding: 0;
	-moz-box-shadow: 0 0 7px #BBB;
 	webkit-box-shadow: 0 0 7px #BBB;
 	box-shadow: 0 0 7px #BBB;
	/*for IE8 and below*/
		zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#969696, direction=135, strength=8);	
}

/* shadow inset is used for new item on threaded topic posts */
.shadowInset {
	-webkit-box-shadow: inset 0px 0px 1px 2px rgba(242,172,24,0.40);/*0.55*/
	-moz-box-shadow: inset 0px 0px 1px 2px rgba(242,172,24,0.40);
	box-shadow: inset 0px 0px 1px 2px rgba(242,172,24,0.40);

}

.boxShadow {
		-moz-box-shadow: 3px 3px 12px 3px rgba(110,110,110,0.33);
		-webkit-box-shadow: 3px 3px 12px 3px rgba(110,110,110,0.33); 
		box-shadow: 3px 3px 12px 3px rgba(110,110,110,0.33);
	
		/*for IE8 and below*/
		zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#969696, direction=135, strength=8);	
}


/*.boxShadow {
	-moz-box-shadow: 0 0 12px #aaa;
	-webkit-box-shadow: 0 0 12px #aaa;
	box-shadow: 0 0 12px #aaa;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#969696, direction=135, strength=8);	
}*/


.shadow	{	
	-moz-box-shadow: 0px 0px 12px #ddd;
	-webkit-box-shadow: 0px 0px 20px #ddd;
	box-shadow: 0px 0px 12px #ddd;
}
	

.dropShadowTable	{
	-webkit-box-shadow: 0px 4px 6px -4px rgba(188, 188, 188, 0.75);
	-moz-box-shadow: 0px 4px 6px -4px rgba(188, 188, 188, 0.75);
	box-shadow: 0px 4px 6px -4px rgba(188, 188, 188, 0.75);
}

.dropShadow		{
	-webkit-box-shadow: 2px 2px 2px 0px rgba(188, 188, 188, 0.5);
	-moz-box-shadow: 2px 2px 2px 0px rgba(188, 188, 188, 0.5);
	box-shadow: 2px 2px 2px 0px rgba(188, 188, 188, 0.5);
}

.dropShadowBottom	{  
	-webkit-box-shadow: 0 4px 6px -6px rgba(188, 188, 188, 0.75);
  	-moz-box-shadow: 0 4px 6px -6px rgba(188, 188, 188, 0.75);
  	box-shadow: 0 4px 6px -6px rgba(188, 188, 188, 0.75);
}

.roundCorners20 {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	}
.roundCorners5 {
	border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
	}
	
.roundCorners10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
.iframeshadow{
	position: relative;
	-moz-box-shadow: 0 0 10px 4px #BBB;
 	webkit-box-shadow: 0 0 10px 4px #BBB;
 	box-shadow: 0 0 10px 4px #BBB;
	border:0;
	background-color:#FFF;
	background-color:#FFF;
}
.iframeshadowIE{
	margin: 0px auto;
 box-shadow: 0px 0px 12px #BBB;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#969696, direction=135, strength=8);
	border:0; 
}

.userframeshadow {-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;-moz-box-shadow: 2px 2px 8px #ccc;-webkit-box-shadow: 2px 2px 8px #ccc;box-shadow: 2px 2px 8px #ccc;} 


/* Main Search textbox style */
input.searchField {	padding: 2px 5px 5px 5px;}
/* End Search textbox style */

/* mulitselect List in overlay usually in ascrollable div */
.multiseletList {	padding:10px 10px 15px;	border: 1px solid #CCC;	min-width: 240px;	max-height: 200px;	overflow: auto;	white-space: nowrap;}
.multiseletList ul li {	padding: 8px 4px 0 0; border-bottom: 1px solid #ddd; list-style: none;}
/*end mulitselect List */

 ul.number {	list-style: decimal;}
	
/* List in overlay usually in a scrollable div */	
ul.scrollList { margin:2px 8px 8px; padding:0;}
ul.scrollList li {padding:8px 4px 0 4px; list-style: none; border-bottom: 1px solid #ddd;}

.toolTable {
	margin: 0 auto 20px;
	width: 600px;
}
.toolTable td {
	padding: 4px 12px;
	vertical-align: top;
	line-height: 18px;
}

.bgcolortransparent {
	background-color: transparent ;
}
.transparent {
	background-color: transparent ;
}

.managebtns {background:#f3f3f3;
	padding:10px;
	margin:10px;
	float:right;
	display:inline-block;
	-moz-box-shadow: inset 0 0 5px #ccc;
	-webkit-box-shadow: inset 0 0 5px #ccc;
	box-shadow: inset 0 0 5px #ccc;}
	
.manageLeft {background:#fafafa;
	padding:10px;	
	margin:10px;
	float:left;
	display:inline-block;
	-moz-box-shadow: inset 0 0 5px #ccc;
	-webkit-box-shadow: inset 0 0 5px #ccc;
	box-shadow: inset 0 0 5px #ccc;}
	
/*class for the member photo*/
/*.imgCircle	{ border-radius: 90%;
  -moz-border-radius: 90%;
  -webkit-border-radius: 90%;}*/
	
.imgCircle90 {
  border-radius: 50%;
	height:88px;
	width:88px;
	-moz-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4); 
	box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4);}
	
.imgCircle60 {
  border-radius: 50%;
	height:56px;
	width:56px;
	-moz-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4); 
	box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4);}

.imgCircle40 {
  border-radius: 50%;
	height:40px;
	width:40px;
	-moz-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4); 
	box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .4);}

/*class for the member initials*/

.memberInitials{
	border-radius: 50%;
	height:36px; width:36px;
	border:solid 3px #fff;
	background-color:#f5f5f5; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	text-transform: uppercase;
	font-size:16px;
	-moz-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3); 
	box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3);
}

.memberInitials26{
	border-radius: 50%;
	height:26px; width:26px;
	border:solid 3px #fff;
	background-color:#f5f5f5; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	text-transform: uppercase;
	font-size:14px;
	-moz-box-shadow:  1px 2px 6px 1px rgba(110, 110, 110, .4);
	-webkit-box-shadow: 1px 2px 6px 1px rgba(110, 110, 110, .4); 
	box-shadow:  1px 2px 6px 1px rgba(110, 110, 110, .4);
}
.memberProfileInitials{
	border-radius: 50%;
	height:58px; width:58px;
	border:solid 3px #fff;
	background-color:#f5f5f5; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	text-transform: uppercase;
	font-size:22px;
	-moz-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3); 
	box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3);
}
.firstProfileInitials{
	border-radius: 50%;
	height:58px; width:58px;
	border:solid 3px #fff;
	display: flex; 
	justify-content: center; 
	align-items: center; 
	text-transform: uppercase;
	font-size:22px;
	-moz-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3);
	-webkit-box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3); 
	box-shadow: 2px 2px 10px 2px rgba(110, 110, 110, .3);
}
	
/*Scrollbar*/
/* custom scrollbar for Chrome, Edge, OS */
::-webkit-scrollbar {
  width: 16px;	
}
::-webkit-scrollbar-track {
  background-color:#fefefe; 
}
::-webkit-scrollbar-thumb {
  background-color: #EDECEC;
  border-radius: 16px;
  border: 1px solid #fefefe;
	background-clip: content-box; 
}

::-webkit-scrollbar-thumb:hover {
  background-color: #444444;
}

/* Thin Scrollbar for Firefox */
:root{
  scrollbar-color: rgb(68,68,68) rgb(237, 236, 236) !important;
  scrollbar-width: thin !important;
}