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


.ClearLine {
clear:both;
position: relative;
width:100%;
height: 1px;
border:0px;
}


#BodyWrapper {
background-color:#63659C;
   margin-left: auto;
    margin-right: auto;
}

#HeaderWrapper {
width:100%;
position:relative;
background-color:#9599CD;
vertical-align: bottom;
margin-bottom: 10px;
   margin-left: auto;
    margin-right: auto;
}


#JumpGateWrapper {
text-align:right;
position: absolute;
top: 10px;
right: 10px;
}
	
#NavButtonsWrapper {
width: 100%;
position: relative;
top: 75px;
text-align:center;
overflow:hidden;
   margin-left: auto;
    margin-right: auto;
	
}

#HeaderFooterFade {
background-image: url('/sites/bm/images/NewLayout/images/bg_fade.jpg'); 
background-repeat: repeat-x; 
background-position-y: top;
height: 10px;
width: 100%;
position: absolute; bottom:0px;

}

#PageContentsWrapper {
background-color:#63659C;
width:98%;
min-height:500px;
margin:0.3em;
text-align:center;
font-family: "Verdana"; 
color:#FFF7BD;
font-size:0.75em;
}

.Cell 
{
position:relative;
min-height: 4em;
//float:left;
display:inline-block;
vertical-align:top;
padding: 0.2em;
margin: 0.2em;
background-color: #9599CD;
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
border-radius: 0.8em;
border: #FFF7BD solid 0.3em;
text-align:left; 
font-size:0.8em; 
font-family:Verdana, Helvetica, sans-serif;
color: #FFF7BD;
}

.FormCell
{
max-width:600px;
margin:0 auto;"
}

#FooterWrapper {
text-align:center;
width:100%;
min-height:110px;
background-color:#E6E7FF;
margin-left: auto;
margin-right: auto;
clear:both;
}
	
	
#NavButtonsWrapper span   {
		color:black;  
		display: table-cell;
		  vertical-align: middle;
		  text-align: center;
		  width: 114px;
		  height:32px;
		  }

.NavButton a:visited{
    color:black;
}

.NavButton {
	width:114px;
	height:32px;
	overflow:hidden;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.NavButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.NavButton:active {
	position:relative;
	top:1px;
}



.hoverimage img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.9;
}
.hoverimage:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.BlackText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : black;
	font-size: 12px;
}

body{background-color: #CECFFF;
background-image:url('/sites/bm/images/background line.gif');
background-repeat: repeat-x;
background-attachment: fixed;
margin:0}

h1,h2,h3,h4{
font-family: Verdana, Helvetica, sans-serif;
color:#FFF7BD;
}

.UnderlineClass{
text-decoration:underline;
}


p,pa,table,address
{font-family: "Verdana"; 
color:#FFF7BD;}

p{font-size: 0.75em; text-align:left;}
//th,td{font-size: 0.75em; }

.OldTables{font-size: 14px; }
.OldTables th{font-size: 14px; }
.OldTables td{font-size: 14px; }

h1{font-size: 1.45em; margin-top: 5px;}
h2{font-size: 1.35em;}
h3{font-size: 1.25em; text-align:center;}
h4{font-size: 1.1em;}

a{font-style: normal}
a:link    {color:yellow}
a:visited {color:yellow}
a:active  {color:yellow}
a:hover   {color:yellow}

.FormElements
{
	font-family : "Tahoma";
	font-size : 1em;
	color : black;
	border-width: 1px 1px 1px 1px;
	background-color : #E6E7FF;
}

.CellTop
{
background-image:url('/sites/bm/images/cell_top.jpg');
background-repeat: repeat-x;
}


.SupportDivs
{
border-style:ridge; 
border-width:3px; 
background-color:#FFF7BD; 
color:#000000; 
padding-left:4px; 
padding-right:4px; 
padding-top:1px;
padding-bottom:1px;
}



.button {
  color: black;
  font-family: "Tahoma", Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  border: 3px double silver;
  width: auto;
  background: url(/sites/bm/images/button_bg.png) repeat-x;
  padding: 0px 5px;
  margin: 1px;
}

.buttonLight {
  color: black;
  font-family: "Tahoma", Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  border: 3px double #63659C;
  width: auto;
  background: url(/sites/bm/images/button_bg.png) repeat-x;
  padding: 0px 5px;
  margin: 1px;
}


#LoginForm{
	width:100% !important;
}

