/* =============================================================================================================================================
   OREM CITY MAIN STYLE - STEWART
   Version July 19, 2014
   ========================================================================================================================================== */
*{
	padding:0;
	margin:0;
}

body{
	height:100%;
	width:100%;
	
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	line-height:1.5;
}
a{
	color:#0077a8; /* Darkened from #00b7f0 for WCAG AA contrast (4.6:1 on white) */
}
.wrapper{
	width:95%;
	margin:0 auto;
	height:auto;
	overflow:auto;
	padding-bottom:20px;
}
	.maininner{
		padding:10px 10px 0px 10px;
		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;
	}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   DEFAULT PRESETS
   ------------------------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5{ font-weight:300;}
h1{ font-size:3em;} h2{ font-size:2.5em; } h3 { font-size:2.0em; color:#767676;} h4{ font-size:1.5em;} /* h3 darkened from #c2c2c2 for WCAG AA contrast (4.54:1 on white) */
.title{
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url('PubImg/header_stripes.png') 0 100% repeat-x;
}
.margin-top{
	margin-top:15px!important;
}
.margin-bottom{
	margin-bottom:15px!important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   HEADER
   ------------------------------------------------------------------------------------------------------------------------------------------ */
#block-header{
	background:url('PubImg/headerbar.png') 50% 50% repeat;
	height:80px;
	padding-top:10px;
	border-bottom:1px solid #000;
}
	/* Search */
		form#search{
			display:inline-block;
			width:25%;
		}
		form#search input{
			padding:4px;
		}
		form#search input.search{
			width:75%;
			float:left;
		}
		form#search input.submit{
			float:left;
			width:25%;
			padding:6px;
			outline:none;
			color:#FFF;
			border:none;
				background-color: #00b7f0;
				background-image: -o-linear-gradient(rgba(2,151,198,0), #0297c6);
				background-image: -webkit-linear-gradient(rgba(2,151,198,0), #0297c6);
				background-image: -moz-linear-gradient(rgba(2,151,198,0), #0297c6);
				background-image: linear-gradient(rgba(2,151,198,0), #0297c6);
		}
#block-header2 {
    background:url('PubImg/headerbar.png') 50% 50% repeat;
    font-size : 18px;
    height : 60px;
	padding-top : 1px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   MENU
   ------------------------------------------------------------------------------------------------------------------------------------------ */	
	.menu{
		margin-top:0px;
	}
	.menu ul li{
		list-style:none;
		display:inline-block;
		text-transform:uppercase;
		color:#FFF;
		font-size:1.5em;
		font: normal 13px/13px Arial, Helvetica, sans-serif;
		padding:2.5px 10px;
	}
		.menu ul li a{
			color:#FFF;
			text-decoration:none;
		}
		.menu ul li:hover{
			background:#035c85;
		}

/* -------------------------------------------------------------------------------------------------------------------------------------------
   CONTENT
   ------------------------------------------------------------------------------------------------------------------------------------------ */
#block-content{
	height:auto;
}
#block-content .wrapper{
	background:#FFF;
	margin-top:10px;
	margin-bottom:50px;
}
	#block-content ul li{
		list-style:none; 
	}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------------------------------------------------------------------------------------ */

#block-footer{
	background:#2d2a27;
	min-height:500px;
}
.footer-wrapper{
	width: 1020px;
	max-width: 1020px;
	margin: 0 auto;
	height: auto;
	overflow: auto;
	padding-bottom: 0px;
}
	#block-footer h2, h3{
		color:#c2c2c2;
	}
	#block-footer .maininner{
		padding:10px;
	}
	.footer-title{
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url('https://secure2.orem.org/UtilitySite/PubImg/header_stripes_dark.png') 0 100% repeat-x;
	}
	#block-footer p{
		line-height:1.8;
	}
