/* =============================================================================================================================================
   OREM CITY MAIN STYLE - Robert Wang
   Version Sept 23, 2015
   ========================================================================================================================================== */
*{
	padding:0;
	margin:0;
}

body{
	height:100%;
	width:100%;
	font-size:18px;	
	font-family: 'Lato';
	line-height:1.5;
}
a{
	color:#00b7f0;
}
.wrapper{
	width:99%;
	margin:0 auto;
	height:auto;
	overflow:auto;
	padding-bottom:40px;
}
	.maininner{
		padding:5px 5px 0px 5px;
		max-width:100%;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
    	color:    #999;
	}
		.app::-webkit-input-placeholder { /* WebKit browsers */
    	color:    #999;
		}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #999;
	    opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #999;
	    opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #999;
	}

/*=======================================================================================*/
/* Orem Table                                          */
/*=======================================================================================*/

.OremTableStyleA
{

    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
}
.OremTableStyleA tr {
    vertical-align :top;
}
.OremTableStyleA th
{
    border: 0px;
}

.OremTableStyleA td
{
    border: 0px solid;
    line-height:30px;
}

.OremTableStyleAx
{

    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
}
.OremTableStyleAx tr {
    vertical-align :top;
}
.OremTableStyleAx th
{
    border: 0px;
    border:none !important;
}

.OremTableStyleAx td
{
    border:none !important;
    line-height:30px;

}



.OremTableStyleB tr:nth-child(2n)   {
    background-color:#F2F2F2;
    
}

.OremTableStyleB th
{
    border: 0px;
    border:none !important;
}

.OremTableStyleB td
{
    border: 0px solid;
    line-height:30px;
    padding-top :2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    line-height:30px;  
    border:none !important;
}


.OremTableStyleBx
{
    border:none;
    background-color:white;
    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
}
.OremTableStyleBx tr {
    vertical-align :top;
}
.OremTableStyleBx th
{
    border: 0px;
}
.OremTableStyleBx td
{
    border: 0px solid;
    line-height:20px;
    padding-top :2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    line-height:20px;
}

.OremTableStyleC
{
    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
    
   
}
.OremTableStyleC tr {
    vertical-align :top;
}
.OremTableStyleC th
{
    border: 1px solid;
    border-color: Silver;
    padding-left: 10px;
    padding-right: 10px;
    line-height:30px;
}

.OremTableStyleC td
{
    border: 1px solid;
    border-color: Silver;
    padding-top :2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    line-height:30px;
    font-family: 'ClearSans', sans-serif;
}

.navbar-form .phoneCTA {
    font-size: 16px;
    font-size: 1.6pxrem;
    color: #3f3f3f;
    padding: 10px;
    padding: 1rem;
    margin-right: 25px;
    margin-right: 2.5rem;
}
.OremTableStyleS {
    margin: 0 auto;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    overflow: auto;
}

    .OremTableStyleS tr {
        vertical-align: top;
    }

    .OremTableStyleS th {
        border: 1px solid;
        border-color: Silver;
        padding-left: 10px;
        padding-right: 10px;
        line-height:35px;
    }

    .OremTableStyleS td {
        border: 1px solid;
        border-color: Silver;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 20px;
        font-family: 'Open Sans', sans-serif;
}
/* ========================================================================================================= */
/* Purpose: Header Information
/* ========================================================================================================= */
h1, h2, h3, h4, h5{ font-weight:300;}
h1{ font-size:3em;} h2{ font-size:2.5em; } h3 { font-size:2.0em; } h4{ font-size:1.5em;}
.title{
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: url('PubImg/header_stripes.png') 0 100% repeat-x;
}
.margin-top{
	margin-top:10px!important;
}
.margin-bottom{
	margin-bottom:10px!important;
}
/* ========================================================================================================= */
/* Purpose: Input Section
/* ========================================================================================================= */
input[type="text"].app {

    padding: 5px;
    /* background:#fafafa; */
    background: #E5F2E1;
    outline: none;
    border: 1px solid #dddddd;
    color: #010710;
    width: 100%;
	height:28px;
    font-size:18px;
}