#LoginForm label{
	width:40% !important;
}



#howitworks {
	display:block;
	margin: 0 auto;
	max-width:95%;
	margin-top:0.5em;
}


#MiscLinksMenu{
display:block !important;
text-align:center;
margin:0 auto !important;
width:95% !important;
}

.MiscLinksClass a:hover {
	color:white !important;
}

.MiscLinksClass a{
	color:black !important;
}



.roundedcornr_box_958569 {
	background: url('/sites/bm/images/NewLayout/images/RoundedCornersLightBG/roundedcornr_958569_tl.png') no-repeat top left;
}
.roundedcornr_top_958569 {
	background: url('/sites/bm/images/NewLayout/images/RoundedCornersLightBG/roundedcornr_958569_tr.png') no-repeat top right;
}
.roundedcornr_bottom_958569 {
	background: url('/sites/bm/images/NewLayout/images/RoundedCornersLightBG/roundedcornr_958569_bl.png') no-repeat bottom left;
}
.roundedcornr_bottom_958569 div {
	background: url('/sites/bm/images/NewLayout/images/RoundedCornersLightBG/roundedcornr_958569_br.png') no-repeat bottom right;
}
.roundedcornr_content_958569 {
	background: url('/sites/bm/images/NewLayout/images/RoundedCornersLightBG/roundedcornr_958569_r.png') repeat-y top right;
}
.roundedcornr_top_958569 div,.roundedcornr_top_958569,
.roundedcornr_bottom_958569 div, .roundedcornr_bottom_958569 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_958569, .roundedcornr_bottom_958569 {
	margin-top: -19px;
}
.roundedcornr_content_958569 { padding: 0 15px; }


