@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px; overflow-x:hidden; font-family:Verdana; font-size:12px; background:url(../images/bg.jpg) repeat #efefef;}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
	{ padding : 0px;	border : 0px;	font-size : 100%; margin : 0px;}
	
p {font-family:Arial; font-size:12px; color:#000000; line-height:22px; width:100%;}
/*select:hover {-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);}*/
.margin-tile {margin:5px 1% 5px 1%; width:98% !important;}
.btn-post{padding: 4px 8px; color: #333333; font-family: Verdana; font-size: 12px; cursor: pointer;}
.message_section{text-align:center;}
.message_section span{padding:5px;}
.padd_rt10px{padding-right:10px;}
font-face
{
font-family:Verdana;
      src: url('../font/verdana.eot');
      src: url('../font/verdana.eot?#iefix') format('embedded-opentype'), url('../font/verdana.woff') format('woff'), url('../font/verdana.ttf') format('truetype'), url('../font/verdana.svg#TeXGyreHerosRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}	
	
img{ vertical-align:inherit}
 
.flft{float:left;}
.fryt{float:right}
.popup{color:#fff;}
.pd{padding-top:10px;}
.pd1{padding-top:20px;}
.txt {line-height:20px;}

.clr{clear:both; margin:0px; padding:0px}


.main {width:100%;}
.wrapper {width:100%; padding:0; float:left;}
	.topheader {background: #48372f;}
	.FixedHeader{position:fixed; z-index:99999;}
.container {width:1000px; margin:0 auto;}
.contentcontainer {width:98%; margin:0 1%; float:left;}

.login-selected {color:#fee202 !important;}
.admin-console {text-transform:uppercase;}

.pop_container {width:100%; margin:0 auto;}
.event_calendar_status{
  min-height: 100px;
  padding-top: 50px;
  padding-left: 20px;
  font-weight:bold;
  }

ul#topnav {
	margin:0px auto; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 12px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	text-align:center;
}
ul#topnav li a {
	padding: 15px 8px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana;
}
ul#topnav li a:hover {
	padding: 15px 8px;
	display: block;
	color: #FFF;
	text-decoration: underline;
	font-family:Verdana;
  background-color:#36c6d3;
}

ul#topnav-social {
	margin:0px auto; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 12px;
}
ul#topnav-social li {
	float: left;
	margin: 0; padding: 0;
	text-align:center;
}
ul#topnav-social li:hover {
  background-color:#36c6d3;
}
ul#topnav-social li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana;
}
ul#topnav-social li a:hover { 
	display: block;
	color: #FFF;
	text-decoration: underline;
	font-family:Verdana;
}

a.icon-fb {background-image:url(../images/icon1.png); background-repeat:no-repeat; width:20px; height:21px; float:left; margin:13px 12px;}
a.icon-tw {background-image:url(../images/icon2.png); background-repeat:no-repeat; width:20px; height:21px; float:left; margin:13px 12px;}
a.icon-gp {background-image:url(../images/icon3.png); background-repeat:no-repeat; width:20px; height:21px; float:left; margin:13px 10px;}
a.icon-pr {background-image:url(../images/linkedin.png); background-repeat:no-repeat; width:21px; height:21px; float:left; margin:13px 12px;}
a.line-sep {background-image:url(../images/line-sep.png); height:46px; width:2px; background-repeat:repeat-y; float:left;}
span.icon-gaer {background-image:url(../images/icon_gaer.png); background-repeat:no-repeat; width:20px; height:21px; margin-left:10px;}
a.icon-ig {background-image:url(../images/instagram.png); background-repeat:no-repeat; width:20px; height:21px; float:left; margin:13px 12px;}
a.icon-yt {background-image:url(../images/youtube.png); background-repeat:no-repeat; background-position:center; background-size:100% 85%; width:20px; height:21px; float:left; margin:13px 12px;}