#block-footer .wrapper{
	padding:25px;
	height:auto;
}
	#block-footer .grid-box{
		color:#FFF;
	}
	#block-footer div#bottom-b ul{
		padding:10px 0px;
		margin-top:5px;
	}
	#block-footer div#bottom-b ul li{
		width:100%;
		border-bottom:1px solid #3d3d3d;
		list-style:none;
		padding:5px 0px;
	}
		#block-footer div#bottom-b ul li a{
			color:#FFF;
			text-decoration:none;
		}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   FOOTER BOOTOM
   ------------------------------------------------------------------------------------------------------------------------------------------ */
	#footer-bottom{
		background:#000;
		padding:15px;
		color:#666666;
		text-align:center;
	}
	#footer-bottom div{
		line-height:2.5em;
	}
		#footer-bottom div a{
			text-decoration:none;
		}

/* -------------------------------------------------------------------------------------------------------------------------------------------
   IN-LINE STYLE I MOVED OUT
   ------------------------------------------------------------------------------------------------------------------------------------------ */
.left{float:left;}
	.right{float:right;}
	.align-center{text-align:center;margin:0 auto;}.align-left{text-align:left;}.align-right{text-align:right;}
	.width10{width:10%;}  
    .width15{width:15%;} 
    .width20{width:20%;} 
    .width25{width:25%;  display:inline-block; padding:0px; float:left;}  
    .width25p{width:24%; display:inline-block; padding-left:3px; float:left; }
    .width30{width:30%;} 
    .width35{width:35%;}
    .width40{width:40%;} 
    .width45{width:45%;} 
    .width50 {width:47%;display:inline-block;padding:0px 1.5%;float:left;} 
    .width60{width:60%;} 
    .width65{width:65%;} 
    .width70 {width:70%;} 
    .width75 {width:75%;} 
    .width80 {width:80%;} 
    .width85 {width:85%;} 
    .width90 {width:90%;} 
    .width90 {width:95%;} 
    .width100 {width:100%;}


	.grey-bg{background:#fafafa;}
	.heading{ background:#dddddd; padding:10px 0px; color:black; text-align:center;font-weight:400;font-size:1.3em;overflow:auto;}
	.sub-heading {background:#fafafa; border-bottom:2px solid #dddddd; padding:10px 0px 10px 0px; color:#222222; text-align:left;overflow:auto;}
		.border-top{border-top:2px solid #dddddd;}
	.form-col{background:#FFF; padding:10px 0px 10px 0px; border-bottom:2px solid #dddddd;overflow:auto;}
	.padding-right{padding-right:25px;}
	.padding-left-right{padding:0px 15px;}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   APPLICATION FROM   background: #E5F2E1;
   ------------------------------------------------------------------------------------------------------------------------------------------ */
input[type="text"].app {
    padding: 5px;
    /* background:#fafafa; */
    background: #E5F2E1;
    outline: none;
    border: 1px solid #dddddd;
    color: #010710;
    width: 100%;
}

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

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;
    }

input[type="radio"] {
    width: 50px;
    height: 18px;
}
input[type=radio] + label {
    /*display:inline-block;*/
    margin:-2px;
    /*     padding: 4px 18px; */
    /*background-color: #E5F2E1;*/
}


	/* Login Form 
	-------------------------------------------------- */
	
	input[type="text"].login, input[type="password"].login{
		background:#dddddd;
		border:none;
		outline:none;
		color:#FFF;
		padding:15px;
		width:100%;
	}
	
		/* Submit Buttons */
		input[type="submit"].grey{
			padding:10px;
			outline:none;
			color:#FFF;
			border:none;
				background:#dddddd;		
		}
		input[type="submit"].blue{
			padding:10px;
			outline:none;
			color:#FFF;
			border:none;
				background-color: #00b7f0;
				background-image: -o-linear-gradient(rgba(2,151,198,0), #0297c6);
				background-image: -webkit-linear-gradient(rgba(2,151,198,0), #0297c6);
				background-image: -moz-linear-gradient(rgba(2,151,198,0), #0297c6);
				background-image: linear-gradient(rgba(2,151,198,0), #0297c6);
			}
	/* Login Form 
	-------------------------------------------------- */
	.grey-row{
		background: #fafafa;
		border-bottom: 2px solid #dddddd;
		padding: 10px 0px 10px 0px;
		color: #222222;
		text-align: left;
		overflow: auto;
		font-weight:500;
	}
	.white-row{
		background: #FFF;
		padding: 10px 0px 10px 0px;
		border-bottom: 2px solid #dddddd;
		overflow: auto;
		color:#c2c2c2;
	}

/* =============================================================================================================================================
   END ---  OREM CITY MAIN STYLE - STEWART
   ========================================================================================================================================== */

/* =============================================================================================================================================
   OREM CITY MAIN STYLE - Robert
   Version July 19, 2014
   ========================================================================================================================================== */

/* ========================================================================================================= */
/* 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);
}

/* ========================================================================================================= */
/* Button CSS
/* ========================================================================================================= */
.SpecialButton_right
{
    float: right;
    display: block;
    height: 37px;
    margin-bottom: 15px;
    margin-right: 10px;
    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);
}

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

.MessageTitle
{
    display: block;
    width: 98%;
    padding-top: 10px;
    padding-left: 15px;
    height: 30px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    border: 1px solid #284473;
    border-bottom-color: #223b66;
    border-radius: 4px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #d0e1fe, #F7B64C);
    background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
}
.MessageTableBlank
{
    float:left;
    margin: 0 auto;
    width:100%;
    clear:both;
    overflow:auto;
}

.MessageTable
{
    float:left;
    margin: 0 auto;
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: Silver;
    border-collapse: collapse;
}

.MessageTableInside
{
    margin: 0 auto;
    border-width: 1px;
    border-spacing: 2px;
    border-style: none;
    border-collapse: collapse;
    background-color: white;
}

/* ========================================================================================================= */
/*  Table CSS
/* ========================================================================================================= */
.TableStyleB
{
    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
}
.TableStyleB th
{
    border: 1px solid;
    border-color: Silver;
    padding-left: 10px;
    padding-right: 10px;
}

.TableStyleB td
{
    border: 1px solid;
    border-color: Silver;
    padding-left: 10px;
    padding-right: 10px;
}
/*=======================================================================================*/
/* Define Left Side Bar Style                                                            */
/*=======================================================================================*/

#leftsidebar
{
    top:0;
    float: left;
    width: 200px;
    border-style: solid solid none solid;
    border-color: #94AA74;
    border-size: 1px;
    border-width: 1px;
    margin: 10px;

}

#leftsidebar li a
{
    height: 32px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
}

#leftsidebar li a:link, #leftsidebar li a:visited
{
    color: #5E7830;
    display: block;
    background: url(PubImg/menu1.gif);
    padding: 8px 0 0 10px;
}

#leftsidebar li a:hover
{
    color: #26370A;
    background: url(PubImg/menu1.gif) 0 -32px;
    padding: 8px 0 0 10px;
}

#leftsidebar li a:active
{
    color: #26370A;
    background: url(PubImg/menu1.gif) 0 -64px;
    padding: 8px 0 0 10px;
}
#leftsidebar ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
/*=======================================================================================*/
/* Side Bar Effect                                                        */
/*=======================================================================================*/
.box {
  float: left;
  width: 50%;
  height: 100px;
}
.after-box {
  clear: left;
}
.current
{
    font-weight:bold; 
}
/*=======================================================================================*/
/* Water mark css                                                      */
/*=======================================================================================*/
.OremWatermarked
{
	background-color:#EDF7F8;
	color:Navy;
    height: 24px;
}
.OremfontInTable{
    height: 24px;
	width:100%;
	font-size:16px;
    font-family:Arial, Sans-Serif;
	line-height:20px;
}
/*=======================================================================================*/
/* FieldSetLegend                                                   */
/*=======================================================================================*/
.Oremlegend {
  padding: 0.2em 0.5em;
  border:1px solid gray;
  font-size:90%;
  }
/*=======================================================================================*/
/* 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;
}

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

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

.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;
}

.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: 'Open Sans', sans-serif;
}
/* ========================================================================================================= */
/* SubMain Menu
/* ========================================================================================================= */

.cssmenu,
.cssmenu ul,
.cssmenu li cssmenu a {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-family: Helvetica;
  line-height: 1;
}
.cssmenu {
  width: auto;
}
.cssmenu ul {
  zoom: 1;
  background: #a7bc7a url(PubImg/pattern.png) top left repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #839b4e;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.cssmenu ul:before {
  content: '';
  display: block;
}
.cssmenu ul:after {
  content: '';
  display: table;
  clear: both;
}
.cssmenu a,
.cssmenu a:link,
.cssmenu a:visited {
  padding: 15px 20px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 -1px 1px #586835;
  border-right: 1px solid #839b4e;
}
.cssmenu a:hover {
  color: #586835;
  text-shadow: 0 1px 1px #bdcd9c;
}
.cssmenu li {
  float: left;
  border-right: 1px solid #b2c58b;
}
.cssmenu li:hover {
  background: #9cb369 url(PubImg/pattern.png) top left repeat;
}
.cssmenu li:first-child {
  border-left: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.current
{
    font-weight:bold; 
}

/* ========================================================================================================= */
/* accordionHeader
/* ========================================================================================================= */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


.accordionLink
{
 background-color: #D3DEEF;
    color: white;
}

/* ========================================================================================================= */
/* Special Gray Box Container
/* ========================================================================================================= */
.confirm-container {
    margin: 40px auto;
    padding: 20px;
    /* border: 1px solid #e2e4e7; */
    border: 1px solid #e2e4e7;
    background-color: #f5f7f8;
}
user agent stylesheetdiv {
    display: block;
}

/* ========================================================================================================= */
/* 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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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:16px;
	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: Credit Card Form                                                                    */
/* ========================================================================================================= */
.registrationForm {
    position: relative;
    display: inline-block;
    min-width: 300px;
    min-height: 250px;
    background: url(PubImg/content-bgr.png);
    border-radius: 7px;
    border: 1px solid #9d9d9d;
    box-shadow: 0 0 5px rgba(0, 0, 0, .08);
    *zoom: 1;
    *display: inline;
    *width: 450px;
}
 
.titleBar {
    min-width: 300px;
    height: 50px;
    background-color: #3e4047;
    color: #fff;
    padding: 0 30px;
    border-radius: 6px 6px 0 0;
}
 
.titleBar span {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 50px;
}
 
.container {
    padding: 35px 30px 20px;
    display: table;
}
 
.container .row {
    display: table-row;
    *zoom: 1;
    *display: inline
}
 
.container .cell {
    display: table-cell;
    padding: 0px 0 12px;
    *zoom: 1;
    *display: inline
}
 
.row  > .cell {
    *width: 110px;
}
 
.row  > .cell > .line {
    *height: 0;
    *width: 265px;
}
 
.container .cell:first-child {
    padding-right: 10px;
}
 
.container .riTextBox {
    border-radius: 4px;
}
 
.container .line {
    border-bottom: 1px solid #D7D7D7;
    border-left: medium none;
    border-top: 1px solid #fff;
}
 
.container .rowButton .RadButton {
    margin-top: 10px;
}
 
.demo-container
{
    width: 100%;
    text-align:center;
}
 
/* ========================================================================================================= */
/* Purpose: Wizard                                                                       */
/* ========================================================================================================= */

 
/*Wizard*/
.demo-container .RadWizard {
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-bottom: 0;
    box-shadow: 0 0 0 1px #fff;
}
 
    .background-black .demo-container .RadWizard,
    .background-blackmetrotouch .demo-container .RadWizard,
    .background-glow .demo-container .RadWizard,
    .background-office2010black .demo-container .RadWizard {
        border: 0;
        box-shadow: 0;
    }
 
 
    .rwzImage {
        background-image: url(PubImg/bread-crumb-icons.png);
    }
 
    html .RadWizard .rwzBreadCrumb span.rwzImage {
        width: 24px;
        height: 24px;
    }
 
        .demo-container .accountInfo.rwzImage {
            background-position: 0 0;
        }
        .demo-container .rwzSelected .accountInfo.rwzImage {
            background-position: -25px 0;
        }
        .demo-container .rwzDisabled .accountInfo.rwzImage {
            background-position: -50px 0;
        }
 
 
        .demo-container .personalInfo.rwzImage {
            background-position: 0 -25px;
        }
        .demo-container .rwzSelected .personalInfo.rwzImage {
            background-position: -25px  -25px;
        }
        .demo-container .rwzDisabled .personalInfo.rwzImage{
            background-position: -50px  -25px;
        }
 
 
        .demo-container .contactDetails.rwzImage {
            background-position: 0 -50px;
        }
        .demo-container .rwzSelected .contactDetails.rwzImage {
            background-position: -25px -50px;
        }
        .demo-container .rwzDisabled .contactDetails.rwzImage {
            background-position: -50px -50px;
        }
 
 
        .demo-container .confirmation.rwzImage {
            background-position: 0 -75px;
        }
        .demo-container .rwzSelected .confirmation.rwzImage {
            background-position: -25px -75px;
        }
        .demo-container .rwzDisabled .confirmation.rwzImage {
            background-position: -50px -75px;
        }
 
 
.demo-container .RadWizard .rwzContent {
    overflow: hidden;
    background-color: #f5f5f6;
    line-height: 2em;
    margin: 0 -20px;
    padding: 0 20px;
}
 
    .background-black .demo-container .rwzContent,
    .background-blackmetrotouch .demo-container .rwzContent,
    .background-glow .demo-container .rwzContent,
    .background-office2010black .demo-container .rwzContent {
        background-color: transparent;
        background-color: rgba(255,255,255,0.1);
    }
 
    .background-silver .demo-container .rwzContent {
        background-color: transparent;
        background-color: rgba(255,255,255,0.5);
    }
 
    .background-sunset .demo-container .rwzContent {
        background: #f9f5f0;
    }
 
/*Wizard content*/
.demo-container .inputWapper {
    display: inline-block;
    *display: inline;
    width: 320px;
    position: relative;
    zoom: 1;
}
 
    .demo-container .inputWapper.first {
        margin-right: 35px;
    }
 
.demo-container .inputWapper label {
    display: block;
    margin: 5px 0 0;
}
 
.demo-container .validator {
    color: #ff0000;
    position: absolute;
    top: 10px;
    right: 0;
}
 
.demo-container .anti-spam-policy {
    margin-top: 40px;
}
 
.demo-container .conditions {
    display: block;
    color: #a7a7a7;
    font-size: 0.857em;
}
.demo-container .inputWapper.date .riLabel {
    position: absolute;
}
 
.demo-container .RadWizard .rwzStep {
    height: 100%;
    position: relative;
}
 
.demo-container .RadWizard.rwzComplete {
    padding-top: 95px; 
}
 
.demo-container .rwzStep p {
    margin: 0;
    padding: 10px 0;
}
 
.demo-container .RadWizard .complete {
    height: auto;
    padding: 75px 0;
    text-align: center;
}
/* ========================================================================================================= */
/* Purpose: pdf                                                            */
/* ========================================================================================================= */
.pdfobject-container { height: 350px;}
.pdfobject { border: 1px solid #666; }

.OremButton {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 5px;
  padding-left: 52px;
  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: Put the footer to the bottom                                                            */
/* ========================================================================================================= */
.footer-bottom{
   width:100%;
    position: absolute; bottom: 0px;
}
/* ========================================================================================================= */
/* Purpose: Put the footer to the bottom                                                            */
/* ========================================================================================================= */
.orem-footer{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
/* ========================================================================================================= */
/* Purpose: Put the footer to the bottom                                                            */
/* ========================================================================================================= */
.orem-footer-container {
    background: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    color: #666666;
    text-align: center;
    width: 100%;
    height: 60px; /* Height of the footer */
}

/* =============================================================================================================================================
   ADA / WCAG ACCESSIBILITY UTILITIES
   ============================================================================================================================================= */

/* Skip navigation link - hidden until focused by keyboard */
.skip-nav {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 9999;
    text-decoration: none;
    font-size: 14px;
}
.skip-nav:focus {
    top: 0;
}

/* Screen-reader-only utility - visually hidden but accessible to assistive technology */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}