.roundedcornr_box_442273 {
	background: url(/sites/bm/images/NewLayout/images/RoundedCornersDarkBG/roundedcornr_442273_tl.png) no-repeat top left;
}
.roundedcornr_top_442273 {
	background: url(/sites/bm/images/NewLayout/images/RoundedCornersDarkBG/roundedcornr_442273_tr.png) no-repeat top right;
}
.roundedcornr_bottom_442273 {
	background: url(/sites/bm/images/NewLayout/images/RoundedCornersDarkBG/roundedcornr_442273_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_442273 div {
	background: url(/sites/bm/images/NewLayout/images/RoundedCornersDarkBG/roundedcornr_442273_br.png) no-repeat bottom right;
}
.roundedcornr_content_442273 {
	background: url(/sites/bm/images/NewLayout/images/RoundedCornersDarkBG/roundedcornr_442273_r.png) top right repeat-y;
}

.roundedcornr_top_442273 div,.roundedcornr_top_442273,
.roundedcornr_bottom_442273 div, .roundedcornr_bottom_442273 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_442273, .roundedcornr_bottom_442273 {
	margin-top: -19px;
}
.roundedcornr_content_442273 { padding: 0 15px; }




#BodyWrapper SilverButton   {
		color:black;  
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 6em;
		height:2.5em;
		
}
.CenterDiv {
		width:100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		text-align:center;
}	

.RightDiv {
		width:100%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		position: relative;
		text-align:right;
}	

.SilverButtonLink a:visited{
    color:black;
}

.SilverButtonLink {
	width:6em;
	height:2.5em;
	overflow:hidden;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size: 1em;
	font-weight:bold;
	padding:0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.SilverButtonLink:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft:
	.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.SilverButtonLink:active {
	position:relative;
	top:1px;
}

.DoubleColListUL {
  overflow:hidden;
  width: 80%;
  color:#FFF7BD;
 }

.DoubleColListLI{
   line-height:1.5em;
   float:left;
   display:inline;
   width:50%;
   text-align:left;
}



.iso_info, .isa_success, .isa_warning, .isa_error {
    margin: 0.425em 0px;
    padding:0.45em;
	-webkit-border-radius: 0.3125em;
	-moz-border-radius: 0.3125em;
	border-radius: 0.3125em;
	border: #FFF7BD solid 0.1875em;
	display:inline-block

}
.iso_info {
    color: #00529B;
    background-color: #BDE5F8;
    margin: 0.425em 0px;
    padding:0.45em;
	-webkit-border-radius: 0.3125em;
	-moz-border-radius: 0.3125em;
	border-radius: 0.3125em;
	border: #FFF7BD solid 0.1875em;
	display:inline-block
}
.iso_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    margin: 0.425em 0px;
    padding:0.45em;
	-webkit-border-radius: 0.3125em;
	-moz-border-radius: 0.3125em;
	border-radius: 0.3125em;
	border: #FFF7BD solid 0.1875em;
	display:inline-block
}

.iso_success a {color:darkred;}	
.iso_success a:link    {color:darkred}
.iso_success a:visited {color:darkred}
.iso_success a:active  {color:darkred}
.iso_success a:hover   {color:darkred}

.iso_info a {color:darkred;}	
.iso_info a:link    {color:darkred}
.iso_info a:visited {color:darkred}
.iso_info a:active  {color:darkred}
.iso_info a:hover   {color:darkred}


.iso_warning {
    color: #9F6000;
    background-color: #FFF7BD;
    margin: 0.425em 0px;
    padding:0.45em;
	-webkit-border-radius: 0.3125em;
	-moz-border-radius: 0.3125em;
	border-radius: 0.3125em;
	border: #FFF7BD solid 0.1875em;
	display:inline-block
}
.iso_error {
    color: #D8000C;
    background-color: #FFBABA;
    margin: 0.425em 0px;
    padding:0.45em;
	-webkit-border-radius: 0.3125em;
	-moz-border-radius: 0.3125em;
	border-radius: 0.3125em;
	border: #FFF7BD solid 0.1875em;
	display:inline-block
	}

.ResponsiveForm header {
  margin: 0 0 20px 0; 
}
.ResponsiveForm header div {
  font-size: 90%;
 }
.ResponsiveForm header h2 {
  margin: 0 0 5px 0;
}
.ResponsiveForm > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
.ResponsiveForm > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
.ResponsiveForm > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
.ResponsiveForm > div > div,
.ResponsiveForm > div > fieldset > div {
  width: 75%;
  float: right;
}
.ResponsiveForm > div > fieldset label {
	font-size: 90%;
}
.ResponsiveForm fieldset {
	border: 0;
  padding: 0;
}

.ResponsiveForm input[type=text],
.ResponsiveForm input[type=email],
.ResponsiveForm input[type=url],
.ResponsiveForm input[type=password],
.ResponsiveForm textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.ResponsiveForm input[type=text],
.ResponsiveForm input[type=email],
.ResponsiveForm input[type=url],
.ResponsiveForm input[type=password] {
  width: 50%;
}
.ResponsiveForm input[type=text]:focus,
.ResponsiveForm input[type=email]:focus,
.ResponsiveForm input[type=url]:focus,
.ResponsiveForm input[type=password]:focus,
.ResponsiveForm textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 550px) {
  .ResponsiveForm > div {
    margin: 0 0 15px 0; 
	 }
  .ResponsiveForm > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  .ResponsiveForm > div > div,
  .ResponsiveForm > div > fieldset > div {
    width: 100%;
    float: none;
  }
  .ResponsiveForm input[type=text],
  .ResponsiveForm input[type=email],
  .ResponsiveForm input[type=url],
  .ResponsiveForm input[type=password],
  .ResponsiveForm textarea,
  .ResponsiveForm select {
    width: 100%; 
  }
}
@media (min-width: 900px) {
  .ResponsiveForm > div > label,
	legend {
  	text-align: right;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#MobNavMenuButton { 
    position: relative;         
    margin-right:2%; 
	margin-left:10%;
	margin-top:5%;
	padding-top:8px;
    border: 2px solid black;
    border-radius: 2px; 
    height: 35px; 
    width:50px; 
	background-color:white;
	color:black;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	display:none;
	cursor:pointer;
}



.NavPopupClass {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	display:none;
	margin:3px;
	background-color:#FFF7BD;
	color:white;
	min-height: 10em;
	min-width:20em;
	max-height: 99%;
	max-width:99%;
	overflow-y: auto;
	overflow-x: hidden;
	color:black;
	padding:0.5em;
	text-align:left;
	z-index:1000;
}
.NavPopupColumn {
	position:relative;
	display:inline-block;
	width:48%;
	vertical-align:top;
	z-index:1001;

}	
.NavPopupClass a {color:black;}	
.NavPopupClass a:link    {color:black}
.NavPopupClass a:visited {color:black}
.NavPopupClass a:active  {color:black}
.NavPopupClass a:hover   {color:black}

#MobileLoginBox {display:none}

#BottomAd {position:fixed; bottom:0px;}

.ReferencesLogos{border:0; max-width:15%;}

	.meter { 
			height: 1.8em;  /* Can be anything */
			position: relative;
			//margin: 60px 0 20px 0; /* Just for demo spacing */
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			padding: 0.3em;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			border-radius: 20px 8px 8px 20px;
	float:left;
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            background-color: rgb(43,194,83);
			position: relative;
	overflow: hidden;
	background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}





















/* =============================================================================
   Base Button
   ========================================================================== */

.button {
	
	position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 0.5em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font:11px/normal sans-serif;
   
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
	cursor:pointer;
}

.button:active,
.button.active {
    border-color: #2a65a0;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -ms-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}



/* =============================================================================
   Button icons
   ========================================================================== */

.button.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 12px;
    height: 12px;
    margin: 0 0.75em 0 -0.25em;
    background: url(gh-icons.png) 0 99px no-repeat;
}

.button.arrowup.icon:before { background-position: 0 0; }
.button.arrowup.icon:hover:before,
.button.arrowup.icon:focus:before,
.button.arrowup.icon:active:before { background-position: -12px 0; }

.button.arrowdown.icon:before { background-position: 0 -12px; }
.button.arrowdown.icon:hover:before,
.button.arrowdown.icon:focus:before,
.button.arrowdown.icon:active:before { background-position: -12px -12px; }

.button.arrowleft.icon:before { background-position: 0 -24px; }
.button.arrowleft.icon:hover:before,
.button.arrowleft.icon:focus:before,
.button.arrowleft.icon:active:before { background-position: -12px -24px; }

.button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; }
.button.arrowright.icon:hover:before,
.button.arrowright.icon:focus:before,
.button.arrowright.icon:active:before { background-position: -12px -36px; }

