body
{
	font-family: Roboto, 'Open Sans', sans-serif;
	background-color: #ffffff;
	margin: 0;	
}


a {
    text-decoration: none;
    cursor: pointer;
}

.clear {
    clear: both;
}

#reg-content
{
	background-color: #ffffff;
	margin: 0;
}


#reg-middle-outer
{
	width: 100%;
}

.reg-middle-admin
{
	background-color: rgba(255,0,0,0.2);
}

#reg-middle
{
	width: 960px;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding-left: 25px;	
	padding-right: 25px;	
	padding-bottom: 25px;	
}





ul.breadcrumbs  { list-style: none; margin-left: -40px;}
.breadcrumbs { height: 23px;  }
.breadcrumbs a {  text-transform: uppercase; line-height: 23px; text-decoration: none; font-size: 0.8em;}
.breadcrumbs .signle a { color: #062841; }
.breadcrumbs li { float:left;  color: #1c98fc; }
.breadcrumbs li a { padding: 0 4px 0 0;color: #1c98fc; }
.breadcrumbs li:first-child a { padding-left: 0; }


#original-inner-content { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; }


#adminmenu { width: auto; height: 40px; background-color: #000000; background-image: url('/images/cmslogo.jpg'); background-position: left top; background-repeat: no-repeat; color: #ffffff; padding-left: 100px; margin-top: -65px;margin-bottom: 40px;}
#adminmenu ul { padding-top: 9px; margin-top: 0;}
#adminmenu li { display: inline; border-left: solid 1px #ffffff; padding-left: 10px; padding-right: 10px; height: 20px;}
/*#adminmenu .last { border-right: none; }*/
#adminmenu li a { font-size: 9pt; color: #ffffff;}
#adminmenu input { border: 1px solid #ffffff; background-color: #000000; box-shadow: 0 0 0 0;  color: #ffffff; width: 90px; font-size: 10px; padding: 5px;}

/*

.submit-button-admin { bottom: 0; right: -211px; display:block; width: 176px; height: 35px; background: url(/images/btn.png) no-repeat 0 0; box-shadow: 0 0 0 0; border-radius: 0; border: 0;  line-height: 0;  }
.submit-button-admin { cursor: pointer; border: 0; float: right;}
.submit-button-admin { border-radius: 10px; border: 1px solid #4aaafb; box-shadow: inset 0 0 5px rgba(24,78,134,0.34); font: 13px/21px "Cambria", serif; color: #0252AA; text-transform: uppercase; }
*/
.submit-button-admin { cursor: pointer; border: 0; float: right; background-color: #4aaafb; }
#SubmitButton { background-color: #4aaafb; float: right;  color: #ffffff; text-transform: uppercase;    font-size: 14px;
    text-align: center;
    font-weight: 700;}
#AdminDiv TD A {
    color: #16598C;
}

#ScrollingTableDiv
{
	width: 940px;
	min-height: 300px;
	border: solid 1px #222;
	overflow: auto;	
}

#membershiptableadmin tbody, #membershiptableadmintop thead
{
	display: block;
}

#membershiptableadmintop { background-color: #ffffff; font-size: 0.75em;  border: solid 1px #16598C; }
#membershiptableadmintop th { background-color: #16598C; color: #ffffff; padding: 2px; text-align: center;border-right: solid 1px #16598C;overflow: hidden;}
#membershiptableadmintop td { border-right: solid 1px #16598C; padding: 2px; text-align: center;}
#membershiptableadmintop tr { background-color: #16598C;}

#membershiptableadmin tbody {
    max-height: 40vh;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: auto;  /* Hide the horizontal scroll */
}

#membershiptable { background-color: #ffffff; font-size: 0.75em; display: block; border: solid 1px #16598C;}
#membershiptable th { background-color: #16598C; color: #ffffff;}
#membershiptable td { border-right: solid 1px #16598C; padding: 2px; text-align: center;}

#membershiptableadmin { background-color: #ffffff; font-size: 0.75em;  border: solid 1px #16598C; margin-bottom: 10px; }
#membershiptableadmin th { background-color: #16598C; color: #ffffff; padding-left: 10px; padding-right: 10px;}
#membershiptableadmin td { border-right: solid 1px #16598C; padding: 2px; text-align: center;}


.expired {
    background-color: #e0e0e0;
}



#__reg-head-menu
{
	justify-content: space-between;
    padding-top: 34px;
    max-width: 1571px;
    margin: 0 auto;	
    display: flex;
}

#__reg-head-menu li
{
	list-style: none;
    list-style-image: none;
    height: 30px;
    vertical-align: top;
}

#__reg-head-menu>li>a
{
	padding-top: 35px;
	padding-bottom: 34px;
    border-top: solid 3px #ffffff;	
    font-size: 13px;
    color: #002147;
    font-weight: 700;
}

#__reg-head-menu>li.__reg-head-menu-image>a
{
	padding-top: 0;
}


#__reg-head-menu>li>a:hover
{
	color: #81c4ed;
}


.main-box form .boxwarning {
    padding: 12px 19px 12px 12px;
    background: #f6b543;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-top: 3px;
    color: #ffffff;
}

.box
{
	padding: 12px 19px 12px 12px;
    background: #9cb3c2;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.main-box h2 {
	font-size: 28px;
    font-weight: 500;
    border-bottom: dashed 1px #002147;
    margin-bottom: 10px;
}


#membership-wrapper input
{
	padding: 5px;
}

.field-g {
    width: 100%;
    margin-bottom: 5px;
}


.main-box form .field-g span {
    font-weight: 400;
    font-size: 12px;
    float: right;
    width: 150px;
}

.main-box form .field-g label {
    width: auto;
    margin-right: 12px;
    float: none;
    display: block;

}

.cl {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    clear: both;
}

.main-box p
{
	margin-bottom: 5px;
}

.form-row
{
	margin-bottom: 10px;
}

.form-row label
{
    cursor: auto;
    font-weight: bold;
}

.form-row input[type=text], .form-row textarea
{
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
}

.form-row textarea
{
	height: 120px;
}

.form-row select
{
	display: block;
}




#sidebar { width: 100%; display: flex;}
#sidebar .widget { width: 45%; float: left; margin-bottom: 17px; background: #81c8fd; min-height: 270px; margin-left: 10px; margin-right: 10px; padding-bottom: 10px;}
#sidebar .photo { position: relative; display:block; }
#sidebar .photo span { position:absolute; bottom: 0; left: 0; height: 40px; width: 100%;  text-align:center; font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 40px;}
#sidebar .photo { position: relative; }

#sidebar .button { display:block; width: 90%; padding: 5px 11px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; background: #329ffb;  color: #fff; text-align:center; border-radius: 3px; border: 1px solid rgba(0, 33, 71, 0.2); text-decoration: none;}
#sidebar .widget img, #sidebar .new img {width : 100%;}


#sidebar .widget form { padding: 8px 11px 0 14px; }
#sidebar .widget .field { margin-bottom:7px; width: 100%;  margin-bottom: 5px; padding: 2px 8px; border: 1px solid #81a8c5; background: #fff;  font-size: 13px; line-height: 18px; color: #16598c; }
#sidebar .submit-button { position: relative; left: 0; right: 0; display:block; width: 110px; height: 23px; padding: 0 12px 2px 0; margin: 0 auto; border: 1px solid #bbe2fe; line-height: 23px; background-position: 90px center; background: #329ffb url(/images/btn-bullet.jpg) no-repeat 90px center; border: 1px solid #4aaafb; box-shadow: inset 0 0 5px rgba(24,78,134,0.34); font: 10px/21px "Cambria", serif; color: #fff; text-transform: uppercase; text-indent: 0; margin-bottom: 3px;}

#sidebar .last { padding-bottom: 15px; font-size: 10px; line-height: 14px; color: #329ffb; text-align:center; }
#sidebar .photo span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); }

.request_reminder, .passwordremindererror, .passwordreminder { text-align: center; margin-left: 5px; margin-right: 5px;}
.request_reminder a {text-decoration: underline;}

.homepage-list  
{
	display: block;
    
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    list-style: disc outside;
}

.homepage-list li
{
    list-style: disc outside;
}

@media only screen and (max-width: 995px) {
  
  #adminmenu
  {
  	display: none;
  }
}

@media only screen and (max-width: 635px) {
  
	#original-inner-content {
    width: 95%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
	}
}

