/* =============================================================================================================================================
   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:#00b7f0;
}
.wrapper{
	width:95%;
	margin:0 auto;
	height:auto;
	overflow:auto;
	padding-bottom:40px;
}
	.maininner{
		padding:20px 20px 0px 20px;
		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:#c2c2c2;} h4{ font-size:1.5em;}
.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 {
    height:0px;
	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:5px;
	margin-bottom:50px;
}
	#block-content ul li{
		list-style:none; 
	}
/* -------------------------------------------------------------------------------------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------------------------------------------------------------------------------------ */

#block-footer{
	/*background:#2d2a27;*/
    background:black;
	min-height:400px;
}
.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('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-top:15px;
        padding-bottom:15px;
        padding-left:0px;
        padding-right:0px;
		color:#666666;
		text-align:center;
        width:100%;
        height:60px;   /* Height of the footer */
        position:relative;
        bottom:0;
	}
	#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#E5F2E1: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
   ------------------------------------------------------------------------------------------------------------------------------------------ */
	input[type="text"].app {
    padding: 5px;
    /* background:#fafafa; */
    background: #E5F2E1;
    outline: none;
    border: 1px solid #ABABAB;
    color: #010710;
    width: 100%;
}

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

select.app {
    outline: none;
    border: 1px solid #ABABAB;
    /* 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"] {
    /* background:#fafafa; */
    background: #E5F2E1;
    background-color: #E5F2E1;
    color: red;
    width: 50px;
    height: 18px;
}

	/* 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;
    border:none !important;
}
.OremTableStyleB tr {
    vertical-align :top;
    border-style:none;
    
}

.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: 'Open Sans', sans-serif;
}

/*=======================================================================================*/
/*   Print Payroll Stub                                                                  */
/*=======================================================================================*/
/* Small Size */
.OremPrintSmall
{
    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
}
.OremPrintSmall tr {
    vertical-align :top;
}
.OremPrintSmall th
{
    border: 0px;
}

.OremPrintSmall td
{
    border: 0px solid;
    line-height:20px;
    font-size:8px;
}


.OremPrintGridSmall
{

    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
    padding-left:4px;
    padding-right:4px;
}
.OremPrintGridSmall tr {
    vertical-align :top;
    padding-left:4px;
    padding-right:4px;
}
.OremPrintGridSmall th
{
    border: 0px;
    padding-left:4px;
    padding-right:4px;
}

.OremPrintGridSmall td
{
    border: 0px solid;
    line-height:10px;
    font-size:8px;
    padding-left:4px;
    padding-right:4px;
}

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

.OremTablePrintSmall td
{
    border: 1px solid;
    border-color: Silver;
    padding-top :2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    line-height:10px;
    font-family: 'Open Sans', sans-serif;
}
/* Large Size */
/* ========================================================================================================= */
.OremTablePrintLarge
{
    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
    border: 1px solid;
    border-color: Silver;
}
.OremTablePrintLarge tr {
    vertical-align :top;
    border: 1px solid;
    border-color: Silver;
}
.OremTablePrintLarge th
{
    border: 1px solid;
    border-color: Silver;
    padding-left: 10px;
    padding-right: 10px;
    line-height:10px;
}

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


.OremPrintGridLarge
{

    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
    max-width: 100%;
    overflow:auto;
    padding-left:4px;
    padding-right:4px;
}
.OremPrintGridLarge tr {
    vertical-align :top;
    padding-left:4px;
    padding-right:4px;
}
.OremPrintGridLarge th
{
    border: 0px;
    padding-left:4px;
    padding-right:4px;
}

.OremPrintGridLarge td
{
    border: 0px solid;
    line-height:18px;
    font-size:12px;
    padding-left:4px;
    padding-right:4px;
}


.OremPrintSmallFontSize 
{
    font-size:8px;
}

.OremPrintLargeFontSize 
{
    font-size:12px;
    line-height:20px;
    padding-top:5px;
    padding-bottom:5px;
}




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

