/*
Site Name:		emdot mobile website & theme kit
Description: 	Theme specific style sheet
Author: 		Mike Ilsley - Beantown Design
Author URI:		http://BeantownDesign.com
*/



html, body {
	height: 100%;
	margin: 0px;
	/* background-color: #BDC3C7; */
}

body {
	height: 100%;
	width: 100%;
	display: table;
}



/* =============================================================================
   Header Logo
   ========================================================================== */

div.logo {
	width:100%; 
	height:110px; 
	background:url(/images/logo.png) top center no-repeat;
	background-size: 245px 105px;
}



/* =============================================================================
   Social Media / Phone Contact on Homepage
   ========================================================================== */
.social, .phone-area {
	border-top:1px dotted #999; 
	border-bottom:1px dotted #999; 
	text-align:center; 
	text-shadow: none;
	/* font-weight:bold; */
	padding:10px 0;
	margin:25px 0 15px 0;
	color:#111;
	font-size:12px;
}

.social img {
	width:13%; 
	max-width:100px;
}

p.phone-contact  {
	text-align: center; 
	width: 100%; 
	clear: both; 
	padding-top: 40px;
	font-weight: bold;
	
}

p.phone-contact a {
	padding-top: 30px;  
	background: url(/images/phone.png) top center no-repeat;
	background-size: 40px 29px;
	text-shadow: none;
}

.copyright {
	text-align:center; 
	font-size:11px;
	text-shadow: none;
}

/* =============================================================================
   Footer Nav Icons
   ========================================================================== */


.custom-icons .ui-btn .ui-btn-inner { 
	padding-top: 40px !important; 
}
.custom-icons .ui-btn .ui-icon { 
	width: 30px!important; 
	height: 30px!important; 
	margin-left: -15px !important; 
	box-shadow: none!important; 
	-moz-box-shadow: none!important; 
	-webkit-box-shadow: none!important; 
	-webkit-border-radius: 0 !important; 
	border-radius: 0 !important; 
}


/* 	IF YOU WANT TO REMOVE THE DISC ICON YOU HAVE TO ADD #ID TO OTHER CLASSES BELOW  */