textarea.app {
    border: 1px solid #dddddd;
    background: #E5F2E1;
    width: 100%;
    padding: 5px;
    min-height: 50px;
    color: #010710;
    height:28px;
    font-size:18px;
}

select.app {
    outline: none;
    border: 1px solid #dddddd;
    /* background-color:#FAFAFA; */
    background: #E5F2E1;
    padding: 5px;
    box-shadow: none;
    border-radius: 0;
    /* background:url('http://s10.postimg.org/ry2dotnqd/arrow.png') no-repeat right #fafafa; */
    background-position: 95% 4px;
    width: 200px;
    color: #010710;
}

select.app option {
        border-radius: 0;
        box-shadow: none;
        color: #010710;
        background: #E5F2E1;
    }

input[type="radio"] {
    background: #E5F2E1;
    width: 60px;
    height: 30px;
    color: #010710; 
    border-radius: 28px;
}


/* ========================================================================================================= */
/* Purpose: Input Section 2 color: #010710; 
/* ========================================================================================================= */
input[type="text"].appdis {
    padding: 5px;
    /* background:#fafafa; */
    background: #F6F6F6;
    outline: none;
    border: 1px solid #dddddd;
    color: #010710;
    width: 100%;
}

textarea.appdis {
    border: 1px solid #dddddd;
    background: #F6F6F6;
    width: 100%;
    padding: 5px;
    min-height: 50px;
    color: #010710;
}

select.appdis {
    outline: none;
    border: 1px solid #dddddd;
    /* background-color:#FAFAFA; */
    background: #F6F6F6;
    padding: 5px;
    box-shadow: none;
    border-radius: 0;
    /* background:url('http://s10.postimg.org/ry2dotnqd/arrow.png') no-repeat right #fafafa; */
    background-position: 95% 4px;
    width: 200px;
    color: #010710;
}

    select.appdis option {
        border-radius: 0;
        box-shadow: none;
        color: #010710;
    }


/* ========================================================================================================= */
/* Log In 
/* ========================================================================================================= */
.LoginFrame
{
    border-radius: 5px;
    background: #3F65b7;
    margin: 15px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    position: relative;
    border: 1px groove threedface;
}