.primaryStaticMenu
{
   background-color:#046C9D;
   float: left;
   padding:5px;
   font-size:15px;
   font-weight:200;
   width:100%;
   border-radius:3px;
   color:white;
}
.primaryStaticMenuItem
{
   width: 98%;
   background-color: #046C9D; 
   color: #FFF;
   padding: 0.5em 0 0.5em 1em;
}
.primaryStaticHover
{
   color: #FFFFFF;
   background: #035C85;
}
.primaryDynamicMenu
{   
   background-color:#372F26;               
   padding:0;
   height:auto;
}  
.primaryDynamicMenuItem
{
   font-size:15px;
   background-color: #372F26; 
   color: #dddddd;
   padding:5px;    
}    
.primaryDynamicHover
{
   color:  #00b7f0;
   background-color: #372F26; 
} 
/* ========================================================================================================= */
/* Popup Window Background
/* ========================================================================================================= */
.modalBackground

{
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
  }

.modalPopup

{
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;

 }

/* ========================================================================================================= */
/* Telerik Demo Tree View
/* ========================================================================================================= */
.demo-container  .RadTreeView {
    float: left;
}
 
.demo-container .RadTreeView Img.rtImg {
    margin: 2px 0 2px 3px;
    font-size: 12px;
    line-height: 21px;
}
 
.demo-container .details {
    width: 300px;
    height: 170px;
    float: right;
    margin: 50px 80px;
    padding: 20px 0 0 40px;
    background: url(PubImg/orem_bg.png) no-repeat;
}
 
.demo-container .header {
    color: #4888a3;
    font-size: 23px;
    padding-bottom: 10px;
}
/* ========================================================================================================= */
/* 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: Orgnization Tree                                                          */
/* ========================================================================================================= */
.org-container {
    width: 544px;
    height:400px;
    padding: 21px 32px 31px 63px;
    background: url( "PubImg/qsfBackground.png" ) 0 0 no-repeat;
    position: relative;
}
/** header */
.org-container .header {
    margin-bottom: 18px;
    border-bottom: 1px solid #8bc0c9;
    color: #48a0b0;
    font: 24px 'Segoe UI', sans-serif;
    text-transform: uppercase;
}

/** Conversation window */
.org-container .converesation-window {
    width: 265px;
    color: #767676;
    float: right;
}

/** template photo */
.demo-container .converesation-window #image-placeholder {
    width: 90px;
    height: 110px;
    margin-right: 10px;
    margin-bottom: 19px;
    border: 2px solid #8bc0c9;
    background: url("images/default.png") no-repeat scroll center center #FFFFFF;
    display: block;
    float: left;
}
/** target IE6 and IE7 */
@media screen\9 {
    .org-container .converesation-window #image-placeholder {
        margin-bottom: 0;
    }
}
 
/** Name */
.org-container .converesation-window .name {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
 
 
/** Mail & Phone */
.org-container .converesation-window ul {
    margin: 20px 0 15px;
    padding: 0;
    border-top: 1px solid #cccccc;
    list-style: none;
    clear: both;
}
 
.org-container .converesation-window li {
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
 
 
/** Buttons */
.org-container .buttons {
    width: 285px;
}
 
    .org-container .buttons .RadButton {
        font-size: 12px;
        /*padding: 5px 8px 5px 5px;*/
        border: 1px solid #c9c9c9;
        text-transform: uppercase;
    }
 
        .org-container .buttons .RadButton input {
            /*padding-left: 25px;*/
        }
 
        .org-container .buttons .RadButton.rbDisabled {
            border: 1px solid #c9c9c9;
        }
 
        .org-container .buttons .RadButton .rbDecorated {
            text-transform: uppercase;
        }
 
html .org-container .buttons .rbPrimaryIcon {
    top: 2px;
}
 
html .org-container .buttons .send-message {
    background: url('images/e-mail.png');
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
/* ========================================================================================================= */
/* Purpose: Telerik Style                                                          */
/* ========================================================================================================= */
/** Customize the demo canvas */
html #example .demo-container {
    width: 730px;
    background: url('Images/header-page.jpg') 0 0 no-repeat;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4)
}
@media \0screen\,screen\9 {
    #example .demo-container {
        border: 1px solid #ccc;
    }
} 
 