.logo {margin: 48px 2px 1px}
.futerheader {background: #48372f;}
.sbox1 {width:24%; margin:45px 0px;}
.sText {font-size:14px; color:#666666; width:100%; margin:0px 0px 10px 0px; float:left;}
.searchField {border:1px solid #cccccc; width:100%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px; position:relative;}
.searchField1 {border: 1px solid #CCC; width: 268px; float: left; height: 32px; background-color: #FFF; margin: 0px 0px 10px; position: relative;}
.sarea {display:inline-block; width:179px; height:26px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
.sarea1 {display: inline-block; width: 255px; height: 26px; background-color: #FFF; position: relative; padding: 3px 0px 3px 5.5px; border: 0px none;}
.sbtn {font-family:Verdana; width:32px; height:32px; background-color:Blue; text-align:center; border:0px; cursor:pointer; position:absolute; right:0px;}
.searchField span {cursor:pointer;}
.option {border-right:1px solid #b7b7b7; padding:0px 5px 0px 0px; color:#666666; font-size:12px;}

.menuarea {width:100%; float:left;}

.banner {width:100%; margin:20px 0px;}

.pagecontainer {width:998px; float:left; border:1px solid #cecece; margin:0px 0px 20px 1px; background-color:#ffffff;}
.contactpagecontainer {width:98%; float:left; border:1px solid #cecece; margin:0px 0px 20px 0px; background-color:#ffffff;}
.pageheader {float:left; width:100%; }
.PAGE_TITLE_TEXT_HEIGHT {padding: 9px 0px 9px 20px; font-weight:normal;}
.htext img {float:left; padding:26px 10px 0px 30px;}
.PAGE_TITLE_TEXT img {float:left; padding:26px 10px 0px 30px;}
.RSf {position:relative;}
.RSf a {float:left; text-decoration:none; bottom: 7px; right: 20px; position: absolute;}
.txt {padding:0px 20px;}
.offerstyl {padding:20px 0px;}
.offerarea {padding:0px 20px 0px 20px;}
.ofr {width:27%; float:left}
.footer-google-select {display:none;}
.ofrspace {margin:0px 2% 0px 0px;}
.filterbtn {padding: 5px 16px; font-family: verdana; font-size: 20px; font-weight: 600; margin: 23px 0px 0px 0px;}
.ofr select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 16px; border:1px solid #000000; height: 35px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
.ofr input {background: #ffffff; border: 1px solid #000000 !important; width: 99%; padding:0 0 0 1%; font-family:Verdana; font-size: 16px; border:0; height: 35px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
.ofr select option {height:20px; padding-top:7px; word-break:keep-all; width:247px; }
.ofr label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.contentarea {width:956px; float:left; margin:20px 20px; }
.contentarea1 {width:100%; float:left; margin:10px 0px; padding-top:1%; border:1px solid #cecece;}
.contentstl {background-color:#48372f; padding:7px 0px 6px 0px;}
.anker {margin:0px 0px 0px 0px; float:left; color:#5c4a42;}
.anker a {float:left; margin:0px 5.6px; color:#e7e7e7; text-decoration:none; font-family:Verdana; font-size:14px;}
.anker a:hover {float:left; margin:0px 5.6px; color:#fee202; text-decoration:none; font-family:Verdana; font-size:14px;}
.anker a img {border:0;}
a.line-sep1 {background-image:url(../images/line-sep.png); height:19px; width:2px; background-repeat:repeat-y; float:left;}
.category {background-color:#f6f6f6; border:1px solid #cecece;}
.category-d {background-color:#ffffff; border:1px solid #cecece;}
.category-txt {width:98%; padding:20px 0px 20px 2%; float:left;}
.test {font-family:Verdana; float:left; font-size:15px; color:#333333; font-weight:bold; width:100%;}
.testsmall {font-family:Verdana; float:left; font-size:14px; color:#000000; margin:6px 0px 0px 0px; width:100%;}
.test1 {font-family:Verdana; float:left; font-size:12px; color:#666666; font-weight:bold; margin:40px 0px 0px 0px; width:100%;}
.testsmall1 {font-family:Verdana; float:left; font-size:10px; color:#666666; margin:6px 0px 0px 0px; width:100%;}
.catbtn {padding:10px 25px; float:right; font-family:Verdana; font-size:16px; color:#48372f; border:0; font-weight:bold; margin:1px 0px 0px 0px; background-color:#fee202;}
.txt_dec_none{ text-decoration:none;}
.catbtn:hover {padding:10px 25px; float:right; font-family:Verdana; font-size:16px; color:#fee202; border:0; font-weight:bold; margin:1px 0px 0px 0px; background-color:#48372f;}
.firstlft {float:left; width:80%;}
.firstryt {float:left; width:5%;}
.contentlft {float:left; width:45%;}
.contentryt {float:left; width:55%;}
.note-txt {border-top:1px solid #cccccc; margin:15px 0px 0px 0px;}
.note-area {float:left; width:98%;}
.futr-box {padding:20px 0px;}
.secondlft {float:left; width:75%;}
.secondryt {float:left; width:25%;}
.secondtxt {font-family:Verdana; font-size:12px; color:#ffffff; line-height:22px;}
.secondtxt span {font-family:Verdana; font-size:12px; color:#fee202; line-height:22px;}
.futrofr {width:100%; float:left}
.futrofr select {background: #645148; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; border:1px solid #7a6962;}
.futrofr select option {height:20px; padding-top:7px;}
.firstlft1 {float:left; width:100%;}
.flft1{float:left; width:100%;}
.testoffers {font-family:Verdana; float:left; font-size:15px; color:#333333; font-weight:bold; width:100%; margin-left: 10px;}
.testsmall1 {font-family:Verdana; float:left; font-size:14px; color:#666666; margin:6px 0px 0px 10px; width:100%;}

/*======= EUIRework-ActiveOffers-p1-with bookmark PAGE =======*/
.bookmark {font-family:Verdana; font-size:13px; font-weight:bold; color:#666666; text-decoration:none;}
.bookshow {width:250px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:173px; z-index:999;}
.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:300px; z-index:999; line-height:22px;}
.optionshow a {width:100%; font-family:Verdana; font-size:12px; text-decoration:none; color:#999898; margin:10px 0px;}
.optionshow a:hover {width:100%; font-family:Verdana; font-size:12px; text-decoration:underline; color:#999898; margin:10px 0px;}

.bookmark-content {width:100%; float:left;}
.booklabl {width:20%; float:left;}
.bookbtn {-webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background:url(../images/b-arrow.png) no-repeat;          /*Adds background-image*/
      background-position: 7px 8px;           /*Position of the background-image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
	  -webkit-appearance: none; font-family:Verdana; font-size: 12px; border:0; color:#48372f;
	  width:29px; height:26px; border:1px solid #828282; background-color:#9d9d9d; border-radius:3px;
}
.bookbtn:hover {background-color:#7a6962;}
.folder {
                    /*Removes border*/
      -webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background:url(../images/arrow.png) no-repeat;          /*Adds background-image*/
      background-position: 150px 6px;           /*Position of the background-image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
	  -webkit-appearance: none; font-family:Verdana; font-size: 12px; border:0; color:#48372f;
	  width:66%; height:22px; border:1px solid #FC0;
}
.folder:hover {background-color:#7a6962;}

.done {padding:8px 15px; border:1px solid #c6c6c6; float:right; margin-left:10px; border-radius:2px;}
.donebg {background-color:#fee202;}


/*======= EUIRework-Agencies-p2 PAGE =======*/
.newest {background-color:#c4b2aa;}
.newest-txt {width:98%; padding:12px 0px 12px 2%; float:left;}
.newest-ocntent {font-family:Verdana; color:#ffffff; margin:0px 5px 0px 0px; float:right;}
.newest-ocntent a {text-decoration:none; font-size:14px; color:#ffffff; text-shadow:1px 0px 1px #5F5F5F; float:left; margin:0px 8px;}
.mapleton {width:96%; padding:20px 2% 20px 2%; float:left;}
.mapleton1 {width:96%;padding:0% 2% 1% 2%; float:left;}

.global-search-row {width:96%; padding:5px 2% 5px 2%; float:left;}
.gbs-notice-block {max-height:300px; overflow-y:scroll; min-height:50px;}

.maplbox {width:100%; float:left; margin-bottom:10px;}
.mapspn {width:50%; float:left;}
.maptx {font-family:Verdana; font-size:15px; font-weight:bold; color:#333333;}
.maptx1 {font-family:Verdana; font-size:14px; color:#333333;}
.maptx2 {font-family:Verdana; font-size:12px; color:#666666; line-height:20px;}


.mapletonloogo {width: 15%;}
.mapletonloogo1 {width: 15%;}
.mapletoncontent {width:85%;}
.mapspn-p5 {width:50%; float:left;}
.maptx-p5 {font-family:Verdana; font-size:15px; font-weight:bold; color:#333333;}
.maptx1-p5 {font-family:Verdana; font-size:14px; color:#333333;}
.maptx2-p5 {font-family:Verdana; font-size:12px; color:#666666; line-height:20px;}

.maptx3 {font-family:"Trebuchet MS"; font-size:16px; color:#333333; line-height:20px;}
.GLobalSearch-RowPart1{width:10%; float:left;}
.GLobalSearch-RowPart2{width:60%; float:left;}
.GLobalSearch-RowPart3{width:30%; float:left; text-align:center;}
.GLobalSearch-RowPart3-Partner{width:20%; float:left; text-align:center;}
.GLobalSearch-RowPart1-Partner{width:20%; float:left;}
.GLobalSearch-Details-Link {font-size:12px; color:blue; text-decoration:underline; font-weight:normal;}
.GLobalSearch-Desc-Link { font-size: 14px; color: #333; line-height: 18px;}
.allbtn {padding:5px 20px; font-family:Verdana; font-size:20px; margin:0px 0px 0px 0px; float:left; margin-right:14px;}

.dropdown {float:left; width:100%;}
.dropdown1 {width:170px; float:left; background-color:#f7f6f6; border:1px solid #d5d5d5; border-radius:4px;}
.dropdown1 select {
       border: 0 !important;             /*Removes border*/
      -webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background:url(../images/droparrow.png) no-repeat;          /*Adds background-image*/
      background-position: 148px 12px;           /*Position of the background-image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
	  -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 38px; line-height:20px; color:#48372f; padding:10px 4px;
}

.dropdown1 select::-ms-expand {
    display: none;
}

.dropdown1 select option {height:20px; padding-top:7px;}
.libraryicon {width:5%;}
.library {width:95%;}
.libraryspn {width:33%; float:left;}

.kowledge-contentarea {width:958px; float:left; margin:20px 20px;}
.kowledge-contactcontentarea {width:100%; float:left;}
.kowledge {width:100%; float:left;}
.kowledgebg {background-color:#fffce2;}
.kowledge-lft {width:25%; float:left; margin:0px 5% 0px 0px;}
.kowledge-ryt {width:70%; float:left; margin:0px 0px 0px 0px;}
.kowledge-hed {float:left; width:94%; padding:10px 3%; background-color:#fee202; line-height:20px;}
.kowledgetxt {font-family:Verdana; font-size:18px; color:#48372f;}
.kowledge-submenu {float:left; width:100%; background-color:#fffce2; cursor:pointer;}
/*.kowledge-submenu:hover {float:left; width:100%; background-color:#f2ecbc; cursor:pointer;}*/
.kowledge-submenu a {background-color:#fffce2; text-decoration:none; font-size:13px; color:#333333; width:94%; height:25px; float:left; padding:6px 3% 4px 3%;}
.kowledge-submenu a:hover {font-family:Verdana; background-color:#f2ecbc; text-decoration:none; font-size:13px; color:#333333; width:94%; height:25px; float:left; padding:6px 3% 4px 3%;}

.kowledge-submenu_link {float:left; width:100%; background-color:#fffce2; cursor:pointer;}
.kowledge-submenu_link a {font-family:Verdana; text-decoration:none; font-size:13px; color:#333333; width:94%; float:left; padding:6px 3% 4px 0px;}
.kowledge-submenu_link a:hover {font-family:Verdana; text-decoration:none; font-size:13px; color:#333333; width:94%; float:left; padding:6px 3% 4px 0px;}

.blank {height:30px;}
.article-bg {background-color:#f6f6f6;}
.article {width:94%; float:left; padding:12px 3%;}
.qus {font-family:Verdana; font-size:14px; font-weight:bold; color:#333333; margin:0px 100px 5px 0px;}
.qus1 { font-size:12px; color:#666666; line-height:20px;}
.qus2 { font-size:12px; color:#48372f;}
.ans {font-family:"Trebuchet MS"; font-size:14px; color:#48372f; margin:5px 0px 0px 0px;}
.ans1 {font-family:"Trebuchet MS"; font-size:16px; color:#fe5b02;}

.event {float:left; width:94%; padding:8px 3%;}
.event-one {margin:0px 10px 0px 0px;}
.event-one-right {margin:0px 0px 0px 0px; width:85%; padding-bottom:5px;}
.event-two {font-family:Verdana; font-size:11px; color:#333333;}
.eve-bg {background-color:#f2ecbc;}
.eve-bg1 {background-color:#fffce2;}

.que-area {padding:5px 5px; font-family:Verdana; font-size:12px; font-weight:bold; color:#333333; line-height:18px; float:left; width:96%}
.que-view {padding:0px 5px 5px 5px; font-size:12px; color:#666666; line-height:18px; float:left;}

.profile-contentarea {width:100%; float:left; padding:0px 0px;}
.profile {width:100%; float:left;}
.profilebg {background-color:#fffce2;}
.profile-lft {width:25%; float:left; padding:20px 2.4% 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; min-height:960px; max-height:100%;}
.profile-ryta {width:auto; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; border-left:1px solid #cccccc; min-height:960px; max-height:100%;}
.profile-hed {float:left; width:94.1%; padding:10px 3%; background-color:#fee202; line-height:20px;}
.profile-hed-register {float: left; width: 996px; padding: 10px 3%; background-color:#fee202; line-height: 20px;}
.profiletxt {font-family:Verdana; font-size:18px; color:#48372f;}
.menu_simple ul {
margin: 0;
padding: 0;
width:100%;
list-style-type: none;
}
.menu_simple ul li a {
text-decoration: none;
color: white;
padding: 12px 11px;
background-color: #48372f;
display:block;
border-bottom:1px solid #ffffff;
font-family:Verdana; font-size:14px; color:#ffffff;
}
.menu_simple ul li a:visited {
color: white;
}
.menu_simple ul li a:hover, .menu_simple ul li .current {
color: #48372f;
background-color: #fee202;
}
#selected {
color: #48372f;
background-color: #fee202;
}

.needmore {margin:30px 0px 0px 0px;}
.needmore span {font-family:Verdana; width:100%; float:left; font-size:18px; color:#48372f; text-transform:uppercase;}
.needmore a {text-decoration:none; font-family:Verdana; font-size:15px; color:#998800;}

.description {float:left; width:94%; padding:5px 3%; background-color:#f1f1f1; line-height:20px;}
.descriptiontxt {font-family:Verdana; font-size:12px; color:#48372f;}
.description-content {float:left; width:94%; padding:10px 0px 5px 0px; margin:0px 3%;}
.description-content span {font-family:Verdana; width:100%; text-align: left; font-size:14px; color:#000000;}
.desnote {color:#9b0101;}

.allpage-note {float:left; width:94%; padding:20px 0px 10px 0px; margin:0px 3%; color:#845100; line-height:22px; font-style:italic;}

.opps-container  {float:left; width:94%; margin:20px 3%; border:1px solid #cccccc;}
.opps {float:left; width:100%;}
.hed {background-color:#d9d9d9; float:left; width:94%; padding:8px 3% 8px 3%;}
.hed-txt {font-family:Verdana; font-size:16px; color:#48372f;}
.opps-area {width:24.88%; float:left; min-height:500px; max-height:100%;}
.bodr {border-right:1px solid #cccccc;}
.opps-area-txt {float:left; width:94%; padding:8px 3% 8px 3%;}
.bgo {background-color:#f1f1f1; text-align:center;}
.txtstayl {font-family:Verdana; font-size:14px; color:#48372f;}
.value-name {width:100%; font-family:Verdana; font-size:13px; color:#7b7b7b; float:left; margin:5px 0px; line-height:20px;}
.value-name a {font-family:Verdana; font-size:13px; color:#7b7b7b; float:left; line-height:20px; text-decoration:none;}
.value-name a:hover {font-family:Verdana; font-size:13px; color:#7b7b7b; float:left; line-height:20px; text-decoration:underline;}

.totalhours {color:#069106; font-family:Verdana; font-size:14px;}





/*Welcome-Page-left-side*/
#welcome-left{ width:70%; float:left;}

.top-text{ font-family:Verdana; font-size:12px; color:#000; padding-bottom:40px;}
.line-text{ font-family:Verdana; font-size:15px; color:#000; clear:both; padding-top:15px;}
.under-line{ width:100%; height:1px; background-color:#666; margin-top:20px; margin-bottom:30px;}

#text-a-b-c{}
.txt-a{ float:left; font-family:Verdana; font-size:12px; color:#000;}
.txt-b{ float:left; font-family:Verdana; font-size:12px; color:#000; padding-left:15px;}
.txt-c{ float:right; font-family:Verdana; font-size:12px; color:#000;}

/*Welcome-Page-left-side*/


/*welcome-right-side*/
#welcome-right{ width:27%; float:right; padding-right:10px;}
.Celander{}
.Celander-text{ font-family:Verdana; font-size:12px; color:#000000; padding-top:10px;}
.TEST-1{ font-family:Verdana; font-size:14px; color:#000000; padding-top:10px; text-align:left;}
.TEST-2{ font-family:Verdana; font-size:14px; color:#000000; padding-top:10px; text-align:center;}


#Task-Contant{}


#Task{ padding:10px 150px 5px 5px;
font:Verdana; font-size:14px; color:#FFF; text-transform:uppercase;
background-color:#3d6592;
/* border-top-left-radius:1em;
border-top-right-radius:1em;
-webkit-border-top-left-radius:2em; *//* Safari */}


#Point-Contant{ width:98%; padding:6px 0px 6px 5px; background-color:#ffffcc;}

.point-text{ font-family:Verdana; font-size:14px; color:#000;}

.text-area{ padding:0px 0px 10px 0px; display:table-cell; vertical-align:middle;}

/*welcome-right-side*/

/*=====sunday======*/
.sun {width:96%; float:left; margin:2% 2%;}
.sun_lft {width:32%; float:left;}
.sun_mid {width:4%; float:left;}
.sun_ryt {width:64%; float:left;}
.sun_container {width:96%; float:left;  padding:2% 2%;}
.sunday_ryt {width:100%; float:left;}
.sun_bg {background-color:#F6F6F6;}
.s_month_box1 {float:left; width:12%;}
.s_month_box2 {float:left; width:2%;}
.s_month_box3 {float:left; width:86%;}
.s_month {float:left; padding:10px; height:25px; background-color:#993300; font-family:Verdana; font-size:18px; color:#ffffff; text-align: center; vertical-align: middle; width: 50px; font-weight:bold; text-transform:uppercase;}
.s_day {float:left; padding:10px 10px; height:25px; background-color:#8c2f01; font-family:Verdana; font-size:18px; color:#ffffff; text-align: center; vertical-align: middle; width: 50px; font-weight:bold; text-transform:uppercase;}
.s_content {width:100%; float:left; line-height:22px;}
.s_spn {color:#666666;}
.s_text {font-family:Verdana; font-size:16px; font-weight:bold; text-transform:uppercase; color:#48372f;}
.s_text:hover {font-family:Verdana; font-size:16px; font-weight:bold; text-transform:uppercase; color:#6b554b;}


/*=====School Events START======*/
.school {width:96%; float:left; margin:2% 2%;}
.school_event {width:100%; float:left;}
.ht {line-height:26px; color:#666666;}
.hta {line-height:20px; padding:10px 0px; color:#333333;}
.ht strong {color:#000000;}
.ankr {font-family:Verdana; font-size:14px; color:#48372f; text-decoration:none;}
.ankr:hover {font-family:Verdana; font-size:14px; color:#6b554b; text-decoration:underline;}
/*=====School Events END======*/


/*=====Boltz Sign in START======*/
.htb {padding:15px 0px; border-bottom:1px solid #999999; margin-top:10px;}
/*=====Boltz Sign in END======*/
/*=====QuickLogin in START======*/
.akstl {color:#666666; text-decoration:underline; font-family:Verdana; font-size:12px;}
.akstl:hover {text-decoration:none;}
/*=====QuickLogin in END======*/

/* OFFER /REQUEST DETAIL PAGE */

.detail-page {width:98%; float:left; padding:1%; border-radius:3px;}
.detail-container {width:100%; float:left; margin:4px 0px;}
.detail-containt1 {width:20%; float:left;}
.detail-containt2 {width:80%; float:left;}
.detail-tx {font-family:Verdana; font-size:12px; color:#666666; line-height:22px;}
.detail-tx p{font-family: Verdana; font-size: 12px; color: #666666; line-height: 22px;}
.txtWrap {word-wrap: break-word;}
.txtWrap p img {max-width:100% !important;height:auto;}
.txfld {width:98%; height:80px; border:1px solid #E9E9E9; padding:1%;}
.anker3 {float:right; margin:0 0 3px 0;}
.anker3 span {float:left; color:#993300;}
.anker3 a {float:left; margin:0px 5px; color:#993300; text-decoration:none; font-family:Verdana; font-size:13px;}
.anker3 a:hover {float:left; color:#48372f; text-decoration:none;}
.padding-left{padding-left:10px;}


.ofr_v {width:20%; float:left;}
.ofr_v select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 14px; border: 1px solid #000000; height: 33px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
.ofr_v input {background: #ffffff; width: 96%; padding:0 0 0 6px; font-family:Verdana; font-size: 14px; border: 1px solid #000000; height: 33px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
.ofr_v select option {height:20px; padding-top:7px;}
.ofr_v label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.ofr_v span {color:#000000; font-size:14px; float:left;}
.detail-containernew {width:100%; float:left; margin:4px 0px; padding-top:7px; padding-bottom:30px; border:2.5px solid; border-radius:13px; border-color:#48372f;}
.detail-main {width:100%; float:left; margin:4px 0px;}
.detail-maintext{width:80%; float:left; margin:4px 0px;}
.detail-containt2new { width:80%; float:left; margin-left:7px;
	
}
.detail-container2 {
	width:100%;
	float:left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.detail-container {width:100%; float:left; margin:4px 0px;}
.detail-containernewfile {width:100%; float:left;   background-color:#48372f;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }
.detail-containernewfile-yellow {width:100%; float:left;  background-color:#F6F6F6; padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }
.detail-containernewfile-white {width:100%; float:left;  background-color:#fff; padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.detail-container212 {width:50%; float:right; margin:4px 0px; margin-left:10px; margin-top:-295px;}
.detail-containt2new12 {float:left; margin-left:7px;}
.detail-pagenew {width:100%; float:left; border:2px solid; border-color:#48372f;  background-color:#F8F6EE;}
.detail-txnew121{font-family:Verdana; font-size:12px; color:#000000; line-height:22px;}
.detail-txnew1 {font-family:Verdana; font-size:12px; color:#ffffff; line-height:22px;}

.detail-pagenew-white { width: 100%; float: left; border: 2px solid #48372F;}



/*-------Login form ----------*/
.login_bg {background-color:#99cc66;}
.login_lft { width:60%; 
  float:left; }
.login_mid { width:30%; float:left;}
.login_ryt { float:right;}
.login-rytnew { width:100%; float:left; border:1px solid; border-color:#48372f;   background-color:#99cc66; margin-top:10px;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.login-rytnew1 { width:100%; float:left; border:1px solid; border-color:#48372f;   background-color:#cc3333; margin-top:10px;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.login-rytnew2 { width:100%; float:left; border:1px solid; border-color:#48372f;   background-color:#336699; margin-top:10px;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.login-rytnew3 { width:100%; float:left; border:1px solid; border-color:#48372f;   background-color:#6633ff; margin-top:10px;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.login-rytnew4 { width:100%; float:left; border:1px solid; border-color:#48372f;   background-color:#ff9933; margin-top:10px;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }


.login-containt {float:left;margin-left:7px;padding-top:21px;font-family:Verdana; font-size:12px; color:#ffffff; }
.login-containtnew {float:left; margin-left:7px; padding-top:18px; font-family:Verdana; font-size:12px; color:#ffffff;}
.login-container1 { float:right; padding:18px 0px;}
.catbtn123 {padding:5px 25px; float:right; font-family:Verdana; font-size:16px; color:#48372f; border:1px solid; border-color:#48372f; font-weight:bold; margin:0px 10px 0px 0px; background-color:#ffffff;}
.catbtn123:hover {padding:5px 25px; float:right; font-family:Verdana; font-size:16px; color:#fee202; border:1px solid; border-color:#48372f; font-weight:bold; margin:0px 10px 0px 0px; background-color:#48372f;}

.event-container-left
{
  width:60%;
  float:left;
}

.event-container-right
{
  width:40%;
  float:left;
}
.calendar-container { border:1px solid #CECECE;}
.refresh_btn{padding-top:10px; text-align:center; font-size:14px;}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/

.mm {float:left; width:30%;}
.box3_v {float:left; width:30%; margin-left:-24%; margin-top:5px;}
.footer-icon_container {display:none;}
.m_g:first-child {margin-right:0px !important;}

.pro {position:relative;}
.pro_position {position:absolute;  left:315px; z-index:1; top:0}
/* Set visibility of school section in volunteer registration page*/
.VOLUNTEER-SCHOOL-SECTION { display:table-row;}
.EUI-DESKTOP-LOGO {display:block;}
.EUI-MOBILE-LOGO {display:none;}
.dvSearchBox{display:block;}
.dvHeader{display:block;}
.dvFooter{display:block;}
#dvNeedMoreHelp {display:block;}
#dvNeedMoreHelpMobileView {display:none;}
#dvDesktopView {display:block;}
#dvMobileView {display:none;}
.sorting_1 a
 {
width: 160px;
white-space: normal;
float: left;
word-wrap: break-word;
display: block;
}
.select{display:none;}
.div_border {border: 1px solid #CCC; padding: 3%; width: 94%; float: left;}
.div_txt {width: 100%; margin-top:10px;}
.hed_value {font-family: Verdana; width: 100%; float: left; font-size: 15px; color: #48372F; letter-spacing: -1px; font-weight: bold }
.hed_value2 {font-family: Verdana; margin-left:4px; width: 100%; float: left; font-size: 15px; color: #48372F; letter-spacing: -1px; font-weight: bold }
.div_txt .value1_txt { margin-right: 5px; font-size: 14px !important; font-weight: bold !important; color: rgb(72, 55, 47) !important;
float: left !important;}
.div_txt .value2_txt {text-transform: none !important; font-size: 14px !important; color: #6F6F6F !important; float: left !important;
width: auto !important; word-wrap:break-word; white-space:normal;}


.btn_page_level  {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 16px;
  background: #4d728a;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn_page_level:hover {
  background: #328bc2;
  text-decoration: none;
}

  P{
    font-family:Arial !important;
    font-size:14px !important;
  }

.list_page {width:18%; float:left;}
.list_page select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 12px; border: 1px solid #A4A4A4; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.list_page input {background: #ffffff; width: 99%; padding:0 0 0 1%; font-family:Verdana; font-size: 12px; border: 1px solid #A4A4A4; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.list_page select option {height:20px; padding-top:7px;}
.list_page label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.list_page span {color:#48372f; font-size:14px; float:left;}
.detail-maintext-lft{width:47%; float:left; padding-left: 12px;}
.dvcontentleft {
  float: left;
  width: 45%;
  padding: 10px 0px 5px 0px;
  margin: 0px 2%;
}
.dvcontentright {
  float: right;
  width: 45%;
  padding: 10px 0px 5px 0px;
  margin: 0px 2%;
}
.dvcontentright-inner {
  float: right;
}

.eui-admin-logo {
  display: none;
}
/* Smartphone view*/
@media only screen and (min-width : 768px) and (max-width : 980px) {
	.sun {width:100%; float:left; margin:0%;}
	.mm {float:left; width:40%; position:absolute; top:0px; left:-10px;}
	.box3_v {float:left; margin-left:-32%; margin-bottom:10px; margin-top:5px;}
  .logo {margin: 30px 0px 2px; width:340px;}
	.container {width:766px; margin:0 auto;}
	.pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 20px 0px; background-color:#ffffff;}
	
	.searchField {border:1px solid #cccccc; width:98%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px;}
	.sbox1 {width:32%; margin:45px 0px;}
	.sarea {display:inline-block; width:179px; height:26px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
	.readmorelft {padding-left: 12px;}
  .readmoreleft {padding-left: 12px;}
	.offerarea {padding:0px 20px 0px 20px;}
	.ofr {width:25.6%; float:left;}
	.ofr_v {width:18.7%; float:left;}
	.ofrspace {margin:0px 2% 0px 0px;}
	.ofr select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 16px; border: 1px solid #000000; height: 35px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
	.ofr_v select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 16px; border: 1px solid #000000; height: 35px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
	.filterbtn {padding: 5px 16px; font-family: verdana; font-size: 20px; font-weight: 600; margin: 23px 0px 0px;}
	.ofr label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.ofr_v label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.contentarea {width:721px; float:left; margin:20px 20px; border:1px solid #cecece;}
	.firstlft {float:left; width:90%;}
	.firstryt {float:left; width:10%;}
	.secondlft {float:left; width:68%;}
	.secondryt {float:left; width:32%;}
	
/*======= EUIRework-Agencies-p2 PAGE =======*/



.mapletonloogo {width:30%;}
.mapletoncontent {width:70%;}
.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:150px; z-index:999; line-height:22px;}

.kowledge-contentarea {width:723px; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}

.profile-contentarea {width: 100%;float: left;padding: 0px 1px 20px}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; }
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:24.88%; float:left; min-height:700px; max-height:100%;}



#welcome-left{ width:40%; float:left; padding-left:50px;}

#welcome-right{ width:40%; float:right; padding-right:10px; }

.sun_lft {width:100%; float:left;}
.sun_mid {width:4%; float:left;}
.sun_ryt {width:100%; float:left;}
.s_month_box1 {float:left; width:12%;}
.s_month_box2 {float:left; width:2%;}
.s_month_box3 {float:left; width:86%;}


.detail-page {width:98%; float:left; padding:1%; border-radius:3px;}
.detail-containt1 {width:20%; float:left;}
.detail-containt2 {width:80%; float:left;}

/*-------Login form ----------*/
.login_bg {background-color:#99cc66;}
.login_lft { width:100%; float:left; display:none;}

.login_ryt { width:100%; float:right;}

.pro {position:relative;}
.pro_position {position:absolute; top:2px; left:321px;}
.EUI-DESKTOP-LOGO {display:block;}
.EUI-MOBILE-LOGO {display:none;}
.dvSearchBox{display:none;}
.dvHeader{display:none;}
.dvFooter{display:none;}
.GLobalSearch-RowPart1{width:30%; float:left;}
.GLobalSearch-RowPart2{width:45%; float:left;}
.GLobalSearch-RowPart3{width:25%; float:left;}
.GLobalSearch-RowPart3-Partner{width:15%; float:left;}
.GLobalSearch-RowPart1-Partner{width:25%; float:left;}
#dvNeedMoreHelp {display:none;}
#dvNeedMoreHelpMobileView {display:block;}
#dvDesktopView {display:none;}
#dvMobileView {display:block;}
.txtWrap p img {max-width:100% !important;height:auto;}
.sorting_1 a {width: 132px;}
 .EMAIL_PASSWORD_TEXT {
   font-size: 14px;
   font-family: Arial;
   padding-left: 10px;
  }
.mapletonloogo1 {width:100%;padding-left:12px;}
.list_page {width:18.7%; float:left;}
.list_page select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 12px; border: 1px solid #A4A4A4; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.list_page label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.detail-maintext-lft{width:47%; float:left; padding-left: 12px;}
.google-map-contentryt {float: left;width: 35%;padding-left: 12px;}
}

@media only screen and (min-width:651px ) and (max-width:767px) {
  .container {
    width: 650px;
    margin: 0 auto;
  }

  .pagecontainer {
    width: 100%;
    float: left;
    border: 1px solid #cecece;
    margin: 0px 0px 20px 0px;
    background-color: #ffffff;
  }

  .login_lft {
    width: 100%;
    float: left;
    display: none;
  }

  .login_ryt {
    width: 100%;
    float: right;
  }

  .sun {
    width: 100%;
    float: left;
    margin: 0%;
  }

  .loginbox {
    width: auto !important;
    margin: 10px !important;
  }

  .loginbox input {
    width: 97% !important;
  }

  .kowledge-contentarea {
    width: 615px;
    float: left;
    margin: 20px 20px;
  }

  .EUI-MOBILE-LOGO {
    display: none;
  }

  .profile-contentarea {
    width: 100% !important;
    float: left;
    padding: 0px 1px 20px !important;
  }

  .profile-lft {
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
  }

  .profile-ryt {
    width: 100%;
    float: left;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
  }
}

/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/* Smartphone view*/
@media only screen and (min-width:481px ) and (max-width:650px) {
	.sun {width:100%; float:left; margin:0%;}
	.mm { float: left; width: 60px; position: absolute; left: 0px;}
	.box3_v {float:left; width:100%; margin-left:0px; margin-bottom:10px; margin-top:5px; display:none;}
	.box1 {text-align:center;}
	.box2 {width:80%; text-align:center; display:none;}
	.container {width:480px; margin:0 auto;}
	.contentcontainer {width:98%; margin:0 1%; float:left;}
	.logo {margin: 48px 0px 1px; width:340px;}
	.pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 20px 0px; background-color:#ffffff;}
  .futr-box {padding:0px 0px 0px 5px;}
	.box3 {width:10%; text-align:center; float:none;}
	.secondryt {padding-bottom:5px;}
	.searchField {border:1px solid #cccccc; width:100%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px; z-index:-1;}
	.sbox1 {width:100%; margin:20px 0px;}
	.sarea {display:inline-block; width:419px; height:20px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
	.readmorelft {padding-left: 12px;}
  .readmoreleft {padding-left: 12px;}
	.offerarea {padding:0px 20px 0px 20px;}
	.ofr {width:100%; float:left}
	.ofr_v {width:100%; float:left}
	.ofrspace {margin:0px 0 0px 0px;}
	.ofr select {background: #ffffff;  width: 100%; font-family:Verdana; font-size: 16px; border:1px solid #000000; height: 35px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
	.ofr_v select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 16px; border:1px solid #000000; height: 35px; line-height:20px; color:#000000; margin:10px 0px 0px 0px;}
	.filterbtn {padding: 5px 16px; font-family: verdana; font-size: 20px; font-weight: 600; margin: 23px 0px 0px 0px;}
	.ofr label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.ofr_v label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.contentarea {width:436px; float:left; margin:20px 20px; border:1px solid #cecece;}
	.firstlft {float:left; width:53%;}
	.firstryt {float:left; width:42%; margin-top:10px;}
    .contentryt {float:none; width:100%;}
	.secondlft {float:left; width:100%;}
	.secondryt {float:left; width:100%; padding-bottom: 5px;}

/*======= EUIRework-Agencies-p2 PAGE =======*/	
	

.mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}
.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:458px; z-index:0; line-height:22px;}

.libraryicon {width:10%;}
.library {width:90%;}
.libraryspn {width:100%; float:left;}

.kowledge-contentarea {width:438px; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}

.profile-contentarea {width: 100%;float: left;padding: 0px 1px 20px;}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:49.75%; float:left; min-height:700px; max-height:100%;}



#welcome-left{ width:100%; float:left;}
#welcome-right{ width:80%; float:left; padding-right:10px; padding-left:60px; }

.sun_lft {width:100%; float:left;}
.sun_mid {width:4%; float:left;}
.sun_ryt {width:100%; float:left;}
.s_month_box1 {float:left; width:16%;}
.s_month_box2 {float:left; width:2%;}
.s_month_box3 {float:left; width:82%;}

.detail-page {width:96%; float:left; padding:2%; border-radius:3px;}
.detail-containt1 {width:100%; float:left;}
.detail-containt2 {width:100%; float:left;}
.mapspn-p5 {width:100%; float:none;}
.detail-maintext{width:100%; float:left; margin:75px 0px; 0px 0px;}


.detail-container212 {
width:100%;
float:right;
margin:4px 0px;
margin-left:10px;
margin-top:-460px;
}

/*-------Login form ----------*/
.login_bg {background-color:#99cc66;}
.login_lft { width:100%;  float:left; display:none; }
.login_ryt { width:100%; float:right;}
.school_event {width:100%; float:left;}


.pro {position:relative;}
.pro_position {position:absolute; top:50px; left:67px;}
.EUI-DESKTOP-LOGO {display:none;}
.EUI-MOBILE-LOGO {display:block;}
.dvSearchBox{display:none;}
.dvHeader{display:none;}
.dvFooter{display:none;}
.GLobalSearch-RowPart1{width:100%; float:left;}
.GLobalSearch-RowPart2{width:100%; float:left;}
.GLobalSearch-RowPart3{width:100%; float:left;}
.GLobalSearch-RowPart3-Partner{width:100%; float:left;}
.GLobalSearch-RowPart1-Partner{width:100%; float:left;}
#dvNeedMoreHelp {display:none;}
#dvNeedMoreHelpMobileView {display:block;}
#dvDesktopView {display:none;}
#dvMobileView {display:block;}
.txtWrap p img {max-width:100% !important;height:auto;}
.sorting_1 a {width: 132px;}
 .EMAIL_PASSWORD_TEXT {
   font-size: 14px;
   font-family: Arial;
   padding-left: 10px;
 }
.mapletonloogo1 {width:100%;padding-left:12px;}
.list_page {width:100%; float:left}
.list_page select {background: #ffffff; width: 100%; font-family:Verdana; font-size: 12px; border:1px solid #a4a4a4; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.list_page label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.detail-maintext-lft{width:100%; float:left;padding-left: 12px;}
.google-map-contentryt {float: none;width: 100%;padding-left: 12px;}
}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/* Smartphone view*/
@media only screen and (max-width:480px) {
	.sun {width:98%; float:left; margin:0%; display:flex; flex-direction:column-reverse;}
	.mm { float: left; width: 15%; position: absolute; top:0px; left:-2px;}
	.box3_v {float:left; width:100%; margin-left:0px; margin-bottom:10px; margin-top:5px; display:none;}
	.box2 {width:80%; text-align:center; display:none;}
	.othrs{width:99%;}
	.container {width:99%; margin:0 0;}
	.contentcontainer {width:98%; margin:0 1%; float:left;}
	.logo {margin: 48px 1px 1px;}
    ul#topnav {z-index:99999;padding:0px 15px 0px 10px;}
	.pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 0px 0px; background-color:#ffffff;}
  .futr-box {padding:0px 0px 0px 5px;}
	.box3 {width:100%; text-align:center;}
  .secondryt {padding-bottom:5px;}
	.searchField {border:1px solid #cccccc; width:100%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px;}
	.sbox1 {width:100%; margin:30px 0px;}
	.sarea {display:inline-block; width:239px; height:26px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
	
	.offerarea {padding:0px 20px 0px 20px;}
	.ofr {width:100%; float:left}
	.ofr_v {width:100%; float:left}
	.ofrspace {margin:0px 0 0px 0px;}
	.ofr label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
	.ofr_v label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
	.filterbtn {padding: 5px 16px; font-family: verdana; font-size: 20px; font-weight: 600; margin: 23px 0px 0px 0px;}
	.ofr label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.ofr_v label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.contentarea {width:90%; float:left; margin:20px 20px;}
	
	.firstlft {float:left; width:100%;}
	.firstryt {float:left; width:100%; margin-top:-28px;}
	.secondlft {float:left; width:100%;}
.secondryt {float:left; width:100%;}

.htext {font-family:"Trebuchet MS"; font-size:20px; color:#ffffff; padding:9px 0px 0px 0px; font-weight:bold;}

/*======= EUIRework-Agencies-p2 PAGE =======*/


.mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}

.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:215px; z-index:0; line-height:22px;}

.libraryicon {width:10%;}
.library {width:90%;}
.libraryspn {width:100%; float:left;}

.kowledge-contentarea {width:90%; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}

.profile-contentarea {width: 100%;float: left;padding: 0px 1px 20px;}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:99.88%; float:left; min-height:700px; max-height:100%;}



#welcome-left{ width:100%; float:left;}

#welcome-right{ width:100%; float:left;}

.sun_lft {width:100%; float:left;}
.sun_mid {width:4%; float:left;}
.sun_ryt {width:100%; float:left;}
.s_month_box1 {float:left; width:26%;}
.s_month_box2 {float:left; width:2%;}
.s_month_box3 {float:left; width:100%;}


.detail-page {width:96%; float:left; padding:2%; border-radius:3px;}
.detail-containt1 {width:100%; float:left; }
.detail-containt2 {width:100%; float:left; }

.detail-maintext{width:100%; float:left; margin:75px 0px 0px 0px;}


.detail-container212 {
width:100%;
float:right;
margin:4px 0px;
margin-left:10px;
margin-top:-460px;
}
.mapspn-p5 {width:100%; float:none;}

/*-------Login form ----------*/
.login_bg {background-color:#99cc66;}
.login_lft { width:100%; float:left; margin-left:3px;}
.login_ryt { width:100%; float:right;}

.school_event {width:100%; float:left;}


.school_event {width:100%; float:left;}


.pro {position:relative;}
.pro_position {position:absolute; top:95px; left:67px;}
.EUI-DESKTOP-LOGO {display:none;}
.EUI-MOBILE-LOGO {display:none;}
.dvSearchBox{display:none;}
.dvHeader{display:none;}
.dvFooter{display:none;}
.GLobalSearch-RowPart1{width:100%; float:left;}
.GLobalSearch-RowPart2{width:100%; float:left;}
.GLobalSearch-RowPart3{width:100%; float:left;}
#dvNeedMoreHelp {display:none;}
#dvNeedMoreHelpMobileView {display:block;}
#dvDesktopView {display:none;}
#dvMobileView {display:block;}
.GLobalSearch-RowPart3-Partner{width:100%; float:left;}
.GLobalSearch-RowPart1-Partner{width:100%; float:left;}
.txtWrap p img {max-width:100% !important;height:auto;}
.sorting_1 a {width: 132px;}
 .EMAIL_PASSWORD_TEXT {
   font-size: 14px;
   font-family: Arial;
   padding-left: 10px;
    }
.mapletonloogo1 {width:100%;padding-left:12px;}
.list_page {width:100%; float:left}
.list_page label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.list_page label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.detail-maintext-lft{width:100%; float:left;padding-left: 12px;}
.google-map-contentryt {float: none;width: 100%;padding-left: 12px;}
.eui_regboxes{display: none;}
.readmorelft {padding-left: 12px;}
.readmoreleft {padding-left: 12px;}

.eui-admin-logo {
  display: block;
}

.eui-admin-logo-img {
  top: 11px;
  position: absolute;
  width: auto;
  left: 65px;
  height: 27px
}

.wrapper {
  padding-bottom: 0px;
}

  .hide-on-mobile {
    display: none;
  }
}


/* phone view(12 august)*/
@media only screen and (max-width:320px) {
	.sun {width:98%; float:left; margin:0%;}
	.mm { float: left; width: 15%; position:absolute; top:0px; left:-2px;}
	.box3_v {float:left; width:100%; margin-left:0px; margin-bottom:10px; margin-top:5px; display:none}
	.box1 {text-align:center; padding: 0px 0%;}
	.box2 {width:100%; float:right; text-align:center; width:81%; display:none;}
	.logo {margin: 48px 0px 1px; width:340px;}
 .othrs{width:90%;}
 .futr-box {padding:0px 0px 0px 5px;}
  ul#topnav {z-index:99999; padding: 0px 15px 0px 10px;}
	ul#topnav li {
	display:block;
	margin: 0; padding: 0;
	text-align:center;
}
	.container {width: 99%; margin:0 0;}
	.contentcontainer {width:98%; margin:0 1%; float:left;}
	

	.pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 20px 0px; background-color:#ffffff;}
	
	
	.box3 {width:100%; text-align:center;}
	
	.searchField {border:1px solid #cccccc; width:100%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px;}
	.sbox1 {width:100%; margin:30px 0px;}
	.sarea {display:inline-block; width:239px; height:26px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
  .readmorelft {padding-left: 12px;}
  .readmoreleft {padding-left: 12px;}
	.offerarea {padding:0px 20px 0px 20px;}
	.ofr {width:100%; float:left}
	.ofr_v {width:100%; float:left}
	.ofrspace {margin:0px 0 0px 0px;}
	.ofr label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
	.ofr_v label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
	.filterbtn {padding: 5px 16px; font-family: verdana; font-size: 20px; font-weight: 600; margin: 23px 0px 0px 0px;}
	.ofr label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.ofr_v label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
	.contentarea {width:256px; float:left; margin:20px 20px; border:1px solid #cecece;}
	
	.firstlft {float:left; width:100%;}
	.firstryt {float:left; width:100%; margin-top:-28px;}
	.secondlft {float:left; width:100%;}
.secondryt {float:left; width:100%;}

.htext {font-family:"Trebuchet MS"; font-size:20px; color:#ffffff; padding:9px 0px 0px 0px; font-weight:bold;}

/*======= EUIRework-Agencies-p2 PAGE =======*/


.mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}

.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:215px; z-index:0; line-height:22px;}

.libraryicon {width:10%;}
.library {width:90%;}
.libraryspn {width:100%; float:left;}

.kowledge-contentarea {width:258px; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}

.profile-contentarea {width: 100%;float: left;padding: 0px 1px 20px;}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:99.88%; float:left; min-height:700px; max-height:100%;}



#welcome-left{ width:100%; float:left;}

#welcome-right{ width:100%; float:left;}

.sun_lft {width:100%; float:left;}
.sun_mid {width:4%; float:left;}
.sun_ryt {width:100%; float:left;}
.s_month_box1 {float:left; width:26%;}
.s_month_box2 {float:left; width:2%;}
.s_month_box3 {float:left; width:100%;}


.detail-page {width:96%; float:left; padding:2%; border-radius:3px;}
.detail-containt1 {width:100%; float:left; }
.detail-containt2 {width:100%; float:left; }

.detail-maintext{width:100%; float:left; margin:75px 0px 0px 0px;}


.detail-container212 {
width:100%;
float:right;
margin:4px 0px;
margin-left:10px;
margin-top:-460px;
}
.mapspn-p5 {width:100%; float:none;}

/*-------Login form ----------*/
.login_bg {background-color:#99cc66;}
.login_lft { width:100%; float:left;}
.login_ryt { width:100%; float:right;}

.school_event {width:100%; float:left;}


.school_event {width:100%; float:left;}
.pro {position:relative;}
.pro_position {position:absolute; top:92px; left:67px;}
.EUI-DESKTOP-LOGO {display:none;}
.EUI-MOBILE-LOGO {display:none;}
.dvSearchBox{display:none;}
.dvHeader{display:none;}
.dvFooter{display:none}
.GLobalSearch-RowPart1{width:100%; float:left;}
.GLobalSearch-RowPart2{width:100%; float:left;}
.GLobalSearch-RowPart3{width:100%; float:left;}
.GLobalSearch-RowPart3-Partner{width:100%; float:left;}
.GLobalSearch-RowPart1-Partner{width:100%; float:left;}
#dvNeedMoreHelp {display:none;}
#dvNeedMoreHelpMobileView {display:block;}
#dvDesktopView {display:none;}
#dvMobileView {display:block;}
.txtWrap p img {max-width:100% !important;height:auto;}
  .sorting_1 a {width: 132px;}
  .EMAIL_PASSWORD_TEXT {
    font-size: 14px;
    font-family: Arial;
    padding-left: 10px;
  }

.testsmall {font-size: 12px;}
.mapletonloogo1 {width:100%;padding-left:12px;}
.list_page {width:100%; float:left}
.list_page label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.list_page label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
.detail-maintext-lft{width:100%; float:left;padding-left: 12px;}
.google-map-contentryt {float: none;width: 100%;padding-left: 12px;}

.eui-admin-logo {
  display: block;
}

.eui-admin-logo-img {
  top: 11px;
  position: absolute;
  width: auto;
  left: 65px;
  height: 27px;
}

.wrapper {
  padding-bottom: 0px;
}
}



.Event-Container{
padding-bottom:10px;
}

.tbl_small_calendar{width:100%;}
.poll_container{padding-left:2%; width:98%;}
.poll_container label{padding-left:5px;}
#google_translate_element{
width:200px;
margin:0px auto;
padding-top: 6px;
float:left
}

.min-height400px{

min-height:400px;
}
.min-height200px{

min-height:200px;
}
#bubblemenu
    {
      padding: 0px;
    }
    
    #bubblemenu li
    {
      display: inline; /*margin-left: 15px;*/
      cursor: pointer;
    }
    
    
    #bubblemenu li > #vip
    {
      width: 150px;
      min-height: 100px;
      position: absolute;
      display: inline;
      margin-left: -125px;
      padding: 10px;
      visibility: hidden;
      opacity: 0;
      margin-top: 12px;
      background: #ffffff;
      font-size: 1em;
      border: 1px solid #999999; /* Setting the border-radius property for all Browsers */
      -moz-border-radius: 3px; /* Firefox */
      -webkit-border-radius: 3px; /* Safari and Chrome */
      border-radius: 3px; /* Browsers that Support it like Opera */ /* Setting the box-shadow property for all Browsers */
      -moz-box-shadow: 0 0 8px gray; /* Firefox */
      -webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
      box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */ /* Setting the transition property for all Browsers */
      -moz-transition: all 0.5s ease-in-out; /* Firefox */
      -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
      -o-transition: all 0.5s ease-in-out; /* Opera */
      transition: all 0.5s ease-in-out; /* Browsers that Support it */
    }
    
    
    #bubblemenu li:hover > #vip
    {
      visibility: visible;
      opacity: 1;
      margin-top: 20px; /* Setting the transition property for all Browsers */
      -moz-transition: all 0.5s ease-in-out; /* Firefox */
      -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
      -o-transition: all 0.5s ease-in-out; /* Opera */
      transition: all 0.5s ease-in-out; /* Browsers that Support it */
    }
    
    #vip a
    {
      height: 25px;
      color: #666666;
      text-decoration: none;
      float: left;
      width: 100%;
    }
    #vip a:hover
    {
      height: 25px;
      color: #333333;
      text-decoration: none;
      float: left;
    }
    #vip a img
    {
      margin: 0px 8px 0 0;
      float: left;
    }
    .small_calendar_container{
      height:425px;
      border: solid 1px #ccc;
    }

    .Header_bold, .eui-detail-sub-heading {
      font-family: Verdana;
      font-size: 14px;
      color: #666;
      line-height: 20px;
      font-weight: bold;
    }
    .margin_left_10{margin-left:10px}
    .margin_right_10{margin-right:10px}
    .dhx_after a {color:Red;}
    .dhx_before a {color:Red;}
    .dhx_before span {color: red;}
    .dhx_after span {color:Red;}
    .Validation
    {
      padding:10px 0px 10px 15px;
      font-weight: bold;
      color: red;
    }
    .btnClose{width:98%; margin:0px auto; text-align:center; line-height:25px; clear:both;}
    
    /*Top Banner*/
  .BANNER
  {
    background: none repeat scroll 0% 0% #48372F;
  }

  /*Menu Strip*/
  .NAVIGATION_MENU
  {
    background: none repeat scroll 0% 0% #48372F;
    font-size: 11pt;
    font-family: 'PT Sans',Arial,sans-serif;
  }

  /*Menu link*/
  .NAVIGATION_MENU a
  {
    color:#FFFFFF;
    text-shadow: 1px 1px 0px #283744;
  }

  /*Page Title Background color*/
  .PAGE_TITLE
  {
    background-color: #48372F;
  }

  /*Page Title text*/
  .PAGE_TITLE_TEXT
  {
    font-family: "Trebuchet MS";
    font-size: 24px;
    color: #FFFFFF;
  }

  /*Page Section*/
  .SECTION_TITLE
  {
    font-family: Verdana;
    font-size: 18px;
    color: #FFF;
    background-color: #D3D3D3;
  }

  .rs-icon-txt {}

  /*Footer*/
  .FOOTER
  {
    background: none repeat scroll 0% 0% #48372F;
  }


  /*Footer lable*/

  .FOOTER span
  {
    font-family: Verdana;
    font-size: 12px;
    color: #FEE202;
  }


  .NON_HEADER_TEXT
    {
      font-family:Arial;
    }

  /*****************MY Account Section****************/
  /**************************************************/

  /*Unsubscribe block*/

  .UNSUBSCRIBE_BLOCK
  {
    background-color:#48372F;
    color:#fff;
    padding:5px;
    font-family: Verdana;
    font-size: 18px;
  }


  /**********************I Cannot Login*********************************/
  .EMAIL_PASSWORD_TEXT {
    font-size: 14px;
    font-family: Arial;
    padding-left: 10px;
  }
  .btn_text {font-family: 'Trebuchet MS'; font-size: 26px; font-weight: bold; padding:10px 15px;  margin-top:2px; float:left;}
.btn_color {
    padding: 4px 15px; color: #333333; font-family: Verdana; font-size: 12px; cursor: pointer;
    border:1px solid #707070; box-shadow: 0 0 0 1px #fff inset; border-radius:3px;
    background: -moz-linear-gradient(90deg, rgba(209,209,209,1) 0%, rgba(224,224,224,1) 49%, rgba(235,235,235,1) 51%, rgba(241,241,241,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(49%, rgba(235,235,235,1)), color-stop(51%, rgba(224,224,224,1)), color-stop(100%, rgba(209,209,209,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(209,209,209,1) 0%, rgba(224,224,224,1) 49%, rgba(235,235,235,1) 51%, rgba(241,241,241,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(209,209,209,1) 0%, rgba(224,224,224,1) 49%, rgba(235,235,235,1) 51%, rgba(241,241,241,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(209,209,209,1) 0%, rgba(224,224,224,1) 49%, rgba(235,235,235,1) 51%, rgba(241,241,241,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(209,209,209,1) 0%, rgba(224,224,224,1) 49%, rgba(235,235,235,1) 51%, rgba(241,241,241,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d1d1d1',GradientType=0 ); /* ie6-9 */
}
.btn_color:hover {
  font-weight :bold;
  padding: 4px 14.5px;
}
.filter_btn {padding: 5px 16px; font-size: 20px; margin: 26px 0px 0px 0px;}
.SECTION_CONTAINER {padding: 5px 0px 5px 5px;}
#Notice-container html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding:0; border:}
#Notice-container p.inline {
    display: inline;
}
.Preview_Header_bold
{
  font-family: Open-Sans;
  font-size: 24px;
  color: #666;
  line-height: 20px;
  font-weight: bold;
} 
.btn_primary
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  cursor:pointer;
  padding: 6px 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 1px solid transparent;
}
.btn_default
{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  cursor:pointer;
  padding: 6px 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 1px solid transparent;
}
.modal-open
{
  overflow:hidden
}
.modal
{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index: 99999;
  display:none;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
  outline:0
  }
.modal.fade .modal-dialog
{
  -webkit-transition:-webkit-transform .3s ease-out;
  -o-transition:-o-transform .3s ease-out;
  transition:transform .3s ease-out;
  -webkit-transform:translate(0,-25%);
  -ms-transform:translate(0,-25%);
  -o-transform:translate(0,-25%);
  transform:translate(0,-25%)
}
.modal.in .modal-dialog
{
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0)
}
.modal-open .modal
{
  overflow-x:hidden;
  overflow-y:auto
}
.modal-dialog
{
  position:relative;
  width:auto;
  margin:10px
}
.modal-content
{
  position:relative;
  background-color:#fff;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  border:1px solid #999;
  border:1px solid rgba(0,0,0,.2);
  border-radius:6px;
  outline:0;
  -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
  box-shadow:0 3px 9px rgba(0,0,0,.5  )
}
.modal-backdrop
{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1040;
  background-color:#000
}
.modal-backdrop.fade
{
  filter:alpha(opacity=0);
  opacity:0
}
.modal-backdrop.in
{
  filter:alpha(opacity=50);
  opacity:.5
}
.modal-header
{
  padding:15px;
  border-bottom:1px solid #e5e5e5
}
.modal-header .close
{
  margin-top:-2px
}
.modal-title
{
  margin:0;
  line-height:1.42857143
}
.modal-body
{
  position:relative;
  padding:15px
}
.modal-footer
{
  padding:15px;
  text-align:right;
  border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn
{
  margin-bottom:0;
  margin-left:5px
}
.modal-footer .btn-group .btn+.btn
{
  margin-left:-1px
}
.modal-footer .btn-block+.btn-block
{
  margin-left:0
}
.modal-scrollbar-measure
{
  position:absolute;
  top:-9999px;
  width:50px;
  height:50px;
  overflow:scroll
}
@media (min-width:768px)
{
  .modal-dialog
  {
    width:600px;
    margin:30px auto
  }
  .modal-content
  {
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
    box-shadow:0 5px 15px rgba(0,0,0,.5)
  }
  .modal-sm
  {
    width:300px
  }
  .mapouter {
    position: relative;
    text-align: right;
    width: 320px;
    scrollbar-3dlight-color;
  }

  .modal-md {
    width: 650px !important;
  }
}
@media (min-width:992px)
{
  .modal-lg
  {
    width:900px
  }

  .req-firstlft {
    position: relative;
    display: table;
  }

  .req-flft {
    padding-left: 12px;
    position:absolute;
    bottom:0;
  }

  .mapouter {
    position: relative;
    text-align: right;
    width: 320px;
  }

  .readmorelft 
  {
    padding-left: 12px;
  }
}
.lnkbtn_page_level
{
  font-size: 14px;
  font-family: Arial;
  vertical-align:central;
  text-decoration:none;
}

.gmap_canvas {
  overflow: hidden;
  background: none!important;
  width: 320px;
}
/*css classes for pop up*/
.maindiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
}

.mpopup {
  width: 84%;
  max-width: 480px;
  border: 1px solid #d4d4d4;
  min-height: 200px;
  padding: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}

.closediv {
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  width: 27px;
  height: 27px;
  border-radius: 50% 50% !important;
  position: absolute;
  right: -14px;
  top: -15px;
  text-align: center;
  color: #fff;
  background: #000;
  padding-top: 3px;
  border: 1px solid #aaa;
}

.mpopup textarea, .mpopup input {
  width: 95%;
  min-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.mpopup input[type="submit"] {
  width: auto;
}

.mpopup input[type="button"] {
  width: auto;
}

.mpopup input[type="checkbox"] {
  width: auto;
}

.messagepop {
  width: 80%;
  max-width: 510px;
  border: 1px solid #d4d4d4;
  max-height: 200px;
  padding: 10px;
  position: fixed;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
/*css classes for pop up ended here*/

.detail-containt1-left {
  width: 20%;
  float: left;
}

.detail-containt1 {
  width: 16%;
  float: left;
}

.detail-containt2-ryt {
  width: 80%;
  float: left;
}

.google-map-contentryt {
  float: left;
  width: 35%;
  padding-left: 12px;
}

.detail-containt2-full {
  width: 100%;
  float: left;
}

@media only screen and (min-width:320px ) and (max-width:480px) {
  .contentryt {
    float:left; 
    width:100%;
  }

  .contentlft {
    float:none; 
    width:100%;
  }

  .gmap_canvas {
    overflow: hidden;
    background: none!important;
    width: 238px;
    padding-top: 10px;
  }

  .google-map-contentryt {
    float: none;
    width: 100%;
    padding-left: 12px;
  }

  .dvcontentleft {
    float: left;
    width: 100%;
    padding: 10px 0px 5px 0px;
    margin: 0px 2%;
  }

  .dvcontentright {
    float: left;
    width: 100%;
    padding: 10px 0px 5px 0px;
    margin: 0px 2%;
  }
  .dvcontentright-inner {
    float: left;
  }
}

.detail-desc p {
  font-family:lato !important;
  font-size:14px !important;
}

.lst_page_catgry_name {
  margin-top: 10px; 
  color: Gray;
}

.partner-container {
  width: 98%;
  margin-left: 10px;
}

@media only screen and (max-width: 650px) {
  .logo {
    margin-top: 47px;
  }

  .partner-container {
    width: 98%;
    margin-left: 5px;
  }

  .my_profile_container_contact {
    margin-left: 10px
  }
}

.bootstrap-switch-container {
  width: 153px !important;
}

.bootstrap-switch.bootstrap-switch-wrapper {
  width: 102px !important;
}

.bootstrap-switch-handle-on, .bootstrap-switch-handle-off, .bootstrap-switch-label {
  width: 51px !important;
}

.bootstrap-switch-on > div.bootstrap-switch-container {
  margin-left: 0px !important;
}

.bootstrap-switch-off > div.bootstrap-switch-container {
  margin-left: -51px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-container,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch {
  border-radius: 0px !important;
}

.ul-dropdown {
  position: absolute;
  background-color: white;
  width: 230px;
  float: left;
  right: 10px;
  list-style: none;
  border: 1px solid #eee;
  top: 43px;
  z-index: 10000;
  box-shadow: 5px 5px #e0e0e0 !important;
  text-decoration: none;
  padding: 0px;
  display: none;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

.ul-dropdown .li-dropdown {
  width: 100%;
  text-align: left !important;
}

.ul-dropdown .li-dropdown-account {
  text-align: center !important;
  width: 96%;
  border: 1px solid #d2cece !important;
  margin: 3px auto !important;
  border-radius: 4px !important;
  background-color: #eaeaed !important;
  float: none !important;
}

.ul-dropdown .li-dropdown .lnk-text {
  align-items: center;
  display: inline-flex !important;
  padding: 0px !important;
  width: 100%;
  color: #000000 !important;
}

.ul-dropdown .li-dropdown-account .lnk-text {
  align-items: center;
  display: inline-flex !important;
  padding: 0px !important;
  color: #000000 !important;
  margin: 10px !important;
}

.ul-dropdown .li-dropdown .lnk-text:hover {
  background-color: #eaeaea !important;
  color: #000000 !important;
  text-decoration: none !important;
}

.ul-dropdown .li-dropdown-account .lnk-text:hover {
  background-color: #eaeaed !important;
  color: #000000 !important;
  text-decoration: none !important;
}

.eui-header-icon-ring {
  border: 2px solid white !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  align-content: center !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  width: 35px;
  height: 35px;
  padding: 0px !important;
  margin: 4px !important;
  text-decoration: none !important;
}

.eui-header-icon {
  line-height: 0px !important;
  display: inline-flex !important;
  padding: 0px !important;
  margin: 0px !important;
  position: relative !important;
  top: inherit !important;
  text-align: center !important;
  align-items: center !important;
  align-content: center !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.eui-user-initial {
  font-size: 15px !important;
  color: #fff !important;
  font-weight: bold;
  font-style: normal !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Arimo !important;
  text-decoration: none !important;
}

.eui-label-icon {
  font-size: 16px !important;
  margin: 15px !important;
  position: relative;
  vertical-align: text-top;
  display: inline !important;
}

.liMyaccount:hover .ul-dropdown {
  display: block;
}

@media only screen and (min-width: 321px) and (max-width:480px) {
  .ul-dropdown {
    right: 26px;
  }
}

.eui-header-clear-icon {
  left: auto;
  right: 0;
  position: absolute;
  align-items: center;
  top: 0;
  display: flex !important;
  bottom: 3px;
  justify-content: center;
  width: 25px;
  z-index:2;
  font-size: 15px !important;
  color: red;
  cursor: pointer;
  text-decoration: none;
}

.eui-header-clear-icon:hover {
  color: #ff0000;
  text-decoration: none;
}

.txt_searchbox {
  width: 185px;
  z-index: 2;
  position: relative;
  padding: 4px 25px 4px 4px;
}

@media only screen and (max-width: 480px) {
  .txt_searchbox {
    width: 135px;
  }
}

@media only screen and (min-width: 651px) and (max-width: 767px) {
  .txt_searchbox {
    width: 140px;
  }
}

@media only screen and (min-width: 981px) {
  .login_ryt {
    width: 40%;
  }
}

.outcome-label > span.my_profile_lable, .outcome-label > span.partner_profile_lable {
  width: 100%;
  text-align: left;
  padding: 0px;
}

.outcome-txt.partner_profile_control {
  padding-left: 0px !important;
}

.outcome-txt.partner_profile_control input[type=text].input-block-level {
  width: 100%;
}

[tabindex]:not([tabindex="-1"]):focus, button:focus, input:focus, select:focus:focus, textarea:focus {
  outline: 1px solid #000000 !important;
  outline-offset: 0px !important;
}

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 1px solid #000000 !important;
  outline-offset: 0px !important;
}

button:focus, input[type='submit']:focus, button:focus-visible, input[type='submit']:focus-visible {
  outline-color: inherit;
}

a:focus, a:focus-visible {
  outline-color: transparent !important;
  text-decoration: none !important;
  outline: 0px !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0px;
  top: 5px !important;
  left: 15px !important;
}

/*  Page Header Title  */
.PAGE_TITLE.MYACCOUNT h1 {
  font-family: Arial;
  font-size: 20px;
  color: #FFFFFF;
  background-color: transparent !important;
  margin: 0px;
  font-weight: normal;
  padding: 0px;
}

.my_profile_lable label, .my_profile_lable h4, h6.TOP_MENU_LABEL, .myaccountcaption span label, .label-as h4 label, .myaccountcaption label,
.my_profile_control label {
  font-weight: inherit;
  margin-bottom: inherit;
}
/*  Page Label */
.my_profile_lable h4 {
  font-family: Arial;
  font-size: 16px;
  color: #000000;
  background-color: transparent !important;
  margin: 0px;
  font-weight: normal;
}

h3.SECTION_TITLE.MYACCOUNT {
  margin: 0px;
}

.login-containt h6, .eui-login-block-header h5, .PAGE_TITLE_TEXT h1, .eui-login-block-label h4, .eui-login-block-link h6, .H_LINE h6,
.label-as h4, .test h6, .testsmall h6, .detail-tx h6, .PAGE_TITLE h1, .my_profile_label h6, .eui-section-header h2, .mapspn h6, .maplbox h6, .maptx3 h6,
.wcag-table-fix h6, .school_event h6, .mapspn-p5 h6, .my_profile_control h6, .Header_bold h6, .mapspn-p5 h3, .eui-detail-sub-heading h6, .partner_profile_lable h4,
.mt-widget-1 h2 {
  background-color: transparent !important;
  margin: 0px;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

.trash {
  position: absolute;
  width: 14px;
  height: 31px;
  background-image: url(../../images/icons/icon_trash.png);
  background-repeat: no-repeat;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 6px;
  background-position: center;
  border-radius: 4px;
  cursor: pointer;
}

.center_icon_trash {
  text-align: center;
}

.ofr-select {
  width: 15% !important;
}

@media only screen and (max-width:480px) {
  .ofr-select {
    width: 100% !important;
  }
}
.select2-container {
  border: 1px solid #000000;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  padding: 0px !important;
}

.ui-datepicker th span, .ui-datepicker td a {
  padding: 3px !important;
  font-family: Arial !important;
  font-size: 14px !important;
  color: #000000 !important;
}

.input-group-btn:last-child > .btn {
  border: 1px solid #000000;
  height: 32px !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered, 
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000 !important;
}

.select2-container--bootstrap .select2-selection {
  border: 0px solid #000000 !important;
}

.select2-container--default .select2-results > .select2-results__options {
  color: #000000;
  font-size: 14px;
}

.input-group-btn:last-child > .btn {
  padding: 8px 10px !important;
}

.select2-container--bootstrap .select2-selection--single {
  padding: 8px 24px 6px 12px !important;
}

td.low-padding.center_icon_trash {
  padding: 6px 15px 0px 5px !important;
}

.upload-container {
  position: relative;
  background-color: #c8dadf;
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
  width: 100%;
  padding: 5px;
  height: 100px;
  text-align: center;
  margin-top: 5px;
}

.upload-container:hover {
  background-color: #e1e1e1;
  outline-offset: -13px;
}

.upload-container input {
  text-align: center !important;
}

.rx-file-preview-remove:hover {
  color: #000000;
  font-weight: bold;
}

.rx-add-image-title {
  top: 30%;
  position: relative;
  color: #5e5e5e;
  font-size: 16px;
  font-family: 'Lato';
}

.rx-image-browse.btn-link {
  margin-left: -8px;
  font-size: 16px !important;
  cursor: pointer;
}

.rx-file-preview {
  width: 100%;
  position: relative;
  display: none;
  text-align: left;
  top: 10px;
  margin-left: 5px;
}

.rx-img-preview {
  width: 80px;
  height: 80px;
  border-radius: 5px !important;
  display: none;
}

#dvFilePreviewIcon {
  height: 80px;
  font-size: 80px;
  line-height: 1;
  display: none;
}

.rx-img-content {
  margin-left: 10px;
  position: absolute;
  word-break: break-word;
  font-family: 'Lato';
  font-size: 15px;
  width: 65%;
  top: 8px;
  font-weight: normal;
}

.rx-img-name {
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: absolute;
}

.rx-img-type {
  color: #8f8f8f;
}

.rx-img-size {
  color: #747474;
}

.rx-file-preview-remove {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  color: #8b8b8b;
  display: none;
}

h6 .eui_section_field_description {
  width: 100%;
  display: inline-block;
}

a.lnk-text {
  color: #337ab7 !important;
  text-decoration: none;
}

.eui-section-hr {
  width: 98%;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
}

.eui-hr {
  border-top: 0.5px solid #000000;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.card-myaccount {
  width: auto;
  margin: 20px 32px 10px 30px;
}

.card-outer {
  margin: 0px 10px 0px 10px;
  width: auto;
}

.button-left-10 {
  margin-left: 10px;
}

@media only screen and (max-width:480px) {
  .eui-section-hr {
    width: 92%;
  }

  .card-myaccount {
    width: auto;
    margin: 20px 14px 10px 10px;
  }

  .card-outer {
    margin: 0px 6px 0px 5px;
    width: auto;
  }

  .button-left-10 {
    margin-left: 0px;
  }
}

.modal-cross-icon {
  font-size: 12px;
  float: right;
  text-decoration: none;
  opacity: 0.4;
  cursor: pointer;
}

.modal-cross-icon:hover {
  opacity: 1 !important;
}

.modal-header-title {
  font-size: 18px;
  font-family: poppins;
}

.card-body-myaccount {
  padding: 20px;
  float: left;
  clear: both;
}

.desc_img{
  max-width:100% !important;
  height: auto !important;
}

.desc-content-fix{
  word-break: break-word;
}

.instruction-margin-fix p:first-of-type {
  margin-top: 0px;
}

.instruction-margin-fix p:last-of-type {
  margin-bottom: 0px;
}

.icon-opp-calendar {
  height: 20px;
  background-image: url('../../images/icons/calendar_black_20.png');
  background-repeat: no-repeat;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 4px;
  background-position: center;
  border-radius: 4px;
  display: block;
}

.icon-opp-calendar:hover {
  background-image: url('../../images/icons/calendar_red_20.png');
}

@media only screen and (max-width: 480px) {

  .detail-containt1-left {
    width: 100%;
  }

  .detail-containt2-ryt {
    width: 100%;
  }
}

.photo-container {
  position: relative;
  display: inline-block;
}

.photo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(16 16 16 / 0.6);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease-in-out;
  transform-origin: bottom;
}

.photo-overlay > i, .photo-overlay > a {
  color: white;
  font-size: 18px;
  margin: 0 7px;
  cursor: pointer;
}

.photo-container:hover .photo-overlay {
  opacity: 1;
}

.jcrop-keymgr {
  display: none !important;
}

.textbox-protocol {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 1px !important;
  width: -webkit-fill-available !important;
  width: 100% !important;
}

.textbox-protocol-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #303030 !important;
  background-color: #e1e1e1;
  position: relative;
  border: 0px !important;
  padding: 5px !important;
  font-family: 'Arial', 'Arimo', 'Lato', 'Poppins', 'Montserrat', Verdana, 'sans-serif';
  font-size: 15px;
}

.textbox-protocol-input {
  width: auto !important;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 0px !important;
  padding: 5px !important;
}

.eui-content-left {
  width: 50%;
  float: left;
}

.eui-content-right {
  width: 50%;
  float: left;
}

.detail-main-fix {
  width: 97%;
  padding: 15px;
  margin-left: 0px;
}

@media only screen and (max-width: 480px) {
  .eui-content-left {
    width: 100%;
  }

  .eui-content-right {
    width: 100%;
  }

  .detail-main-fix {
    width: 100%;
    padding: 15px;
    margin-left: -17px;
  }
}

.eui-modal-control {
  width: 95% !important;
}

.eui-ofr-svy-label {
  font-family: 'Lato';
  font-size: 14pt;
  margin-left: 10px;
  padding: 5px;
}

.eui-ofr-svy-field {
  width: 46%;
  padding-left: 5px;
  margin: 7px 10px 12px;
  border-width: 1px;
  font-size: 13pt !important;
  font-family: 'Lato';
}

.eui-ofr-svy-line {
  border-bottom: 1px solid black;
  margin: 10px 0px 20px 10px;
  width: 99%;
}

.eui-ofr-svy-field-disabled {
  pointer-events: none;
  background: #ebebe4;
  border: 1px solid #a9a9a9;
  color: dimgray;
}

.eui-ofr-svy-chk-rb {
  font-size: 13pt !important;
  font-family: 'Lato';
  margin: 5px 0px 10px 2px;
}

.eui-ofr-svy-checkbox input[type=checkbox] {
  transform: scale(1.3);
  vertical-align: top;
  margin-top: 7px !important;
}

.eui-ofr-svy-radio input[type=radio] {
  transform: scale(1.3);
  margin-left: 10px !important;
  vertical-align: top;
  margin-top: 7px !important;
}

.eui-ofr-svy-checkbox label {
  font-weight: normal;
  margin-left: 30px !important;
  display: flex;
  margin-top: -23px;
}

.eui-ofr-svy-radio label {
  margin-left: 30px !important;
  margin-right: 15px;
  font-weight: normal;
  display: flex;
  margin-top: -18px;
}

.eui-ofr-svy-date {
  margin: 15px 0px 20px 10px;
  width: 46% !important;
}

.eui-ofr-svy-date input[type=text] {
  font-size: 13pt !important;
  font-family: 'Lato';
  width: 100% !important;
  height: 25px !important;
  border-width: 1px;
}

.eui-ofr-svy-date img {
  border: 1px solid #000000;
  height: 25px;
}

.eui-svy-multiselect-list + div.btn-group {
  margin: 15px 0px 20px 10px;
  width: 46%;
}

.eui-svy-multiselect-list + div.btn-group > .btn:first-child {
  padding: 6px 12px !important;
  width: 100%;
}

.eui-svy-multiselect-list + div.btn-group > .btn:first-child > span {
  text-align: left;
  overflow: hidden;
  width: 95%;
}

.eui-svy-multiselect-list + div.btn-group > ul > li > div > span.input-group-addon {
  padding: 6px 12px !important;
}

.eui-svy-multiselect-list + div.btn-group > ul li > div.input-group > span.input-group-btn > button.btn.btn-default {
  height: 34px !important;
  background-color: #EEEEEE !important;
  border: 1px solid #c2cad8;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-radius: 4px;
  padding: 5px 5px 4px 10px !important;
  outline: none !important;
}

.eui-ofr-svy-cbx-rb-3 {
  width: 46%;
}

.eui-ofr-svy-cbx-rb-3 input[type=text] {
  width: 95%;
  font-size: 13pt !important;
  font-family: 'Lato';
  padding-left: 5px;
  border-width: 1px;
  margin-bottom: 5px;
}

textarea.eui-ofr-svy-field {
  width: 99%;
}

.eui-ofr-svy-answer {
  margin: 7px 5px 12px 5px;
}

.eui-input-width-100 {
  width: 100% !important;
  width: -webkit-fill-available !important;
}

@media only screen and (max-width:480px) {
  textarea .eui-ofr-svy-field, .eui-ofr-svy-field {
    width: 96%;
  }

  .eui-svy-multiselect-list + div.btn-group {
    width: 96% !important;
  }

  .eui-ofr-svy-radio td, .eui-ofr-svy-checkbox td {
    display: table;
  }

  .eui-ofr-svy-date {
    width: 95% !important;
  }

  .eui-ofr-svy-cbx-rb-3 {
    width: 100%;
    display: table;
  }

  .eui-ofr-svy-cbx-rb-3 input[type=text]{
    margin-left: 10px;
  }
}