.button.approve.icon:before { background-position: 0 -48px; }
.button.approve.icon:hover:before,
.button.approve.icon:focus:before,
.button.approve.icon:active:before { background-position: -12px -48px; }

.button.add.icon:before { background-position: 0 -288px; }
.button.add.icon:hover:before,
.button.add.icon:focus:before,
.button.add.icon:active:before { background-position: -12px -288px; }

.button.remove.icon:before { background-position: 0 -60px; }
.button.remove.icon:hover:before,
.button.remove.icon:focus:before,
.button.remove.icon:active:before { background-position: -12px -60px; }

.button.log.icon:before { background-position: 0 -72px; }
.button.log.icon:hover:before,
.button.log.icon:focus:before,
.button.log.icon:active:before { background-position: -12px -72px; }

.button.calendar.icon:before { background-position: 0 -84px; }
.button.calendar.icon:hover:before,
.button.calendar.icon:focus:before,
.button.calendar.icon:active:before { background-position: -12px -84px; }

.button.chat.icon:before { background-position: 0 -96px; }
.button.chat.icon:hover:before,
.button.chat.icon:focus:before,
.button.chat.icon:active:before { background-position: -12px -96px; }

.button.clock.icon:before { background-position: 0 -108px; }
.button.clock.icon:hover:before,
.button.clock.icon:focus:before,
.button.clock.icon:active:before { background-position: -12px -108px; }

.button.settings.icon:before { background-position: 0 -120px; }
.button.settings.icon:hover:before,
.button.settings.icon:focus:before,
.button.settings.icon:active:before { background-position: -12px -120px; }

.button.comment.icon:before { background-position: 0 -132px; }
.button.comment.icon:hover:before,
.button.comment.icon:focus:before,
.button.comment.icon:active:before { background-position: -12px -132px; }

.button.fork.icon:before { background-position: 0 -144px; }
.button.fork.icon:hover:before,
.button.fork.icon:focus:before,
.button.fork.icon:active:before { background-position: -12px -144px; }

.button.like.icon:before { background-position: 0 -156px; }
.button.like.icon:hover:before,
.button.like.icon:focus:before,
.button.like.icon:active:before { background-position: -12px -156px; }