/*header - Home*/
.demo-container .headerHome {
    display: block;
}
 
    /*Main menu*/
    .demo-container .mainMenu .rmRootGroup .rmRootLink {
        padding-top:20px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        line-height: 30px; 
    }
 
    .demo-container .mainMenu .rmRootGroup .rmRootLink .rmToggle {
        height: 25px; 
    }
 
        /*Bootstrap skin*/
        .demo-container .mainMenu.RadMenu_Bootstrap .rmRootGroup .rmRootLink {
            padding: 15px;
            line-height: 1.42857;
        }
        .demo-container .mainMenu.RadMenu_Bootstrap .rmRootGroup .rmRootLink .rmToggle {
            height: 1.33em;
        }
 
        /*Material skin*/
        .demo-container .mainMenu.RadMenu_Material .rmRootGroup .rmRootLink {
            padding: 14px 24px;
            line-height: 1.42857;
        }
        .demo-container .mainMenu.RadMenu_Material .rmRootGroup .rmRootLink .rmToggle {
            height: 1.33em;
        }
         
 
    .demo-container .rmLeftImage {
        background-image: url('Images/icons.png') !important;
    }
 
    .demo-container .RadMenu_Outlook .icon-sofa:hover .rmLeftImage,
    .demo-container .icon-sofa .rmLeftImage {
        background-position: 0 0;
    }
 
    .demo-container .RadMenu_Outlook .icon-chair:hover .rmLeftImage,
    .demo-container .icon-chair .rmLeftImage {
        background-position: -20px 0;
    }
 
    .demo-container .RadMenu_Outlook .icon-table:hover .rmLeftImage,
    .demo-container .icon-table .rmLeftImage {
        background-position: -40px 0;
    }
 
        .demo-container .RadMenu_MetroTouch .rmSelected.icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Metro .rmSelected.icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Glow .icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Silk .icon-sofa:hover .rmLeftImage,
        .demo-container .RadMenu_Silk .rmSelected.icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Telerik .rmSelected.icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Sunset .rmSelected.icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Black .icon-sofa .rmLeftImage,
        .demo-container .RadMenu_BlackMetroTouch .icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Outlook .icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Outlook .rmSelected.icon-sofa .rmLeftImage,
        .demo-container .RadMenu_Simple .icon-sofa:hover .rmLeftImage,
        .demo-container .RadMenu_Simple .rmSelected.icon-sofa .rmLeftImage {
            background-position: 0 -20px;
        }
 
        .demo-container .RadMenu_MetroTouch .rmSelected.icon-chair .rmLeftImage,
        .demo-container .RadMenu_Metro .rmSelected.icon-chair .rmLeftImage,
        .demo-container .RadMenu_Glow .icon-chair .rmLeftImage,
        .demo-container .RadMenu_Silk .icon-chair:hover .rmLeftImage,
        .demo-container .RadMenu_Silk .rmSelected.icon-chair .rmLeftImage,
        .demo-container .RadMenu_Telerik .rmSelected.icon-chair .rmLeftImage,
        .demo-container .RadMenu_Sunset .rmSelected.icon-chair .rmLeftImage,
        .demo-container .RadMenu_Black .icon-chair .rmLeftImage,
        .demo-container .RadMenu_BlackMetroTouch .icon-chair .rmLeftImage,
        .demo-container .RadMenu_Outlook .icon-chair .rmLeftImage,
        .demo-container .RadMenu_Outlook .rmSelected.icon-chair .rmLeftImage,
        .demo-container .RadMenu_Simple .icon-chair:hover .rmLeftImage,
        .demo-container .RadMenu_Simple .rmSelected.icon-chair .rmLeftImage  {
            background-position: -20px -20px;
        }
 
        .demo-container .RadMenu_MetroTouch .rmSelected.icon-table .rmLeftImage,
        .demo-container .RadMenu_Metro .rmSelected.icon-table .rmLeftImage,
        .demo-container .RadMenu_Glow .icon-table .rmLeftImage,
        .demo-container .RadMenu_Silk .icon-table:hover .rmLeftImage,
        .demo-container .RadMenu_Silk .rmSelected.icon-table .rmLeftImage,
        .demo-container .RadMenu_Telerik .rmSelected.icon-table .rmLeftImage,
        .demo-container .RadMenu_Sunset .rmSelected.icon-table .rmLeftImage,
        .demo-container .RadMenu_Black .icon-table .rmLeftImage,
        .demo-container .RadMenu_BlackMetroTouch .icon-table .rmLeftImage,
        .demo-container .RadMenu_Outlook .icon-table .rmLeftImage,
        .demo-container .RadMenu_Outlook .rmSelected.icon-table .rmLeftImage,
        .demo-container .RadMenu_Simple .icon-table:hover .rmLeftImage,
        .demo-container .RadMenu_Simple .rmSelected.icon-table .rmLeftImage {
            background-position: -40px -20px;
        }
 