.LoginField
{
    border-radius: 3px;
    background: #263651;
    position: relative;
    padding: 4px;
    height: 28px;
    border: 1px groove threedface;
    color: White;
    width: 95%;
    border-color: Black;
    outline: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.LoginFieldFake
{
    border-radius: 3px;
    background: #263651;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    position: relative;
    padding: 4px;
    height: 28px;
    border: 1px groove threedface;
    color: Gray;
    width: 95%;
    border-color: Black;
}
.LoginWatermark
{
    border-radius: 3px;
    background: #263651;
    padding: 4px;
    height: 28px;
    border: 1px groove threedface;
    color: Gray;
    border-color: Black;
}

.LoginWatermark_psw
{
    border-radius: 3px;
    background: #263651;
    padding: 4px;
    height: 28px;
    border: 1px groove threedface;
    color: Gray;
    border-color: Black;
    background-image: url(PubImg/watermarked_psw.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}

.LoginWatermark_psw1
{
    border-radius: 3px;
    background: #263651;
    padding: 4px;
    height: 28px;
    border: 1px groove threedface;
    color: Gray;
    border-color: Black;
    background-image: url(PubImg/watermarked_psw1.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}

.LoginWatermark_pswConfirm
{
    border-radius: 3px;
    background: #263651;
    padding: 4px;
    height: 28px;
    border: 1px groove threedface;
    color: Gray;
    border-color: Black;
    background-image: url(PubImg/watermarked_psw_confirm.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}


.LoginButton
{
    width: 100%;
    height: 37px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #294779;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    background: #adcbfa;
    background-clip: padding-box;
    border: 1px solid #284473;
    border-bottom-color: #223b66;
    border-radius: 4px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}

/* Standard Button */
.OremButtonStandard {
  display: inline-block;
  font-family: Lato;
  font-size:14px;	
  height: 40px;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  letter-spacing: 1px;
  margin-bottom: 15px;
  border:none;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0);

}
.OremButtonStandard:hover span, .OremButtonStandard.active span {
  background-color:rgb(0,102,26);
  border-right: 1px solid  rgba(0,0,0,0.3);
}



.OremButtonStandard.orange {
  background: #FF7F00;
}

.OremButtonStandard.purple {
  background: #8e44ad;
}

.OremButtonStandard.turquoise {
  background: #1abc9c;
}

/* Small Button */
.OremButtonSmall {
  display: inline-block;
  font-family: Lato;
  font-size:10px;	
  height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  letter-spacing: 1px;
  margin-bottom: 4px;
  border:none;

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-shadow:0px 1px 0px rgba(0,0,0,0);

}
.OremButtonSmall:hover span, .OremButtonStandard.active span {
  background-color:rgb(0,102,26);
  border-right: 1px solid  rgba(0,0,0,0.3);
}



.OremButtonSmall.orange {
  background: #FF7F00;
}

.OremButtonSmall.purple {
  background: #8e44ad;
}

.OremButtonSmall.turquoise {
  background: #1abc9c;
}

/* Orem Button Larger*/
.OremButton {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.OremButton span {
  position: absolute;
  left: 0;
  width: 50px;
  background-color:rgba(0,0,0,0.5);
  
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
}

.OremButton:hover span, .OremButton.active span {
  background-color:rgb(0,102,26);
  border-right: 1px solid  rgba(0,0,0,0.3);
}

.OremButton:active {
  margin-top: 2px;
  margin-bottom: 13px;

  -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}

.OremButton.orange {
  background: #FF7F00;
}

.OremButton.purple {
  background: #8e44ad;
}

.OremButton.turquoise {
  background: #1abc9c;
}

.OremButton.red {
  background: #e74c3c;
}
.OremButton.green {
  background: #189c0e;
}
/* ========================================================================================================= */
/* Purpose: Yellow Button http://www.bestcssbuttongenerator.com/#/14                                         */
/* ========================================================================================================= */
.OremYellowButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;

}
.OremYellowButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.OremYellowButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Pink Button                                                                                     */
/* ========================================================================================================= */
.OremPinkButton {
	-moz-box-shadow: 0px 1px 14px -3px #f7c5c0;
	-webkit-box-shadow: 0px 1px 14px -3px #f7c5c0;
	box-shadow: 0px 1px 14px -3px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.OremPinkButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.OremPinkButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Red Button                                                                                       */
/* ========================================================================================================= */
.OremRedButton {
	-moz-box-shadow: 0px 1px 13px -3px #f5978e;
	-webkit-box-shadow: 0px 1px 13px -3px #f5978e;
	box-shadow: 0px 1px 13px -3px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.OremRedButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.OremRedButton:active {
	position:relative;
	top:1px;
}

/* ========================================================================================================= */
/* Purpose: Blue Button                                                                                      */
/* ========================================================================================================= */
.OremBlueButton {
	-moz-box-shadow: 0px 1px 14px -3px #97c4fe;
	-webkit-box-shadow: 0px 1px 14px -3px #97c4fe;
	box-shadow: 0px 1px 14px -3px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.OremBlueButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.OremBlueButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Gray Button                                                                                      */
/* ========================================================================================================= */
.OremGrayButton {
	-moz-box-shadow: 0px 1px 14px -3px #ffffff;
	-webkit-box-shadow: 0px 1px 14px -3px #ffffff;
	box-shadow: 0px 1px 14px -3px #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:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.OremGrayButton: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;
}
.OremGrayButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Green Button                                                                                     */
/* ========================================================================================================= */
.OremGreenButton {
	-moz-box-shadow: 0px 1px 14px -3px #a4e271;
	-webkit-box-shadow: 0px 1px 14px -3px #a4e271;
	box-shadow: 0px 1px 14px -3px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.OremGreenButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.OremGreenButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Purple Button                                                                                    */
/* ========================================================================================================= */
.OremPurpleButton {
	-moz-box-shadow: 0px 1px 0px 0px #efdcfb;
	-webkit-box-shadow: 0px 1px 0px 0px #efdcfb;
	box-shadow: 0px 1px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
	background:-moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
	background-color:#dfbdfa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
}
.OremPurpleButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
	background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
	background-color:#bc80ea;
}
.OremPurpleButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Cyan Button                                                                                    */
/* ========================================================================================================= */
.OremCyanButton {
	-moz-box-shadow: 0px 1px 14px -3px #f2fadc;
	-webkit-box-shadow: 0px 1px 14px -3px #f2fadc;
	box-shadow: 0px 1px 14px -3px #f2fadc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
	background:-moz-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-webkit-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-o-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-ms-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
	background-color:#dbe6c4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#757d6f;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ced9bf;
}
.OremCyanButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ba892), color-stop(1, #dbe6c4));
	background:-moz-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-webkit-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-o-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-ms-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba892', endColorstr='#dbe6c4',GradientType=0);
	background-color:#9ba892;
}
.OremCyanButton:active {
	position:relative;
	top:1px;
}
/* ========================================================================================================= */
/* Purpose: Orange Button                                                                                    */
/* ========================================================================================================= */
.OremOrangeButton {
	-moz-box-shadow: 0px 1px 14px -3px #fce2c1;
	-webkit-box-shadow: 0px 1px 14px -3px #fce2c1;
	box-shadow: 0px 1px 14px -3px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.OremOrangeButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.OremOrangeButton:active {
	position:relative;
	top:1px;
}

/* ========================================================================================================= */
/* Purpose: Orem Light Blue                                                                                    */
/* ========================================================================================================= */
.OremLightBlueButton {
	-moz-box-shadow: 0px 1px 14px -3px #dcecfb;
	-webkit-box-shadow: 0px 1px 14px -3px #dcecfb;
	box-shadow: 0px 1px 14px -3px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.OremLightBlueButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}
.OremLightBlueButton:active {
	position:relative;
	top:1px;
}

/* ========================================================================================================= */
/* Purpose: Orem Dark Blue                                                                                    */
/* ========================================================================================================= */
.OremDarkBlueButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1b6580), color-stop(1, #297fb8));
	background:-moz-linear-gradient(top, #1b6580 5%, #297fb8 100%);
	background:-webkit-linear-gradient(top, #1b6580 5%, #297fb8 100%);
	background:-o-linear-gradient(top, #1b6580 5%, #297fb8 100%);
	background:-ms-linear-gradient(top, #1b6580 5%, #297fb8 100%);
	background:linear-gradient(to bottom, #1b6580 5%, #297fb8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b6580', endColorstr='#297fb8',GradientType=0);
	background-color:#1b6580;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #8aabbd;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
}
.OremDarkBlueButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #297fb8), color-stop(1, #1b6580));
	background:-moz-linear-gradient(top, #297fb8 5%, #1b6580 100%);
	background:-webkit-linear-gradient(top, #297fb8 5%, #1b6580 100%);
	background:-o-linear-gradient(top, #297fb8 5%, #1b6580 100%);
	background:-ms-linear-gradient(top, #297fb8 5%, #1b6580 100%);
	background:linear-gradient(to bottom, #297fb8 5%, #1b6580 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#297fb8', endColorstr='#1b6580',GradientType=0);
	background-color:#297fb8;
}
.OremDarkBlueButton:active {
	position:relative;
	top:1px;
}

/* ========================================================================================================= */
/* Purpose: Orem Teal Blue         OremTealButton                                                                       */
/* ========================================================================================================= */
.OremTealButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c1d6), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #89c1d6 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #89c1d6 5%, #408c99 100%);
	background:-o-linear-gradient(top, #89c1d6 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #89c1d6 5%, #408c99 100%);
	background:linear-gradient(to bottom, #89c1d6 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c1d6', endColorstr='#408c99',GradientType=0);
	background-color:#89c1d6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #9db2bf;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato;
	font-size:11px;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
}
.OremTealButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #89c1d6));
	background:-moz-linear-gradient(top, #408c99 5%, #89c1d6 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #89c1d6 100%);
	background:-o-linear-gradient(top, #408c99 5%, #89c1d6 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #89c1d6 100%);
	background:linear-gradient(to bottom, #408c99 5%, #89c1d6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#89c1d6',GradientType=0);
	background-color:#408c99;
}
.OremTealButton:active {
	position:relative;
	top:1px;
}





/* ========================================================================================================= */
/* Purpose: Popup background                                                                                 */
/* ========================================================================================================= */
.PopupBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.Popup {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;

}

.lbl {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}
/* ========================================================================================================= */
/* Purpose: Ajax Rating Control                                                                              */
/* ========================================================================================================= */
.Star {
    background-image: url(PubImg/Star.png);
    height: 24px;
    width: 24px;
}

.WaitingStar {
    background-image: url(PubImg/WaitingStar.png);
    height: 24px;
    width: 24px;
}

.FilledStar {
    background-image: url(PubImg/FilledStar.png);
    height: 24px;
    width: 24px;
}

/* ========================================================================================================= */
/* Purpose: Ajax Tabe Control Style                                                                          */
/* ========================================================================================================= */
.fancy-green .ajax__tab_header
{
    background: url(./PubImg/green_bg_Tab.gif) repeat-x;
    cursor: pointer;
}

.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
    background: url(./PubImg/green_left_Tab.gif) no-repeat left top;
}

.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
    background: url(./PubImg/green_right_Tab.gif) no-repeat right top;
}

.fancy .ajax__tab_header
{
    color: #000;
    font-family:Lato;
	font-size:12px;
}

.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
    height: 46px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
    height: 46px;
    margin-left: 16px; /* offset the width of the left image */
}

.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
    margin: 10px 26px 6px 26px;
}

.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}

.fancy .ajax__tab_body
{
    font-family:Lato;
	font-size:12px;
    border-top: 0;
    border: 1px solid #999999;
    padding: 10px;
    background-color: #ffffff;
}
/* ========================================================================================================= */
/* Purpose: Ajax Tabe Control Style                                                                          */
/* ========================================================================================================= */
.OremTabStyle .ajax__tab_header {
    cursor: pointer;
    font-family:Lato;
	font-size: 14px;
    height: 45px;
    color:gray;
    border: 1px solid;
    text-decoration: none;
    padding:0px 0px 0px 0px;
    border-color: black black black white;
}

.OremTabStyle .ajax__tab_active .ajax__tab_tab {
    border: 1px solid;
    border-color: white white white black;
    padding:10px 10px 11px 10px;  
    background-color:#D8FFB3;
    color:black;

}
.OremTabStyle .ajax__tab_active .ajax__tab_tab:hover {
        border: 1px solid;
        background-color:#E5FFCC;
        padding:10px 10px 11px 10px; 
        border-color: white white white black;
}

.OremTabStyle .ajax__tab_tab {
    border: 1px solid;
    border-color: white white white black;
    cursor: pointer;
    padding: 10px;
}


.OremTabStyle .ajax__tab_tab:hover {
        border: 1px solid;
        border-color: red;
        background-color:#f9f9f9; 
        cursor: pointer;
        border-color: white white white black;
        padding:10px 10px 10px 10px;
    }

.OremTabStyle .ajax__tab_active .ajax__tab_tab, .TabStyle .ajax__tab_tab, .TabStyle .ajax__tab_header .ajax__tab_tab {
    margin: 0px 0px 0px 0px;
    /* top position, left side space, inactive tab height, right side space  */
}

.OremTabStyle .ajax__tab_body {
    font-family:Lato;
    font-size: 11pt;
    border-top: 0;
    border: 1px solid;
    border-top: none;
    padding: 5px;
    
    
}
/* ========================================================================================================= */
/* Purpose: XButton                                                                                          */
/* ========================================================================================================= */

.MyButtonX { 
	float: left;
	background: url(./PubImg/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 70;
	font-size:20px;
	font-weight:bold;
    display:inline;
}
.MyButtonX a{
	float:  left;
	background: url(./PubImg/btn_stretch.png) repeat-x ;
	line-height: 40px;
	padding: 20 10px;
	color: #fff;
	font-size: 1em;
	text-decoration:none;
	display:inline;
}
.MyButtonX span 
{
    float: left;
	background: url(./PubImg/btn_right.png) no-repeat;
	width: 10px;
	height: 40px;	
}
.MyButtonX_addtocart { background-color: green; }
.MyButtonX_checkout { background-color: red; }
.MyButtonX_learnmore { background-color: orange; }
.MyButtonX_Teal { background-color:Teal; }
.MyButtonX_try { background-color: #002c85; }
.MyButtonX_lightblue { background-color: #0080ff; }
.MyButtonX_Aqua { background-color: Aqua; }
.MyButtonX_Navy { background-color: Navy; }
.MyButtonX_DarkBlue { background-color: #0080ff; }
.MyButtonX_Yellow { background-color: Yellow; }
.MyButtonX_Pink { background-color:#ff8080 ; }
.MyButtonX_green { background-color: green; }

/* ========================================================================================================= */
/* Purpose: Fancy Check Box                                                                                  */
/* ========================================================================================================= */

/* hide input */
input.radio:empty {
	margin-left: -999px;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	margin-top: 2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #777;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}


/* ========================================================================================================= */
/* Purpose: Drow Down Menu                                                           */
/* ========================================================================================================= */
.dropbtn {
    display:normal;
    background: url(./PubImg/menucircle1.png) no-repeat;
    padding: 17px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

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

.dropdown-content {
    color:white;
    display: none;
    position: absolute;
    background-color: white  ;
    min-width: 160px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
    text-align:left;

}

.dropdown-content a {
    font-size:15px;
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
   
}

.dropdown-content a:hover {background-color: red;}

.dropdown:hover .dropdown-content {
    display: block;

}

.dropdown:hover .dropbtn {
    background-color:   crimson;
}

/* ========================================================================================================= */
/* Purpose: Put the footer to the bottom                                                            */
/* ========================================================================================================= */
.orem-header{
  position:fixed;
  right: 0;
  top: 0;
  left: 0;
  text-align: center;
}
/* ========================================================================================================= */
/* Purpose: Put the footer to the bottom                                                            */
/* ========================================================================================================= */
.orem-inner-container {
    background: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    color: #666666;
    text-align: center;
    width: 100%;
    height: 30px; /* Height of the footer */
}
/*-----------------------------------------------------------------------------------------------------*/
/*  Popup */
/* ----------------------------------------------------------------------------------------------------*/
div.RadMenu .rmGroup .rmText
       {
           margin: 0 0 0 4px;
           padding-top:20px;
           padding-bottom:20px;
           padding-left:10px;
           padding-right:150px;
           font-size :20px;
           height :30px;
       }

div.RadMenu_Default .rmGroup,
div.RadMenu_Default .rmMultiColumn,
div.RadMenu_Default .rmGroup .rmVertical 
{
    background-position: -130px 0px;
}
/*-----------------------------------------------------------------------------------------------------*/
/*  Search box dropdown
/* ----------------------------------------------------------------------------------------------------*/

.RadSearchBox .rsbInput { 
font-size: 18px;
padding:12px 0 12px 0;
vertical-align:middle; 
height:60px;
width:120px;
}
.RadSearchBox .rsbInner { 
font-size: 18px;
padding:3px 0 3px 0;
vertical-align:middle;
}
html .RadSearchBox .rsbButtonSearch { 
height: 60px;
width:60px;
}
.RadSearchBox:hover .rsbButtonSearch
{
background-color: #3E3E3E;
}
html .RadSearchBox .rsbButtonSearch:hover {
background-color: #3E3E3E;
}

.rsbPopup .rsbList
{
font-size : 18px !important;
background-color:Black;
}
html .RadSearchBox .rsbList
{
background-color:Gray;
}
html .RadSearchBox .rsbListItem:hover {
background-color: green; 
}
html .RadSearchBox .rsbListItem {
background-color: black;
}
/* ========================================================================================================= */
/* Special Gray Box Container
/* ========================================================================================================= */
.confirm-container {
    margin: 40px auto;
    padding: 20px;
    /* border: 1px solid #e2e4e7; */
    border: 1px solid #e2e4e7;
    background-color: #f5f7f8;
}