.button.favorite.icon:before { background-position: 0 -348px; }
.button.favorite.icon:hover:before,
.button.favorite.icon:focus:before,
.button.favorite.icon:active:before { background-position: -12px -348px; }

.button.home.icon:before { background-position: 0 -168px; }
.button.home.icon:hover:before,
.button.home.icon:focus:before,
.button.home.icon:active:before { background-position: -12px -168px; }

.button.key.icon:before { background-position: 0 -180px; }
.button.key.icon:hover:before,
.button.key.icon:focus:before,
.button.key.icon:active:before { background-position: -12px -180px; }

.button.lock.icon:before { background-position: 0 -192px; }
.button.lock.icon:hover:before,
.button.lock.icon:focus:before,
.button.lock.icon:active:before { background-position: -12px -192px; }

.button.unlock.icon:before { background-position: 0 -204px; }
.button.unlock.icon:hover:before,
.button.unlock.icon:focus:before,
.button.unlock.icon:active:before { background-position: -12px -204px; }

.button.loop.icon:before { background-position: 0 -216px; }
.button.loop.icon:hover:before,
.button.loop.icon:focus:before,
.button.loop.icon:active:before { background-position: -12px -216px; }

.button.search.icon:before { background-position: 0 -228px; }
.button.search.icon:hover:before,
.button.search.icon:focus:before,
.button.search.icon:active:before { background-position: -12px -228px; }

.button.mail.icon:before { background-position: 0 -240px; }
.button.mail.icon:hover:before,
.button.mail.icon:focus:before,
.button.mail.icon:active:before { background-position: -12px -240px; }

.button.move.icon:before { background-position: 0 -252px; }
.button.move.icon:hover:before,
.button.move.icon:focus:before,
.button.move.icon:active:before { background-position: -12px -252px; }

.button.edit.icon:before { background-position: 0 -264px; }
.button.edit.icon:hover:before,
.button.edit.icon:focus:before,
.button.edit.icon:active:before { background-position: -12px -264px; }

.button.pin.icon:before { background-position: 0 -276px; }
.button.pin.icon:hover:before,
.button.pin.icon:focus:before,
.button.pin.icon:active:before { background-position: -12px -276px; }

.button.reload.icon:before { background-position: 0 -300px; }
.button.reload.icon:hover:before,
.button.reload.icon:focus:before,
.button.reload.icon:active:before { background-position: -12px -300px; }

.button.rss.icon:before { background-position: 0 -312px; }
.button.rss.icon:hover:before,
.button.rss.icon:focus:before,
.button.rss.icon:active:before { background-position: -12px -312px; }

.button.tag.icon:before { background-position: 0 -324px; }
.button.tag.icon:hover:before,
.button.tag.icon:focus:before,
.button.tag.icon:active:before { background-position: -12px -324px; }

.button.trash.icon:before { background-position: 0 -336px; }
.button.trash.icon:hover:before,
.button.trash.icon:focus:before,
.button.trash.icon:active:before { background-position: -12px -336px; }

.button.user.icon:before { background-position: 0 -360px; }
.button.user.icon:hover:before,
.button.user.icon:focus:before,
.button.user.icon:active:before { background-position: -12px -360px; }



/* =============================================================================
   Button extensions
   ========================================================================== */

/* Primary button
   ========================================================================== */

.button.primary {
    font-weight:bolder;

}

/* Danger button
   ========================================================================== */

.button.danger {
    color: #900;
}

.button.danger:hover,
.button.danger:focus,
.button.danger:active {
    border-color: #b53f3a;
    border-bottom-color: #a0302a;
    color: #fff;
    background-color: #dc5f59;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -ms-linear-gradient(#dc5f59, #b33630);
    background-image: -o-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
}