#arrow-down .ui-icon { background:url(/images/nav-icons/arrow-down.png) 50% 50% no-repeat;  background-size: 22px 27px; }
#arrow-up .ui-icon { background:url(/images/nav-icons/arrow-up.png) 50% 50% no-repeat;  background-size: 22px 27px; }
#arrow-up2 .ui-icon { background:url(/images/nav-icons/arrow-up.png) 50% 50% no-repeat;  background-size: 15px 19px; }
#arrow-up3 .ui-icon { background:url(/images/nav-icons/arrow-up2.png) 50% 50% no-repeat;  background-size: 16px 22px; }
/*#arrow-left .ui-icon { background:url(/images/nav-icons/arrow-left.png) 50% 50% no-repeat;  background-size: 27px 22px; } */
#arrow-right .ui-icon { background:url(/images/nav-icons/arrow-right.png) 50% 50% no-repeat;  background-size: 27px 22px; }
#award .ui-icon { background:url(/images/nav-icons/award.png) 50% 50% no-repeat;  background-size: 26px 27px; }
#cloud .ui-icon { background:url(/images/nav-icons/cloud.png) 50% 50% no-repeat;  background-size: 27px 19px; }
#list .ui-icon { background:url(/images/nav-icons/list.png) 50% 50% no-repeat;  background-size: 27px 22px; }
#user .ui-icon { background:url(/images/nav-icons/user.png) 50% 50% no-repeat;  background-size: 24px 27px; }
#unlock .ui-icon { background:url(/images/nav-icons/unlock.png) 50% 50% no-repeat;  background-size: 24px 27px; }
/* #unlock2 .ui-icon { background:url(/images/nav-icons/unlock.png) 50% 50% no-repeat;  background-size: 18px 20px; } */
#trash .ui-icon { background:url(/images/nav-icons/trash.png) 50% 50% no-repeat;  background-size: 23px 27px; }
#trash2 .ui-icon, #trash3 .ui-icon { background:url(/images/nav-icons/trash.png) 50% 50% no-repeat;  background-size: 18px 20px; }
#check .ui-icon { background:url(/images/nav-icons/check.png) 50% 50% no-repeat;  background-size: 27px 22px; }
#check2 .ui-icon { background:url(/images/nav-icons/check.png) 50% 50% no-repeat;  background-size: 19px 17px; }
#tag .ui-icon { background:url(/images/nav-icons/tag.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#stats .ui-icon { background:url(/images/nav-icons/stats.png) 50% 50% no-repeat;  background-size: 24px 27px; }
#star .ui-icon { background:url(/images/nav-icons/star.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#shield .ui-icon { background:url(/images/nav-icons/shield.png) 50% 50% no-repeat;  background-size: 23px 27px; }
#share .ui-icon { background:url(/images/nav-icons/share.png) 50% 50% no-repeat;  background-size: 23px 27px; }
#search .ui-icon { background:url(/images/nav-icons/search.png) 50% 50% no-repeat;  background-size: 26px 27px; }
#search-grey .ui-icon { background:url(/images/nav-icons/search.png) 50% 50% no-repeat;  background-size: 26px 27px; opacity: 0.3; }
#rss .ui-icon { background:url(/images/nav-icons/rss.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#ribbon .ui-icon { background:url(/images/nav-icons/ribbon.png) 50% 50% no-repeat;  background-size: 18px 27px; }
#quote .ui-icon { background:url(/images/nav-icons/quote.png) 50% 50% no-repeat;  background-size: 27px 21px; }
#photo .ui-icon { background:url(/images/nav-icons/photo.png) 50% 50% no-repeat;  background-size: 26px 27px; }
#sign .ui-icon { background:url(/images/nav-icons/sign.png) 50% 50% no-repeat;  background-size: 19px 27px; }
#movie .ui-icon { background:url(/images/nav-icons/movie.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#mic .ui-icon { background:url(/images/nav-icons/mic.png) 50% 50% no-repeat;  background-size: 26px 27px; }
#map-menu .ui-icon { background:url(/images/nav-icons/map-menu.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#lock .ui-icon { background:url(/images/nav-icons/lock.png) 50% 50% no-repeat;  background-size: 24px 27px; }
#map-marker .ui-icon { background:url(/images/nav-icons/map-marker.png) 50% 50% no-repeat;  background-size: 19px 27px; }
#map-marker2 .ui-icon { background:url(/images/nav-icons/map-marker2.png) 50% 50% no-repeat;  background-size: 17px 27px; }
#map-marker-grey .ui-icon { background:url(/images/nav-icons/map-marker.png) 50% 50% no-repeat;  background-size: 19px 27px; opacity: 0.3; }
#info .ui-icon { background:url(/images/nav-icons/info.png) 50% 50% no-repeat;  background-size: 13px 27px; }
#info2 .ui-icon { background:url(/images/nav-icons/info.png) 50% 50% no-repeat;  background-size: 9px 19px; }
#home .ui-icon { background:url(/images/nav-icons/home.png) 50% 50% no-repeat;  background-size: 27px 25px; }
#heart .ui-icon { background:url(/images/nav-icons/heart.png) 50% 50% no-repeat;  background-size: 27px 22px; }
#grid .ui-icon { background:url(/images/nav-icons/grid.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#flash .ui-icon { background:url(/images/nav-icons/flash.png) 50% 50% no-repeat;  background-size: 16px 27px; }
#flag .ui-icon { background:url(/images/nav-icons/flag.png) 50% 50% no-repeat;  background-size: 21px 27px; }
#file .ui-icon { background:url(/images/nav-icons/file.png) 50% 50% no-repeat;  background-size: 22px 27px; }
#eye .ui-icon { background:url(/images/nav-icons/eye.png) 50% 50% no-repeat;  background-size: 27px 14px; }
#gear .ui-icon { background:url(/images/nav-icons/gear.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#mail .ui-icon { background:url(/images/nav-icons/mail.png) 50% 50% no-repeat;  background-size: 27px 21px; }
#mail2 .ui-icon { background:url(/images/nav-icons/mail2.png) 50% 50% no-repeat;  background-size: 27px 21px; }
#mail-grey .ui-icon { background:url(/images/nav-icons/mail.png) 50% 50% no-repeat;  background-size: 27px 21px; opacity: 0.3; }
#display .ui-icon { background:url(/images/nav-icons/display.png) 50% 50% no-repeat;  background-size: 27px 22px; }
#bubble2 .ui-icon { background:url(/images/nav-icons/bubble2.png) 50% 50% no-repeat;  background-size: 27px 25px; }
#cloud-up .ui-icon { background:url(/images/nav-icons/cloud-up.png) 50% 50% no-repeat;  background-size: 27px 19px; }
#cloud-up2 .ui-icon { background:url(/images/nav-icons/cloud-up.png) 50% 50% no-repeat;  background-size: 19px 13px; }
#cloud-down .ui-icon { background:url(/images/nav-icons/cloud-down.png) 50% 50% no-repeat;  background-size: 27px 19px; }
#clock .ui-icon { background:url(/images/nav-icons/clock.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#camera .ui-icon { background:url(/images/nav-icons/camera.png) 50% 50% no-repeat;  background-size: 27px 21px; }
#upload_photos .ui-icon { background:url(/images/nav-icons/camera.png) 50% 50% no-repeat;  background-size: 13px 10px; }
#camera-grey .ui-icon { background:url(/images/nav-icons/camera.png) 50% 50% no-repeat;  background-size: 27px 21px; opacity: 0.3; }
#book .ui-icon { background:url(/images/nav-icons/book.png) 50% 50% no-repeat;  background-size: 24px 27px; }
#calendar .ui-icon { background:url(/images/nav-icons/calendar.png) 50% 50% no-repeat;  background-size: 27px 26px; }
#bulb .ui-icon { background:url(/images/nav-icons/bulb.png) 50% 50% no-repeat;  background-size: 19px 27px; }
#bell .ui-icon { background:url(/images/nav-icons/bell.png) 50% 50% no-repeat;  background-size: 26px 27px; }
#bubble .ui-icon { background:url(/images/nav-icons/bubble.png) 50% 50% no-repeat;  background-size: 27px 25px; }



