#tiptip_content{ position:relative;}
#tiptip_content .item-list{ padding-top:20px;}
#tiptip_close {position: absolute;
top: -3px;
left: -10px;
line-height: 19px;}



/********* Welcome text ***********/
.home_welcome{ background-color:#761115; padding:12px 0; color:#FFF;}
.home_welcome h2{ margin:0;}
.home_welcome .guamtime{ display:block; text-align:right; margin-top:5px;}

/*Home Welecome Elements*/
#home_elements{ margin:25px 0; background-color:#FFF; padding:25px 0; padding-bottom:40px;}
#home_elements .top{ border-bottom: solid 1px #616163; padding:0 0 5px; margin-bottom:20px;}
#home_elements .top a.link{ margin-top:16px; font-size:16px;}
.link1{ padding-left:25px;}
#home_elements .top a.search_link{ margin-top:7px;}
#home_elements .top h3{ margin:0; background:url(img/Highlights.png) left center no-repeat; padding:7px 0 8px 50px; text-transform:uppercase; font-weight:bold;}
#highlights { padding:0 60px;}
#highlights .img{ float:left; margin-bottom:20px; padding-right:15px;}
.front #highlights .img{margin-bottom:0px;}
/*#highlights .top_info{margin-left:205px;}*/
#highlights .top_info h4{font-size:1.429em; font-weight:bold; margin:0; margin-bottom:10px;}
#highlights .top_info .date{font-weight:bold;}
#highlights .top_info .info{line-height:1.3em; font-weight:bold; padding-bottom:10px; padding-top:10px;}
#highlights .bottom{ border-bottom: solid 1px #616163; padding-bottom:10px; text-align:right;}
.front #highlights .bottom{ border-bottom:none; padding-bottom:10px; text-align:right;}
#highlights .bottom .button{ text-transform:uppercase;}
#highlights .more_link{ margin-top:15px;}
#highlights .info .agency_happ, #highlights .info .category_happ{ display:block; padding-bottom:10px;}
#highlights .happening_image img{ padding-bottom:20px; text-align:center;}
#highlights .share_this{ padding-bottom:15px;}

#pagearea .bx-wrapper .bx-controls-direction a{ height:27px; width:27px; margin-top:-20px; opacity: 0.7; }
#pagearea .bx-wrapper .bx-controls-direction a.bx-prev{ background: url(img/arrow-left1.png) top center no-repeat; left:-45px;}
#pagearea .bx-wrapper .bx-controls-direction a.bx-next{background: url(img/arrow-right1.png) top center no-repeat; right:-45px;}

#pagearea #news .bx-wrapper .bx-controls-direction a.bx-next{ right:-28px;}

#pagearea .career .bx-wrapper .bx-controls-direction a.bx-prev{ background: url(img/arrow-left1.png) top center no-repeat; left:-35px;}
#pagearea .career .bx-wrapper .bx-controls-direction a.bx-next{background: url(img/arrow-right1.png) top center no-repeat; right:-35px;}


#pagearea .bx-wrapper .bx-controls-direction a:hover { opacity: 1; }
#pagearea .bx-wrapper .bx-pager{ bottom:-25px;}
#pagearea .bx-wrapper .bx-pager a{background-color:#6d6e70; border: solid 1px #6d6e70; height:12px; width:12px;}
#pagearea .bx-wrapper .bx-pager a.active{background-color:#FFF;}
#news_slider{ min-height:255px;}
#news{ padding:0 40px 0 80px;}
#home_elements #news {}
#home_elements #news .top h3{ background-image:url(img/News.png); padding-left:45px;}
#home_elements #news li{ font-size:1.143em; padding-bottom:13px;}
#home_elements #news .date{ font-style:italic;}
#news_slider{ border-bottom: solid 1px #616163; padding-bottom:3px;}
#news .bottomlink{ text-align:center; margin-top:8px;}
#news .bottomlink a{ color:#333; text-decoration:underline; font-size:1.143em;}
#news .bottomlink a:hover{text-decoration:none;}
#news .bx-wrapper .bx-controls-direction a{ height:27px; width:27px; margin-top:0px; opacity: 0.7; top:0; left:inherit; right:-28px;}
#news .bx-wrapper .bx-controls-direction a.bx-prev{ background: url(img/arrow-top.png) top center no-repeat; top:-24px; left:inherit;}
#news .bx-wrapper .bx-controls-direction a.bx-next{background: url(img/arrow-bottom.png) top center no-repeat; top:inherit; bottom:-10px;}
#news .bx-wrapper .bx-controls-direction a:hover { opacity: 1; }



/*Teaser*/
#teaser{ background:#e2e7e9 url(img/bg_teaser.jpg) center repeat-y; padding:20px 0;}
#teaser .box{ padding:0 40px;}
.box.calendar{ border-right: solid 1px #a9abad; border-left: solid 1px #a9abad;}
#teaser .title{ height:40px; line-height:40px; position:relative;}
#teaser .title h3{ margin:0; line-height:40px; padding-left:47px; text-align:center;}
#teaser .hotline .title h3{ padding-left:62px;}
#teaser .title img{ display:block; position:absolute; top:-11px; left:5px;}
#teaser .content{ text-align:center; padding:10px 0 20px;}
#teaser .content h4{ color:#a5a7aa; font-size:1.714em; font-weight:bold; margin-bottom:30px;}
#teaser .career .content h4{margin-bottom: 20px;margin-top: 20px;}
#teaser .career .content h5{ font-weight:bold; margin-bottom:15px;}
#teaser .career .content .bottom{ margin-top:30px;}
#teaser .career .content .list{ font-size:16px;}
#teaser .content .list{ font-size:1.429em; margin-bottom:16px;}
#teaser .content .p1{ font-size:1.429em; margin-bottom:20px;}
#teaser .content .link{ color:#0c1943; font-weight:bold; text-decoration:underline;}
#teaser .content .link:hover{text-decoration:none;}
#teaser .content .bottom{ margin-top:10px;}
.tooltip { opacity:1}
#teaser .career{ border:none;}

#teaser .calendar .bottom{}
#teaser .calendar .bottom select{ width:45%; float:left; padding: 6px 4px;}
#teaser .calendar .bottom select.right{ float:right;}
#teaser .calendar .bottom span{ font-style:16px; display:inline-block; margin-top:5px;}
#teaser .career .view_all{ margin-top:60px; text-align:center;}

/*Message*/
#message{ background:#05274f url(img/bg_message.jpg) center repeat-y; padding:20px 0; margin:35px 0 0; color:#FFF;}
.share{ float:right; padding-top:35px;}

#adv_search  .views-widget-per-page{ display:none;}
#adv_search  #edit-field-agency-tid-wrapper { padding: 1.5em 1em 0 0; }
#adv_search  #edit-field-appellant-value{ width:240px;}
#adv_search .views-exposed-form .views-exposed-widget {padding: 1.5em 1em 0 0;}
#adv_search h2{font-size: 1.714em;font-weight: bold; margin-top:30px;}
#adv_search .views-exposed-form .views-exposed-widget .form-submit { margin-top: 1.8em;}

.targetDiv {display: none;}
.front #highlights .happening_image img{margin:0 auto; height:auto;}
.front #highlights .img{padding-right:0;}
.front #highlights .img {
    margin: 0px auto;
    float: none;
}

@media (max-width: 991px) {
#teaser .box{ border:none; margin-bottom:20px;}	

}

@media (max-width: 767px){

	#home_elements .top h3{padding: 25px 0 25px 45px !important;}

	.top .right_link{ float: right;
    position: absolute;
    right: 0;
    text-align: right;
    top: 35px;
    width: 100%;}	
	.home_welcome{ text-align:center;}
	.home_welcome .guamtime{ text-align:center; margin-top:5px;}
	#news{ padding:30px 30px 0 30px;}
	
	#teaser .box{ margin-bottom:20px;}
	
	#message .col-sm-2{ float:none; margin-bottom:0px;}
	#message .col-sm-2.alc{ text-align:center;}
	
	#home_elements .top{ position:relative; padding-bottom:30px;}
	#home_elements .top h3 {font-size:1.114em; padding: 14px 0px 14px 45px;}
	#highlights .img a{ text-align:center; }
	#highlights img{text-align:center; height:auto !important; display:inline-block;}  
	#highlights .img{ float:none;  margin-bottom:5px; text-align:center;  padding-bottom:10px;}
	#highlights .top_info{ margin-left:0; margin-bottom:5px;}
	#highlights .bottom{ padding-bottom:50px;}
	#highlights .bottom .button{ float:right;   font-size:15px;}

	#highlights .more_link{ text-align: center;padding-bottom: 15px;}	
	#highlights .bottom .button { float:none;}
	
	#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar { width:100%;}
	.calendar .title h3 { padding-left: 60px !important;}
	#tiptip_content ul {margin: 0px 0px 0px 5px;}
	#tiptip_content { width:95%;}
	.calendar .form-item-field-appeal-number-value { float:none !important;}
	.calendar .views-exposed-form .views-submit-button {float: none !important;  text-align:center; display:inline-block; margin-top:20px; padding-left:0px!important;}
}

@media (max-width: 768px){
#highlights {    padding: 0px 50px;}
#home_elements #news {margin-top: 50px;padding: 0px 40px 0px 50px;}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {    border-collapse: separate;    margin: 0px;    width: 100%;}
#teaser .box { padding: 0px 50px;}
#footer .footer_links { border-top:1px solid !important; margin-bottom:25px;}
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#home_elements #news {padding: 0px 40px 0px 50px;}
#teaser .title h3 {font-size: 1.414em;}
.calendar .views-exposed-form #edit-field-appeal-number-value { width:160px !important;}
#adv_search .views-exposed-form .views-exposed-widget {padding: 1.5em 1em 0 0 !important;}
#adv_search #edit-field-report-no-value { width:175px !important;}

}

@media only screen and (min-width : 768px) and (max-width : 991px) {
#home_elements #news {margin-top: 50px;padding: 0px 40px 0px 50px;}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {    border-collapse: separate;    margin: 0px;    width: 100%;}
}
@media only screen and (min-width : 320px) and (max-width : 360px) {
#teaser .title h3 { font-size:1.414em !important;}
#teaser .title h3 span{ font-size:15px !important;}
#home_elements .top a.link {    bottom: 3px !important;}
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
#adv_search .col-sm-4{ padding-bottom:20px;}
#adv_search .views-exposed-form .views-exposed-widget { float:none;}
#adv_search select, #adv_search input[type="text"] { width:100% !important; }
#adv_search .container-inline-date .date-padding { float:none;}
#adv_search .container-inline-date .form-item,#adv_search .container-inline-date .form-item input { width:100%;}
#adv_search input[type="submit"]{ width:auto;}
}

#edit-unsubscribe--2, #edit-unsubscribe{ display:none;}

#highlights .right_link{ float:right; margin-top:10px;} 
.front_highlights{margin-left:0; margin-right:0;border-bottom: 1px solid #616163 !important;}

.role-opa-staff .contextual-links-wrapper{ display:none !important;}

.role-opa-staff #block-block-3 .contextual-links-wrapper{ display:block !important;}

.pretty-calendar-week, .calendar-daynames{ overflow:inherit;}

#career_slider .list img{ margin:auto;}