.button.danger:active,
.button.danger.active {
    border-color: #a0302a;
    border-bottom-color: #bf4843;
    background-color: #b33630;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
    background-image: -moz-linear-gradient(#b33630, #dc5f59);
    background-image: -ms-linear-gradient(#b33630, #dc5f59);
    background-image: -o-linear-gradient(#b33630, #dc5f59);
    background-image: linear-gradient(#b33630, #dc5f59);
}


/* GREEN button
   ========================================================================== */

.button.green {
    color: #900;
}

.button.green:hover,
.button.green:focus,
.button.green:active {
    border-color: #0d5233;
    border-bottom-color: #0d5233;
    color: #fff;
    background-color: #178a56;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#178a56), to(#0d5233));
    background-image: -moz-linear-gradient(#178a56, #0d5233);
    background-image: -ms-linear-gradient(#178a56, #0d5233);
    background-image: -o-linear-gradient(#178a56, #0d5233);
    background-image: linear-gradient(#178a56, #0d5233);

}

.button.green:active,
.button.green.active {
    border-color: #178a56;
    border-bottom-color: #178a56;
    background-color: #0d5233;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d5233), to(#178a56));
    background-image: -moz-linear-gradient(#0d5233, #178a56);
    background-image: -ms-linear-gradient(#0d5233, #178a56);
    background-image: -o-linear-gradient(#0d5233, #178a56);
    background-image: linear-gradient(#0d5233, #178a56);
}



/* Pill button
   ========================================================================== */

.button.pill {
    border-radius: 50em;
}

/* Disabled button
   ========================================================================== */

.button.disable {
    opacity: 0.5;
}

/* Big button
   ========================================================================== */

@media (min-width: 550px) {
			   .button.big {
			    font-size: 1.1em;
			}
			
			.button.big.icon:before {
			    top: 0;
			}
			
}



/* =============================================================================
   Button groups
   ========================================================================== */

/* Standard group
   ========================================================================== */

.button-group a:visited{
	color: black;
}

.button-group a:link {
	color: black;
}

.button-group a:hover {
	color: white;
}


.button-group {
	position: relative;
	z-index:90;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button + .button,
.button + .button-group,
.button-group + .button,
.button-group + .button-group {
    margin-left: 0.9em;
}

.button-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.button-group .button {
    float: left;
    margin-left: -1px;
}

.button-group > .button:not(:first-child):not(:last-child),
.button-group li:not(:first-child):not(:last-child) .button {
    border-radius: 0;
}

.button-group > .button:first-child,
.button-group li:first-child .button {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.button-group > .button:last-child,
.button-group li:last-child > .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Minor group
   ========================================================================== */

.button-group.minor-group .button {
    border: 1px solid #d4d4d4;
    text-shadow: none;
    background-image: none;
    background-color: #fff;
}

.button-group.minor-group .button:hover,
.button-group.minor-group .button:focus {
    background-color: #599bdc;
}

.button-group.minor-group .button:active,
.button-group.minor-group .button.active {
    background-color: #3072b3;
}

.button-group.minor-group .button.icon:before {
    opacity: 0.8;
}

/* =============================================================================
   Button container (mixing buttons and groups, e.g., nav bar)
   ========================================================================== */

.button-container .button,
.button-container .button-group {
    vertical-align: top;
}


		
		

/* ===============
   LOGIN POPUP CSS
   =============== */
		

@media all and (max-width: 550px)
	{
	#ReplyPopup {font-size:16px !important; 
	max-height:450px !important;
	min-width:275px !important;
}
	}

@media not all and (max-width: 550px)
	{
	#ReplyPopup {font-size:20px !important; 
			background-color:white !important;}
	}


 
#SignupPopup {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	display:none;
	margin:3px;
	background-color:#ECF3F7;
	width:95%;
	height:400px;
	max-width:500px;
	overflow-y: hidden;
	overflow-x: hidden;
	color:black;
	padding:0.5em;
	text-align:center;
}

#SignupPopup_Contents {
	display:block;
	margin:0 auto;
	position:relative;
	border:2px fuchsia dotted;
	width: 95%;
	padding: 0.5em;  
	font-size: 1.2em; 
	font-family: raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black; 
	text-shadow: 0 0.2px 0.2px rgba(0, 0, 0, 0.1); 
	overflow-wrap: break-word;
	word-wrap:break-word;
	overflow:hidden;
	background: #8c9196; 
	background: rgba(0, 0, 0, 0.15); 
	border-radius: 4px; 
	border: 1px solid #696d72; 
	border-color: rgba(0, 0, 0, 0.2); 
	box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 1px 5px rgba(0, 0, 0, 0.1);
	clear:both;

}

#LoginFormPopup label {
	min-width:40% !important;
}