/* =============================================================================
   Header Images
   ========================================================================== */

.box {
	width:100%; 
	height:150px;  
	border:2px solid #111;  
	background-size: 100%;  
	background-position:center center;
	 -webkit-box-shadow: inset 0px 0px 5px ; 
	 -moz-box-shadow: inset 0px 0px 5px ;
	box-shadow: inset 0px 0px 5px ; 
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), 0px 1px 2px rgba(255,255,255,0.5); 
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), 0px 1px 2px rgba(255,255,255,0.5); 
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), 0px 1px 2px rgba(255,255,255,0.5);
}

/* Set your background images for each page here */

.box.about-page { background-image:url(/images/headers/example.jpg) }
.box.styles-page { background-image:url(/images/headers/example2.jpg) }
.box.contact-page { background-image:url(/images/headers/example3.jpg) }
.box.portfolio-page { background-image:url(/images/headers/example4.jpg) }
.box.twitter-page { background-image:url(/images/headers/example5.jpg) }
.box.icons-page { background-image:url(/images/headers/example6.jpg) }



/* =============================================================================
   Expanding Shadow Images Under Header & Homepage
   ========================================================================== */

.shadow {
	width:100%; 
	position:relative; 
	top:-1px; 
	z-index:5  
}

li.ui-btn {
	z-index:10
}

.shadowBox {
	margin-bottom:0px !important
}



/* =============================================================================
   Portfolio
   ========================================================================== */

.gallery li { 
	float: left; 
	width: 33.33333333%;
	
}

.gallery:after { 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

.gallery { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}

.gallery li a { 
	display: block; 
	/* border: 1px solid #3c3c3c; */
}

.gallery_container {
	padding: 4px;
	margin: 4px;
	background-color: #ffffff;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px #111;
	-moz-box-shadow: 0px 0px 4px #111;
	box-shadow: 0px 0px 4px #111; 
}

.gallery li img { 
	display: block; 
	width: 100%; 
	height: auto;
	border-radius: 1px;
}

#display_photos .ui-content, #Gallery1 .ui-content, #Gallery2 .ui-content { 
	overflow: hidden; 
}