/*page content*/
.demo-container .pageContent {
    height: 320px;
    width: 730px;
    position: relative;
}
.demo-container div.pageContent h6 {
    margin: 5px 20px 0;
    font-size: 20px;
    color: #000;
    padding-top:15px;
}
 
/*submenu*/
.demo-container .pageContent .RadMenu,
.demo-container .pageContent .RadMenu .rmRootGroup {
    height: 100%;
}
 
/*home page*/
.demo-container .homeContent {
    height: 140px;
    width: 670px;
    padding: 20px 30px;
    font-size: 14px;
}
 
html .demo-container .pageContent.homeContent h5 {
    padding: 0 0 15px;
    font-size: 20px;
    color: #000;
    border-bottom: 1px solid #2dabc1;
}
 
/*product page*/
.demo-container .productContainer {
    position: relative;
    height: 210px;
    width: 270px;
    color: #2dabc1;
    font-size: 14px;
    line-height: 18px;
    float: left;
    margin: 35px 0 0 60px;
}
 
    .demo-container .describtion {
        position: absolute;
        bottom: 0;
        left: 30px;
        width: 208px;
        padding-bottom: 20px;
        border-bottom: 1px solid #2dabc1;
    }
 
    .demo-container .describtion span {
        display: block;
        overflow: hidden;
    }
    .demo-container .describtion .price {
        height: 40px;
        float: left;
        font-size: 22px;
        line-height: normal;
    }
    .demo-container .describtion .name,
    .demo-container .describtion .type {
        padding: 0 15px;
    }
    .demo-container .describtion .name {
        padding-top: 7px;
        font-weight: bold;
    }
 
    /*chairs*/
    .demo-container .chairs img {
        margin: -30px 0 0 20px;
    }
 
/*stores page*/
.demo-container #stores .address {
    float: left;
    margin: 30px 35px;
}
.demo-container #stores p {
    margin: 0;
}
 
/*about us page*/
.demo-container .about {
    width: 690px;
    padding: 0 20px;
}
.demo-container .people {
    width: 33%;
    float: left;
    margin: 25px 0 0;
    color: #2dabc1;
    font-size: 16px;
    text-align: center;
}
.demo-container .people img {
    display: block;
    margin: auto;
}
 
.demo-container .people p {
    margin: 0;
}
.demo-container .people .name {
    font-weight: bold;
    border-top: 1px solid #2dabc1;
}



/* ========================================================================================================= */
/* 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 */
}
/* ========================================================================================================= */
/* Purpose: Icon Height of the pane                                                       */
/* ========================================================================================================= */
/*.RadMenu_Default,
.RadMenu_Default a.rmlink {
    font:normal 48px;
    color:red;
}
.RadMenu_Default a.rmlink,
.RadMenu_Default a.rmDiabled,
.RadMenu_Default a.rmDiabled.hover{
    background-color:yellow;
}*/