@media only screen and (max-width: 540px) {
  
	#sidebar .widget {
		width: 95%;
		float: none;

	}
	
	#sidebar
	{
		display: block;
	}
}




#logonform
{
	padding: 12px 19px 12px 12px; 
	background: #9cb3c2; 
	border-radius: 10px; 
	margin-bottom: 5px; 
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

#logonform label
{
	float: left;
	width: 100px;
}

#logonform input[type=text], #logonform input[type=password]
{
	background-color: #ffffff;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
}

#logonform p
{
	margin-bottom: 5px;
}

#logonform .buttonStyle { float: right; left: 0; right: 0;  padding: 5px 0px 5px 0px 5px; text-align: center; margin: 10px;  background-color: #4aaafb; line-height: 30px; background-position: 90px center;  border: 1px solid #4aaafb;  font: 15px; color: #fff; text-transform: uppercase; text-indent: 0; margin-bottom: 3px; min-width: 60px;}


.dob_day { color: #000;  width: 130px; margin: 0px 3px 5px 0px; border: 1px solid rgba(0, 33, 71, 0.2);}
.dob_month { color: #000;  width: 130px; margin: 0px 3px 5px 0px; border: 1px solid rgba(0, 33, 71, 0.2);}
.dob_year { color: #000; width: 130px; margin: 0px 3px 5px 0px; border: 1px solid rgba(0, 33, 71, 0.2);}

#sTypeOfBusiness {color: #000; width: 100%; margin: 0px 3px 5px 0px; border: 1px solid rgba(0, 33, 71, 0.2);padding: 5px;}

#HPP_BILLING_COUNTRY {
    color: #000;
    width: 100%;
    margin: 0px 3px 5px 0px;
    border: 1px solid rgba(0, 33, 71, 0.2);
    padding: 5px;
}

.form-row {
    -webkit-box-sizing: original;
    box-sizing: original;
}

#original-inner-content a
{
	text-decoration: underline;
}

.main-box form .boxerror { padding: 12px 19px 12px 12px; background: #ff0000; border-radius: 10px; margin-bottom: 5px; margin-top: 3px; color: #ffffff;}
.main-box form .boxerror p { margin-bottom: 10px;}
.main-box form .boxerror ul { margin-left: 10px; font-weight: bold;}

.main-box form .boxwarning { padding: 12px 19px 12px 12px; background: #f6b543; border-radius: 10px; margin-bottom: 5px; margin-top: 3px; color: #ffffff;}
.main-box form .boxwarning p { margin-bottom: 10px;}
.main-box form .boxwarning ul { margin-left: 10px; font-weight: bold;}



#regionsWrapper {
    height: 200px;
    overflow-y: scroll;
    padding: 5px;
    border: solid 1px #002147;
}

.regionsRow {
    border-bottom: dashed 1px #002147;
    margin-bottom: 5px;
}