/* .gallery img {
	-webkit-box-shadow: 0px 0px 4px #111;
	-moz-box-shadow: 0px 0px 4px #111;
	box-shadow: 0px 0px 4px #111; 
}
*/



/* =============================================================================
   Twitter Feed
   ========================================================================== */

.ui-btn-inner {
    border-color: rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

ul.tweetList{
	margin:0;
	padding:0; 
	list-style-type:none
}

#jstwitter {
	width:100%;
	background:url(/images/twitterBack.png) repeat;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	padding:0px;
	-webkit-box-shadow:  1px 1px 1px #0f0f0f;
	-moz-box-shadow: 1px 1px 1px #0f0f0f;
	box-shadow: 1px 1px 1px #0f0f0f; 	
}

.tweet {
	padding: 15px 20px;
	color:#FFF;
	border-bottom:1px solid #000000;
	border-top:1px solid #353434;
	text-shadow: 0 1px 0 #000;
	margin: 0 10px
}
		
.followButton {
	margin:0 0 20px 0
}

.time {
	font-size: 11px;
	font-style:italic
}
	
.tweet a {
    color: #2489CE;
    font-weight: bold;
}

/* =============================================================================
   Contact Form
   ========================================================================== */


#errors {
	border:1px solid #cd0a0a;
	background:url(/images/contact-error.png) 50% 50% repeat;
	color:#fff;
	padding: 5px; 
	text-shadow:0 1px 0 #111
}

.hide{
	display:none
}


/* =============================================================================
   Demo Styles, these can be deleted
   ========================================================================== */

.demo-icons { 
	background:#333; 
	padding:10px; 
	border:1px solid #111 ;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em  
}
.demo-icons.social {background:#666}
.demo-icons.nav img {height:30px}
.demo-icons.social img {width:50px}
div.grid-box {padding:5px}






/* =============================================================================
	Added styling from TJ P  --  text styling
   =========================================================================== */

.ui-link {
	color:  #0A639F;	/* #7cc4e7 */
	/* font-weight: bold; */
}
.ui-link:visited {
    color:  #0A639F;	/* #2489CE */
}
.ui-link:hover {
	color:  #2489CE;	/* #2489CE */
}
.ui-link:active {
	color:  #2489CE;	/* #2489CE */
}
.ui-link-inherit {
	color:  	#3E3E3E;
}
.ui-body, .ui-content, .ui-page {
	color:  	#333333;
	text-shadow:  0 1px 0 #aaa;  /*{c-body-shadow-x}, {c-body-shadow-y}, {c-body-shadow-radius}, {c-body-shadow-color} */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.upload_text {
	line-height: 50%;
}
.job_number, #job_number {
	background-color: #ffffff;
	color:  	#333333;
	text-shadow:  0 1px 0 #fff;  /*{c-body-shadow-x}, {c-body-shadow-y}, {c-body-shadow-radius}, {c-body-shadow-color} */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
}
.job_search_container {

	width: 500px;
	margin: auto;
	text-align: center;
	position: absolute;
	/* display: table; */
}
.job_search_button, #job_search_button {
	-moz-border-radius: 6px;
	border-radius: 6px; 
	padding:0px;
	-webkit-box-shadow:  1px 1px 1px #0f0f0f;
	-moz-box-shadow: 1px 1px 1px #0f0f0f;
}
.error_text {
	color: #F30;
	font-weight: bold;
}
footerNOTSUREIFINUSE { 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	height: 63px; 
	width: 100%; 
}
.cookie_crumb {
	margin-top: 4px;
	color:  	#333333;
	/* text-shadow:  0 1px 0 #fff; */
	text-shadow: none;
	text-align: bottom;
	font-family: Helvetica, 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	/* transform: scaleY(.9); */
}
.header_text {
	text-shadow: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
}
.job_front_page {
	text-align:left; 
	font-weight:bold; 
	padding:10px 0;
	margin:20px 0 15px 0;
	color:#111;
	font-size:12px
}
.project_front_page {
	text-align:left; 
	text-shadow: none;

	color:#666;
	font-size:12px
}
.text_15 {
	text-shadow: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
}
.text_10 {
	text-shadow: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 10px;
}
h3 {
	text-shadow: 1px 1px 1px #aaa;
	margin: 4px;
}
.h3_spacer {
	height: 28px;		/* THIS IS THE HEIGHT BETWEEN THE COOKIE CRUMB AND THE H3 TEXT */
}
.cookie_crumb_spacer_above {
	height: 28px;		/* THIS IS THE HEIGHT BETWEEN THE COOKIE CRUMB AND THE START OF THE BODY CONTENT */
	width: 100%;
}
.cookie_crumb_spacer_below {
	height: 20px;		/* THIS IS THE HEIGHT BETWEEN THE BOTTOM OF HEADER AND TOP OF COOKIE CRUMB */
}
h4 {
	text-shadow: 1px 1px 1px #aaa;
	margin: 4px;
	text-size: 26px;
}
.textarea_text, textarea {
	text-shadow: none;
}
.job_info_textarea_spacer {
	height: 20px;		/* THIS IS THE HEIGHT BETWEEN THE TEXTAREA BOXES ON JOB INFO PAGE */
}
#button_padding .ui-btn {
	
	padding: 4px;		/* THIS IS THE HEIGHT OF THE CONTACT/ADDRESS BUTTONS */
}
.ui-collapsible {
	margin: 0 0;
	padding: 0 0;
}
#ccontent p {
	margin-top: 0px;
	margin-bottom: 35px;	/* THIS IS THE BOTTOM MARGIN BETWEEN THE BUTTONS ON CONTACTS PAGE WHEN THEY'RE EXPANDED */
}
#buttondiv p {
	margin-top: 0px;
	margin-bottom: 20px;	/* THIS IS THE BOTTOM MARGIN BETWEEN THE BUTTONS ON ADDRESSES PAGE WHEN THEY'RE EXPANDED */
}
.text_grey {
	opacity: 0.5;
}
.text_9 {
	font-size: 90%;
}
.text_red {
	color: #ff0000;
}
.all_caps {
	font-variant: small-caps;
}
.testClass {
	color: #ff0000;
}
.photo_button_img {
	position: absolute;
	margin-top: 5px;
	margin-left: 9px;
}
.text_strikethrough {
	text-decoration: line-through;
}
.img_background {
	background:#ffa2a2 url(/images/nav-icons/trash.png) 50% 50% no-repeat;
	background-size: 18px 20px;
	background-position: center center;
}
.test_cls {
	text-indent: 0;
	padding-right: 0px;
	margin-right: 0px;

	white-space: nowrap
	overflow: hidden
	text-overflow: ellipsis
}


/* =============================================================================
   LOGIN AND INPUT FORMAT FIELDS (CREATE FOLDER)
   ========================================================================== */
#search-form2 {
	width: 100%;
	/* height: 360px; */
	/* margin: 60px auto 0 auto; */
	/* padding: 1px 0 0 0; */
	box-sizing: border-box;
	/* padding: 30px */
	/* background: url(/images/form-bg.png) top center no-repeat; */
}
.form-container2 {
	margin: 10px auto 0 auto;
	padding: 0;
	background: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: linear-gradient(top, #f8f8f8, #eeeeee);
	-moz-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	box-shadow: 0 6px 8px rgba(0,0,0,.5);
}
.error_popup {
	width: 210px;
	margin: 10px 0 0 10px;
	padding: 1px 0 0 0;
	background: url(/images/popup-bg.png) 10px 0 no-repeat;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	text-shadow: none;
}
.error_popup p {
	margin: 8px 0 0 0;
	padding: 8px 14px 9px 14px;
	background: #3d3d3d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.error_text {
	text-align: left;
	font-size: 14px;
	color: #F30;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
}
.ui-header {
	text-overflow: ellipsis;
}


/* =============================================================================
   PAGE CONTAINERS SO FOOTER IS ALWAYS ON BOTTOM
   ========================================================================== */

header, footer, content {
	display: table-row;
}

header, footer {
	height: 1px;
}

content {
	height: auto;
}


[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}  

/*
ui-page {
	height: 100%;
	width: 100%;

}

.ui-header, .ui-footer, .ui-content {
	display: table-row;
}

.ui-header, .ui-footer {
	height: 1px;
}

.ui-content {
	height: auto;
}
 */