/*
* NH3 Services Project 
*
* Licence ID 13069510144
*
* By OLEG ILYASOV 
*
*/

/* =============================================================================
   Load Fonts (delete import of fonts you don't use)
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Kaushan+Script); /* font-family: 'Kaushan Script', cursive; */
@import url(https://fonts.googleapis.com/css?family=Lobster); /* font-family: 'Lobster', cursive; */
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700); /* font-family: 'Cabin', sans-serif; font-weight: 400; */
@import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911); /* font-family: 'Goudy Bookletter 1911', serif; */
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,700italic,600); /* font-family: 'Crimson Text', serif; */
@import url(https://fonts.googleapis.com/css?family=Cardo:400,700); /* font-family: 'Cardo', serif; */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700italic,700); /* font-family: 'Droid Serif', serif; */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700); /* font-family: 'Droid Sans', sans-serif; */

   
/* =============================================================================
   Custom content styling
   ========================================================================== */

h3.home-title {
	margin-top:40px; 
	text-align:center; 
	font-weight:normal;
	margin:10px 0 10px 0;
	
	/* font-family: 'Kaushan Script', cursive; font-size:26px; */
	/* font-family: 'Lobster', cursive; font-size:28px; */
	/* font-family: 'Cabin', sans-serif; font-weight: 700; font-size:22px; */
 	/* font-family: 'Cardo', serif; font-size:24px; */
 	/* font-family: 'Droid Sans', sans-serif; font-size:22px; font-weight:700  */
	 font-family: 'Goudy Bookletter 1911', serif; font-size:28px; 
}

.padd {
	padding: 20px 0
}

.gal-description {
	font-size:11px; 
	color: #eee
}

.padd-title {
	padding-left:15px;
	margin-bottom:3px
}

hr.ornamental { 
	background:url(../Images/ornamental-sm.png) center no-repeat; 
	height:21px; 
	width:100%; 
	border:none; 
	margin:0; 
	padding:0 
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){
hr.ornamental { 
	background:url(../Images/ornamental.png) center no-repeat; 
	background-size:960px 21px; 
	height:21px; 
	width:100%; 
	border:none; 
	margin:0; 
	padding:0 
}
}

.shadow1box {
	text-align:center; 
	margin:0; 
	height:28px
}

.shadow1 {
	width:100%; 
	height:28px; 
	margin:0
}

.shadow2box { margin:0 }
.shadow2 { width:100% }
.clear { clear:both }



/* =============================================================================
   UI Bars (add to a div surrounding content, like a callout box)
   ========================================================================== */

.ui-bar-c {
    
    border: 1px solid #b3b3b3 /*{c-bar-border}*/;
	background: #eeeeee /*{c-bar-background-color}*/;
	color: #3e3e3e /*{c-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #ffffff /*{c-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #dddddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/);
    
}

.ui-bar-c .ui-link-inherit {
	color:  	#3E3E3E;
}
.ui-bar-c .ui-link {
	color:  #2489CE;
	font-weight: bold;
}

.ui-bar-c .ui-link:hover {
	color:  #146BA5;
}

.ui-bar-c .ui-link:active {
	color:  #146BA5;
}

.ui-bar-c .ui-link:visited {
    color:  #146BA5;
}

.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
	 font-family: Helvetica, Arial, sans-serif;
}


/* =============================================================================
   Dialog (Modal Windows)
   ========================================================================== */
   
.ui-dialog {
	background:url(../Images/pattern2.png) #222 !important;
	background-size: 20px 20px !important;
}

#slide-modal .ui-dialog-contain { margin-top:0px }

/* =============================================================================
   Set your main background image & text styles
   ========================================================================== */
   
.ui-body-c,
.ui-dialog.ui-overlay-c {
	border: 1px solid #a1a1a1;
	background:url(../Images/page-backgrounds/bg-jmcalc.jpg) 0 0; background-size: 174px 174px; 
    /* background:url(../Images/page-backgrounds/diagonal-noise.jpg) 0 0; background-size: 100px 100px; */
	/* background:url(../Images/page-backgrounds/zebra.jpg) 0 0; background-size: 121px 38px; */
	/* background:url(../Images/page-backgrounds/paper.jpg) 0 0; background-size: 500px 593px;  */
	/* background:url(../Images/page-backgrounds/farmer.jpg) 0 0; background-size: 349px 349px; */
	/* background:url(../Images/page-backgrounds/blue-stripes.jpg) 0 0; background-size: 100px 100px; */
	/* background:url(../Images/page-backgrounds/texture.jpg) 0 0; background-size: 476px 476px; */
	/* background:url(../Images/page-backgrounds/white-brick-wall.jpg) 0 0; background-size: 25px 17px; */
	/* background:url(../Images/page-backgrounds/grilled.jpg) 0 0; background-size: 170px 180px;  */
	/* background:url(../Images/page-backgrounds/wood.jpg) 0 0; background-size: 203px 317px; */
	/* color: #cecece; */
	text-shadow: 0 1px 0 #fff;
}

.ui-input-text.ui-body-c {
    background-image: none;
    background: none;
    background-color: #fff;
    
}

.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button,
li.ui-li-divider  {
    font-family: "Hind", Helvetica, Arial, sans-serif;
    font-size: 20px;
}


/* =============================================================================
   Body Links
   ========================================================================== */

.ui-body-c .ui-link-inherit {
	color: #2489CE !important; 
}

.ui-body-c .ui-link {
	color:  #2489CE !important;
	font-weight: bold;
}

.ui-body-c .ui-link:hover {
	color:  #146BA5 !important;
}

.ui-body-c .ui-link:active {
	color:  #146BA5 !important;
}

.ui-body-c .ui-link:visited {
    color:  #146BA5 !important;
}

.tdH a.ui-link {
	color:  #fff !important;
	font-weight: bold !important;
}

.tdH a.ui-link:hover {
	color:  #cecece !important;
}

.tdH a.ui-link:active {
	color:  #fff !important;
}

.tdH a.ui-link:visited {
    color:  #fff  !important;
}

/* =============================================================================
   Button Styles
   ========================================================================== */

/* B
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-up-c {
	border: 1px solid #dac2a5 /*{c-bup-border}*/;
	background: #dac2a5 /*{c-bup-background-color}*/;
	font-weight: bold;
	color: #000000 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #eeeeee /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #efd5b5 /*{c-bup-background-start}*/), to( #c4ae94 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #efd5b5 /*{c-bup-background-start}*/, #c4ae94 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #efd5b5 /*{c-bup-background-start}*/, #c4ae94 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #efd5b5 /*{c-bup-background-start}*/, #c4ae94 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #efd5b5 /*{c-bup-background-start}*/, #c4ae94 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #efd5b5 /*{c-bup-background-start}*/, #c4ae94 /*{c-bup-background-end}*/);
}
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
	/* color: #fefefe {c-bup-color}*/;
}
.ui-btn-hover-c {
	border: 1px solid #fadfbd /*{c-bhover-border}*/;
	background: #fadfbd /*{c-bhover-background-color}*/;
	font-weight: bold;
	color: #000000 /*{c-bhover-color}*/;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #eeeeee /*{c-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFf5cf /*{c-bhover-background-start}*/), to( #e1c8aa /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFf5cf /*{c-bhover-background-start}*/, #e1c8aa /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFf5cf /*{c-bhover-background-start}*/, #e1c8aa /*{c-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFf5cf /*{c-bhover-background-start}*/, #e1c8aa /*{c-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFf5cf /*{c-bhover-background-start}*/, #e1c8aa /*{c-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFf5cf /*{c-bhover-background-start}*/, #e1c8aa /*{c-bhover-background-end}*/);
}
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
	color: #333333 /*{c-bhover-color}*/;
}
.ui-btn-down-c {
	border: 1px solid #fadfbd /*{c-bdown-border}*/;
	background: #fadfbd /*{c-bdown-background-color}*/;
	font-weight: bold;
	color: #000000 /*{c-bdown-color}*/;
	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #eeeeee /*{c-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e1c8aa /*{c-bdown-background-start}*/), to( #FFf5cf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #e1c8aa /*{c-bdown-background-start}*/, #FFf5cf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #e1c8aa /*{c-bdown-background-start}*/, #FFf5cf /*{c-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #e1c8aa /*{c-bdown-background-start}*/, #FFf5cf /*{c-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #e1c8aa /*{c-bdown-background-start}*/, #FFf5cf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #e1c8aa /*{c-bdown-background-start}*/, #FFf5cf /*{c-bdown-background-end}*/);
}
.ui-btn-down-c:visited,
.ui-btn-down-c:hover,
.ui-btn-down-c a.ui-link-inherit {
	color: #000000 /*{c-bdown-color}*/;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

/* =============================================================================
   Button Styles END
   ========================================================================== */


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


/* Active class used as the "on" state across all themes, example: newsletter button on form */

.ui-btn-active {
	border: 1px solid #111;
	background: #e1c8aa;
	font-weight: bold;
	color: 	#fff;
	cursor: pointer;
	text-shadow:  0 1px 1px #000;
	text-decoration: none;
}

.ui-btn-active a.ui-link-inherit {
	color: 	#fff;
}


/* =============================================================================
   Interior Banner Styles
   ========================================================================== */

.bannerContainer { 
	width:100%;   
}

.banner {
max-width: 977px;
display: block;
max-height: 180px;
width: 100%;
}


/* =============================================================================
   Page Title under Banner Image
   ========================================================================== */

h2.pageTitle { 
	text-transform:uppercase; 
	background:url(../Images/pattern.png) #342F2A; background-size: 5px 5px;
	border-bottom:1px solid #aaa;
	color:#fff; 
	width:100%; 
	margin:0;
	padding:0;
	font-family: 'Droid Sans', sans-serif;  
	text-shadow: 0 1px 0 #000; 
	font-weight:normal; 
}

h2.pageTitle span { 
	display:block; 
	padding:8px 0 5px 15px
}


/* =============================================================================
   Header Bar (behind logo) & Logo
   ========================================================================== */

.page-header { 
	border:0px;
	border-bottom:1px solid #bfc0c0; 
	color:#eee; 
	height:50px; 
	text-shadow: 0 -1px 1px #000; 
	background:url(../Images/pattern.png) #111; background-size: 5px 5px;
} 

.logo { 
	width:208px; 
	height:40px; 
	background:url(../Images/rack-logo-208X40.png) top center no-repeat;  
	margin:0 auto;  
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){
.logo { 
	width:208px; 
	height:40px; 
	background:url(../Images/rack-logo-208X40.png) top center no-repeat;  
	margin-top: 5px;
	background-size: 208px 40px;
}
}

h1.ui-title { 
	margin:0px; 
	padding:10px 0 0 0
}


/* =============================================================================
   Link Bars with Large Arrows
   ========================================================================== */
   
li .ui-btn-text { background:url(../Images/pattern2.png) #342F2A; background-size: 20px 20px; }

a.ui-link-inherit {
	background:url(../Images/arrow.png) right no-repeat; 
	background-size: 25px 30px;
	
	/* font-family: 'Kaushan Script', cursive; font-size:18px; */
	/* font-family: 'Lobster', cursive; font-size:18px; */
	/* font-family: 'Cabin', sans-serif; font-weight: 700; font-size:18px; */
	/* font-family: 'Droid Serif', serif; font-weight:700; font-style:italic; font-size:17px; */
	 font-family: 'Droid Sans', sans-serif; font-weight:700;  font-size:17px; 
	
	color:#eee !important;
	text-shadow: 0 -1px 1px #000;
	text-decoration:none
}
	
a.ui-link-inherit:hover {
	background:url(../Images/arrow.png) right no-repeat #3A352F;
	background-size: 25px 30px;
	color:#fff !important; 
}


/* =============================================================================
   Overwrite jQuery Mobile Styles
   ========================================================================== */
   
.ui-header .ui-title, .ui-footer .ui-title {
	margin: 0.8em 90px;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding: .9em 15px;
}

.ui-content {
	padding-top:0px
}

.page-header .ui-icon {
	text-indent:-9999px !important
}

.gallery-page h1.ui-title {
    margin: 0px;
    padding: 0px;
	position:relative;
	top:13px
}

.ui-btn-icon-notext .ui-btn-inner { z-index:9999 }

.ui-btn-corner-all {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
}

li.ui-li-divider  { border:0px }

.ui-corner-top {
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
}

.ui-corner-bottom, .ui-corner-bottom .ui-link-inherit {
    border-bottom-left-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
}

.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search {
    background: rgba(255, 255, 255, 0.5); 
}
.ui-field-contain input.ui-input-text:focus, .ui-field-contain textarea.ui-input-text:focus, .ui-field-contain .ui-input-search:focus {
	background: rgba(255, 255, 255, 0.7); 
}

.ui-footer { max-width:100% !important; overflow:hidden !important }


/* =============================================================================
   List Styles
   ========================================================================== */

/* thumbail lists */
.events-list  ul.ui-listview li, .thumbnail-list ul.ui-listview li {
	margin:0; 
	padding:0; 
	border-bottom:0px; 	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.thumbnail-list a.ui-link-inherit, 
.events-list ul.ui-listview a.ui-link-inherit {
    color: #fff;
}

.thumbnail-list a.ui-link-inherit:hover, .events-list ul.ui-listview a.ui-link-inherit:hover {
    color: #2489CE;
}
	
.thumbnail-list ul.ui-listview li a.ui-link-inherit { 
	padding-left: 100px; 
}

.thumbnail-list ul.ui-listview .ui-btn-inner { 
	margin:0; 
	padding:0;  
	border-bottom:0px 
}

.thumbnail-list li.ui-corner-bottom {
	padding-bottom:1px !important
}

.ui-li-thumb {
    left: 4px;
    max-height: 80px;
    max-width: 80px;
    position: absolute;
    top: 4px;
	border:0px;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.events-list .ui-li-aside {
    float: right;
    margin: 0.3em 0;
    text-align: right;
    width: 22%;
}

.ui-li-aside {
    margin: 0 2em;
}

.events-list .ui-li {
	padding:0; 
	margin:0
}

li.ui-li-divider { 
	padding: 0.5em 15px !important 
}


/* list divider, create your own gradient: http://www.colorzilla.com/gradient-editor/ */
li.ui-li-divider {
	color: #111;
    text-shadow: 0 1px 0 #999;	
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}


/* =============================================================================
   Footer Navigation
   ========================================================================== */

.ui-btn-up-b { 
	border: 2px solid #cbcbcb;
	background:url(../Images/pattern.png) #3f3f3f; background-size: 5px 5px;  
	font-weight: bold;
	color: 	#fff !important;
	text-shadow: 0 -1px 1px #000;
}

.ui-btn-up-b a.ui-link-inherit {
	color: 	#fff;
}

.ui-btn-hover-b {
	border: 1px solid #cbcbcb;
	background: #342F2A;
	font-weight: bold;
	color: 	#fff !important;
	text-shadow: 0  -1px 1px  #014D68;
	
}

.ui-btn-hover-b a.ui-link-inherit {
	color: 	#fff;
}

.ui-btn-down-b {
	border: 1px solid #333;
	background: #25211c;
	font-weight: bold;
	color: 	#fff;
	text-shadow: 0 -1px 1px #225377;
}

.ui-btn-down-b a.ui-link-inherit {
	color: 	#fff;
}

.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	
	/* font-family: Helvetica, Arial, sans-serif; */
 	/* font-family: 'Cabin', sans-serif;  
	/* font-family: 'Goudy Bookletter 1911', serif; */
 	/* font-family: 'Crimson Text', serif; */
 	/*  font-family: 'Cardo', serif; */
	 font-family: 'Droid Sans', sans-serif; 
	 
	text-decoration: none;
}

.ui-footer .ui-btn-text { background:none }


/* =============================================================================
   Footer Nav Icons --[ Recommend to delete CSS for icons you don't use ]--
   ========================================================================== */

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

#address-book .ui-icon { background:url(../Images/nav-icons/address-book-sm.png) 50% 50% no-repeat; }
#apartments .ui-icon { background:url(../Images/nav-icons/apartments-sm.png) 50% 50% no-repeat; }
#balloons .ui-icon { background:url(../Images/nav-icons/balloons-sm.png) 50% 50% no-repeat; }
#brush .ui-icon { background:url(../Images/nav-icons/brush-sm.png) 50% 50% no-repeat; }
#brush2 .ui-icon { background:url(../Images/nav-icons/brush2-sm.png) 50% 50% no-repeat; }
#calendar .ui-icon { background:url(../Images/nav-icons/calendar-sm.png) 50% 50% no-repeat; }
#calendar2 .ui-icon { background:url(../Images/nav-icons/calendar2-sm.png) 50% 50% no-repeat; }
#camera .ui-icon { background:url(../Images/nav-icons/camera-sm.png) 50% 50% no-repeat; }
#car .ui-icon { background:url(../Images/nav-icons/car-sm.png) 50% 50% no-repeat; }
#cell .ui-icon { background:url(../Images/nav-icons/cell-sm.png) 50% 50% no-repeat; }
#cell2 .ui-icon { background:url(../Images/nav-icons/cell2-sm.png) 50% 50% no-repeat; }
#cell3 .ui-icon { background:url(../Images/nav-icons/cell3-sm.png) 50% 50% no-repeat; }
#chair .ui-icon { background:url(../Images/nav-icons/chair-sm.png) 50% 50% no-repeat; }
#chat .ui-icon { background:url(../Images/nav-icons/chat-sm.png) 50% 50% no-repeat; }
#chat2 .ui-icon { background:url(../Images/nav-icons/chat2-sm.png) 50% 50% no-repeat; }
#closed .ui-icon { background:url(../Images/nav-icons/closed-sm.png) 50% 50% no-repeat; }
#dribble .ui-icon { background:url(../Images/nav-icons/dribble-sm.png) 50% 50% no-repeat; }
#eye .ui-icon { background:url(../Images/nav-icons/eye-sm.png) 50% 50% no-repeat; }
#facebook .ui-icon { background:url(../Images/nav-icons/facebook-sm.png) 50% 50% no-repeat; }
#film .ui-icon { background:url(../Images/nav-icons/film-sm.png) 50% 50% no-repeat; }
#flag .ui-icon { background:url(../Images/nav-icons/flag-sm.png) 50% 50% no-repeat; }
#footprint .ui-icon { background:url(../Images/nav-icons/footprint-sm.png) 50% 50% no-repeat; }
#footprints .ui-icon { background:url(../Images/nav-icons/footprints-sm.png) 50% 50% no-repeat; }
#globe .ui-icon { background:url(../Images/nav-icons/globe-sm.png) 50% 50% no-repeat; }
#home .ui-icon { background:url(../Images/nav-icons/home-sm.png) 50% 50% no-repeat; }
#home2 .ui-icon { background:url(../Images/nav-icons/home2-sm.png) 50% 50% no-repeat; }
#icecream .ui-icon { background:url(../Images/nav-icons/icecream-sm.png) 50% 50% no-repeat; }
#key .ui-icon { background:url(../Images/nav-icons/key-sm.png) 50% 50% no-repeat; }
#like .ui-icon { background:url(../Images/nav-icons/like-sm.png) 50% 50% no-repeat; }
#mail .ui-icon { background:url(../Images/nav-icons/mail-sm.png) 50% 50% no-repeat; }
#mail2 .ui-icon { background:url(../Images/nav-icons/mail2-sm.png) 50% 50% no-repeat; }
#map-marker .ui-icon { background:url(../Images/nav-icons/map-marker-sm.png) 50% 50% no-repeat; }
#map .ui-icon { background:url(../Images/nav-icons/map-sm.png) 50% 50% no-repeat; }
#monitor .ui-icon { background:url(../Images/nav-icons/monitor-sm.png) 50% 50% no-repeat; }
#mouse .ui-icon { background:url(../Images/nav-icons/mouse-sm.png) 50% 50% no-repeat; }
#movie-camera .ui-icon { background:url(../Images/nav-icons/movie-camera-sm.png) 50% 50% no-repeat; }
#movie .ui-icon { background:url(../Images/nav-icons/movie-sm.png) 50% 50% no-repeat; }
#music .ui-icon { background:url(../Images/nav-icons/music-sm.png) 50% 50% no-repeat; }
#paint-brush .ui-icon { background:url(../Images/nav-icons/paint-brush-sm.png) 50% 50% no-repeat; }
#pen .ui-icon { background:url(../Images/nav-icons/pen-sm.png) 50% 50% no-repeat; }
#pencil .ui-icon { background:url(../Images/nav-icons/pencil-sm.png) 50% 50% no-repeat; }
#phone .ui-icon { background:url(../Images/nav-icons/phone-sm.png) 50% 50% no-repeat; }
#phone2 .ui-icon { background:url(../Images/nav-icons/phone2-sm.png) 50% 50% no-repeat; }
#phone3 .ui-icon { background:url(../Images/nav-icons/phone3-sm.png) 50% 50% no-repeat; }
#photos .ui-icon { background:url(../Images/nav-icons/photos-sm.png) 50% 50% no-repeat; }
#photos2 .ui-icon { background:url(../Images/nav-icons/photos2-sm.png) 50% 50% no-repeat; }
#plane .ui-icon { background:url(../Images/nav-icons/plane-sm.png) 50% 50% no-repeat; }
#plate .ui-icon { background:url(../Images/nav-icons/plate-sm.png) 50% 50% no-repeat; }
#popsicle .ui-icon { background:url(../Images/nav-icons/popsicle-sm.png) 50% 50% no-repeat; }
#presentation .ui-icon { background:url(../Images/nav-icons/presentation-sm.png) 50% 50% no-repeat; }
#rss .ui-icon { background:url(../Images/nav-icons/rss-sm.png) 50% 50% no-repeat; }
#run .ui-icon { background:url(../Images/nav-icons/run-sm.png) 50% 50% no-repeat; }
#search .ui-icon { background:url(../Images/nav-icons/search-sm.png) 50% 50% no-repeat; }
#sign .ui-icon { background:url(../Images/nav-icons/sign-sm.png) 50% 50% no-repeat; }
#table .ui-icon { background:url(../Images/nav-icons/table-sm.png) 50% 50% no-repeat; }
#twitter .ui-icon { background:url(../Images/nav-icons/twitter-sm.png) 50% 50% no-repeat; }
#twitter2 .ui-icon { background:url(../Images/nav-icons/twitter2-sm.png) 50% 50% no-repeat; }
#users .ui-icon { background:url(../Images/nav-icons/users-sm.png) 50% 50% no-repeat; }
#v-card .ui-icon { background:url(../Images/nav-icons/v-card-sm.png) 50% 50% no-repeat; }
#walk .ui-icon { background:url(../Images/nav-icons/walk-sm.png) 50% 50% no-repeat; }
#wine .ui-icon { background:url(../Images/nav-icons/wine-sm.png) 50% 50% no-repeat; }
#wine2 .ui-icon { background:url(../Images/nav-icons/wine2-sm.png) 50% 50% no-repeat; }
#wordpress .ui-icon { background:url(../Images/nav-icons/wordpress-sm.png) 50% 50% no-repeat; }
#you-tube .ui-icon { background:url(../Images/nav-icons/you-tube-sm.png) 50% 50% no-repeat; }
#menu .ui-icon { background:url(../Images/nav-icons/menu-sm.png) 50% 50% no-repeat; }
#truck-liquid .ui-icon { background:url(../Images/nav-icons/truck-liquid-sm.png) 50% 50% no-repeat; }
#settings .ui-icon { background:url(../Images/nav-icons/settings-sm.png) 50% 50% no-repeat; }


@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){
#address-book .ui-icon { background:url(../Images/nav-icons/address-book.png) 50% 50% no-repeat;  background-size: 25px 29px; }
#apartments .ui-icon { background:url(../Images/nav-icons/apartments.png) 50% 50% no-repeat;  background-size: 28px 31px; }
#balloons .ui-icon { background:url(../Images/nav-icons/balloons.png) 50% 50% no-repeat;  background-size: 23px 32px; }
#brush .ui-icon { background:url(../Images/nav-icons/brush.png) 50% 50% no-repeat;  background-size: 31px 28px; }
#brush2 .ui-icon { background:url(../Images/nav-icons/brush2.png) 50% 50% no-repeat;  background-size: 28px 29px; }
#calendar .ui-icon { background:url(../Images/nav-icons/calendar.png) 50% 50% no-repeat;  background-size: 30px 26px; }
#calendar2 .ui-icon { background:url(../Images/nav-icons/calendar2.png) 50% 50% no-repeat;  background-size: 28px 29px; }
#camera .ui-icon { background:url(../Images/nav-icons/camera.png) 50% 50% no-repeat;  background-size: 29px 22px; }
#car .ui-icon { background:url(../Images/nav-icons/car.png) 50% 50% no-repeat;  background-size: 30px 16px; }
#cell .ui-icon { background:url(../Images/nav-icons/cell.png) 50% 50% no-repeat;  background-size: 18px 30px; }
#cell2 .ui-icon { background:url(../Images/nav-icons/cell2.png) 50% 50% no-repeat;  background-size: 17px 30px; }
#cell3 .ui-icon { background:url(../Images/nav-icons/cell3.png) 50% 50% no-repeat;  background-size: 15px 30px; }
#chair .ui-icon { background:url(../Images/nav-icons/chair.png) 50% 50% no-repeat;  background-size: 20px 27px; }
#chat .ui-icon { background:url(../Images/nav-icons/chat.png) 50% 50% no-repeat;  background-size: 28px 21px; }
#chat2 .ui-icon { background:url(../Images/nav-icons/chat2.png) 50% 50% no-repeat;  background-size: 27px 25px; }
#closed .ui-icon { background:url(../Images/nav-icons/closed.png) 50% 50% no-repeat;  background-size: 27px 25px; }
#dribble .ui-icon { background:url(../Images/nav-icons/dribble.png) 50% 50% no-repeat;  background-size: 28px 29px; }
#eye .ui-icon { background:url(../Images/nav-icons/eye.png) 50% 50% no-repeat;  background-size: 30px 18px; }
#facebook .ui-icon { background:url(../Images/nav-icons/facebook.png) 50% 50% no-repeat;  background-size: 26px 27px; }
#film .ui-icon { background:url(../Images/nav-icons/film.png) 50% 50% no-repeat;  background-size: 23px 26px; }
#flag .ui-icon { background:url(../Images/nav-icons/flag.png) 50% 50% no-repeat;  background-size: 23px 27px; }
#footprint .ui-icon { background:url(../Images/nav-icons/footprint.png) 50% 50% no-repeat;  background-size: 13px 30px; }
#footprints .ui-icon { background:url(../Images/nav-icons/footprints.png) 50% 50% no-repeat;  background-size: 27px 30px; }
#globe .ui-icon { background:url(../Images/nav-icons/globe.png) 50% 50% no-repeat;  background-size: 28px 28px; }
#home .ui-icon { background:url(../Images/nav-icons/home.png) 50% 50% no-repeat;  background-size: 27px 25px; }
#home2 .ui-icon { background:url(../Images/nav-icons/home2.png) 50% 50% no-repeat;  background-size: 29px 26px; }
#icecream .ui-icon { background:url(../Images/nav-icons/icecream.png) 50% 50% no-repeat;  background-size: 18px 27px; }
#key .ui-icon { background:url(../Images/nav-icons/key.png) 50% 50% no-repeat;  background-size: 15px 30px; }
#like .ui-icon { background:url(../Images/nav-icons/like.png) 50% 50% no-repeat;  background-size: 25px 23px; }
#mail .ui-icon { background:url(../Images/nav-icons/mail.png) 50% 50% no-repeat;  background-size: 27px 18px; }
#mail2 .ui-icon { background:url(../Images/nav-icons/mail2.png) 50% 50% no-repeat;  background-size: 27px 19px; }
#map-marker .ui-icon { background:url(../Images/nav-icons/map-marker.png) 50% 50% no-repeat;  background-size: 19px 26px; }
#map .ui-icon { background:url(../Images/nav-icons/map.png) 50% 50% no-repeat;  background-size: 30px 22px; }
#monitor .ui-icon { background:url(../Images/nav-icons/monitor.png) 50% 50% no-repeat;  background-size: 29px 29px; }
#mouse .ui-icon { background:url(../Images/nav-icons/mouse.png) 50% 50% no-repeat;  background-size: 18px 27px; }
#movie-camera .ui-icon { background:url(../Images/nav-icons/movie-camera.png) 50% 50% no-repeat;  background-size: 30px 23px; }
#movie .ui-icon { background:url(../Images/nav-icons/movie.png) 50% 50% no-repeat;  background-size: 24px 30px; }
#music .ui-icon { background:url(../Images/nav-icons/music.png) 50% 50% no-repeat;  background-size: 17px 30px; }
#paint-brush .ui-icon { background:url(../Images/nav-icons/paint-brush.png) 50% 50% no-repeat;  background-size: 30px 29px; }
#pen .ui-icon { background:url(../Images/nav-icons/pen.png) 50% 50% no-repeat;  background-size: 27px 27px; }
#pencil .ui-icon { background:url(../Images/nav-icons/pencil.png) 50% 50% no-repeat;  background-size: 26px 26px; }
#phone .ui-icon { background:url(../Images/nav-icons/phone.png) 50% 50% no-repeat;  background-size: 29px 30px; }
#phone2 .ui-icon { background:url(../Images/nav-icons/phone2.png) 50% 50% no-repeat;  background-size: 30px 25px; }
#phone3 .ui-icon { background:url(../Images/nav-icons/phone3.png) 50% 50% no-repeat;  background-size: 30px 21px; }
#photos .ui-icon { background:url(../Images/nav-icons/photos.png) 50% 50% no-repeat;  background-size: 30px 24px; }
#photos2 .ui-icon { background:url(../Images/nav-icons/photos2.png) 50% 50% no-repeat;  background-size: 30px 23px; }
#plane .ui-icon { background:url(../Images/nav-icons/plane.png) 50% 50% no-repeat;  background-size: 30px 29px; }
#plate .ui-icon { background:url(../Images/nav-icons/plate.png) 50% 50% no-repeat;  background-size: 30px 20px; }
#popsicle .ui-icon { background:url(../Images/nav-icons/popsicle.png) 50% 50% no-repeat;  background-size: 15px 30px; }
#presentation .ui-icon { background:url(../Images/nav-icons/presentation.png) 50% 50% no-repeat;  background-size: 29px 30px; }
#rss .ui-icon { background:url(../Images/nav-icons/rss.png) 50% 50% no-repeat;  background-size: 29px 30px; }
#run .ui-icon { background:url(../Images/nav-icons/run.png) 50% 50% no-repeat;  background-size: 25px 30px; }
#search .ui-icon { background:url(../Images/nav-icons/search.png) 50% 50% no-repeat;  background-size: 28px 30px; }
#sign .ui-icon { background:url(../Images/nav-icons/sign.png) 50% 50% no-repeat;  background-size: 30px 30px; }
#table .ui-icon { background:url(../Images/nav-icons/table.png) 50% 50% no-repeat;  background-size: 24px 25px; }
#twitter .ui-icon { background:url(../Images/nav-icons/twitter.png) 50% 50% no-repeat;  background-size: 32px 24px; }
#twitter2 .ui-icon { background:url(../Images/nav-icons/twitter2.png) 50% 50% no-repeat;  background-size: 30px 21px; }
#users .ui-icon { background:url(../Images/nav-icons/users.png) 50% 50% no-repeat;  background-size: 30px 24px; }
#v-card .ui-icon { background:url(../Images/nav-icons/v-card.png) 50% 50% no-repeat;  background-size: 30px 23px; }
#walk .ui-icon { background:url(../Images/nav-icons/walk.png) 50% 50% no-repeat;  background-size: 18px 30px; }
#wine .ui-icon { background:url(../Images/nav-icons/wine.png) 50% 50% no-repeat;  background-size: 17px 30px; }
#wine2 .ui-icon { background:url(../Images/nav-icons/wine2.png) 50% 50% no-repeat;  background-size: 18px 30px; }
#wordpress .ui-icon { background:url(../Images/nav-icons/wordpress.png) 50% 50% no-repeat;  background-size: 28px 28px; }
#you-tube .ui-icon { background:url(../Images/nav-icons/you-tube.png) 50% 50% no-repeat;  background-size: 30px 30px; }	
#menu .ui-icon { background:url(../Images/nav-icons/menu.png) 50% 50% no-repeat;  background-size: 30px 30px; }	   
#truck-liquid .ui-icon { background:url(../Images/nav-icons/truck-liquid.png) 50% 0% no-repeat;  background-size: 30px 40px; }	  
#truck-liquid-nh3 .ui-icon { background:url(../Images/nav-icons/truck-liquid-nh3.png) 50% 50% no-repeat;  background-size: 32px 26px; }	 
#settings .ui-icon { background:url(../Images/nav-icons/settings.png) 50% 50% no-repeat;  background-size: 32px 32px; }	
}


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

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

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

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

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

.gallery li img { 
	display: block; 
	width: 100%; 
	height: auto; 
}

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


/* =============================================================================
   Homepage Social Icons
   ========================================================================== */
   
div.social {
	text-align:center;
	background-color:rgba(238,238,238,0.4);
	padding:4px;
	border:1px solid #ccc;
	-webkit-transition-duration:0.8s;
  	-moz-transition-duration:0.8s;
  	-o-transition-duration:0.8s;
  	transition-duration:0.8s;
} 

div.social:hover {
	background-color:rgba(238,238,238,.6);
	border:1px solid #c1bfbf;	
}

div.social img {
	width:12%; 
	margin-right:10px;
	max-width:60px;
	max-height:60px
	
} 


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

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;
	font-size:13px
}
		
.followButton {
	margin:0 0 20px 0
}

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

#jstwitter div.tweet:last-child {
	border:0px
}


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


/* =============================================================================
   Homepage Slider
   ========================================================================== */

.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../Images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../Images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../Images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}

.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.camera_prev {
	left: 0;
}

.camera_next {
	right: 0;
}

.camera_commands {
	right: 41px;
}

.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}

.slider-container { 
	width:100%; 
	max-width:548px; 
	margin: 0 auto 
}

.slider-outer { 
	background:#111000;  
}

.camera_next > span {
    background:url(../Images/right-arrow-small.png) 0 0 no-repeat;
    display: block;
    height: 50px;
    width: 39px;
	border:0px;
	position:relative; 
	right:-1px
}

.camera_prev > span {
    background:url(../Images/left-arrow-small.png) 0 0 no-repeat;
    display: block;
    height: 50px;
    width: 39px;
}

.camera_caption > div { 
	text-align:center;     
	padding: 10px 0; 
	background: rgba(0,0,0,.5); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	font-size: 16px; 
	line-height: 18px; 
	
	/* font-family: 'Kaushan Script', cursive; font-size:18px; */
	/* font-family: 'Lobster', cursive; font-size:17px;  */
 	/* font-family: 'Cardo', serif; font-size:16px; */
 	font-family: 'Droid Sans', sans-serif; font-size:16px
}

/* =============================================================================
   jQuery Mobile 1.3 Edits
   ========================================================================== */
.ui-content { padding:0 }
.content-padd { padding:15px }
.ui-body-c, .ui-dialog.ui-overlay-c { border:0px !important }
.ui-li { overflow:hidden !important }

.ui-panel-inner {
    position: relative;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow-x: scroll;
    -webkit-overflow-x-scrolling: touch;
    padding:0;
}

.ui-panel-inner .ui-listview-filter { margin:0 !important }
.ui-panel-inner .ui-listview, .ui-panel-inner .events-list ul.ui-listview li { max-width:100% !important; margin:0 !important }
.ui-panel {z-index:10000}

.ui-select .ui-btn select {
    line-height: 22px;
}

.ui-bar-a {
    border:1px solid #9c9c9c;
    background:#36454f; 
    color:#fff;
    font-weight:bold;
    text-shadow:0 -1px 0 #000;
    background-image:-webkit-gradient(linear,left top,left bottom,from( #36454f ),to( #636363 )); 
    background-image:-webkit-linear-gradient( #36454f,#636363 ); 
    background-image:-moz-linear-gradient( #36454f,#636363 ); 
    background-image:-ms-linear-gradient( #36454f,#636363 ); 
    background-image:-o-linear-gradient( #36454f,#636363 ); 
    background-image:linear-gradient( #36454f,#636363 );
}

.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
 font-family:Helvetica,Arial,sans-serif
}

/* =============================================================================
   Margins / Padding
   ========================================================================== */
.mt10 { margin-top:10px !important }
.mt15 { margin-top:15px !important }
.mt20 { margin-top:20px !important }
.mt25 { margin-top:25px !important }
.mt30 { margin-top:30px !important }
.mt35 { margin-top:35px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }

.pt10 { padding-top:10px !important }
.pt15 { padding-top:15px !important }
.pt20 { padding-top:20px !important }
.pt25 { padding-top:25px !important }
.pt30 { padding-top:30px !important }
.pt35 { padding-top:35px !important }
.pb10 { padding-bottom:10px !important }
.pb15 { padding-bottom:15px !important }
.pb20 { padding-bottom:20px !important }
.pb25 { padding-bottom:25px !important }
.pb30 { padding-bottom:30px !important }
.pb35 { padding-bottom:35px !important }

/*
*
* END of Original CSS
*/


/* =============================================================================
   Bootstrap / -theme
   ========================================================================== */
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
  border-color: #b2dba1;
}
.alert-info {
  border-color: #9acfea;
}
.alert-warning {
  border-color: #f5e79e;
}
.alert-danger {
  border-color: #dca7a7;
}

/* ==================================================
   Alerts
================================================== */

.alert {
  	margin-bottom: 20px;
  	padding: 15px 35px 15px 15px;
	border: 1px solid #efefef;
  	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
          	border-radius: 0px;
  	background-color: #f8f8f8;
	text-shadow: none;
}

.alert .close {
 	position: relative;
  	top: 0px;
  	right: -22px;
	color: #FFFFFF;	
	text-shadow: none;
  	line-height: 20px;
	
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	-ms-transition: opacity 0.1s linear 0s;
	-o-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
}

.alert .close:hover {
	text-decoration:none;
	opacity: 1;
}
.alert-standard {
	border-color:#efefef;
  	background-color: #f8f8f8;
}
.alert-standard, .alert-standard .close {
	color:#666;
}
.alert-success {
	border-color:#d6e9c6;
  	background-color: #dff0d8;
}
.alert-success, .alert-success .close {
	color:#468847;
}
.alert-danger,
.alert-error {
	border-color:#ebccd1;
  	background-color: #f2dede;
}
.alert-danger, .alert-danger .close,
.alert-error, .alert-error .close {
	color:#b94a48;
}
.alert-info {
	border-color:#bce8f1;
  	background-color: #d9edf7;
}
.alert-info, .alert-info .close {
	color:#3a87ad;
}
.alert-warning {
	border-color:#faebcc;
  	background-color: #fcf8e3;
}
.alert-warning, .alert-warning .close {
	color:#c09853;
}


/* D
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-d {
	border: 1px solid #b3b3b3 /*{d-bar-border}*/;
	background: #eeeeee /*{d-bar-background-color}*/;
	color: #3e3e3e /*{d-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #ffffff /*{d-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{d-bar-background-start}*/), to( #dddddd /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/);
}
.ui-bar-d .ui-link-inherit {
	color: #3e3e3e /*{d-bar-color}*/;
}
.ui-bar-d a.ui-link {
	color: #7cc4e7 /*{d-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-d a.ui-link:visited {
    color: #2489ce /*{d-bar-link-visited}*/;
}
.ui-bar-d a.ui-link:hover {
	color: #2489ce /*{d-bar-link-hover}*/;
}
.ui-bar-d a.ui-link:active {
	color: #2489ce /*{d-bar-link-active}*/;
}
.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d,
.ui-overlay-d {
	border: 1px solid #aaaaaa /*{d-body-border}*/;
	color: #333333 /*{d-body-color}*/;
	text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #ffffff /*{d-body-shadow-color}*/;
	background: #f9f9f9 /*{d-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{d-body-background-start}*/), to( #eeeeee /*{d-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f9f9f9 /*{d-body-background-start}*/, #eeeeee /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f9f9f9 /*{d-body-background-start}*/, #eeeeee /*{d-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f9f9f9 /*{d-body-background-start}*/, #eeeeee /*{d-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f9f9f9 /*{d-body-background-start}*/, #eeeeee /*{d-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f9f9f9 /*{d-body-background-start}*/, #eeeeee /*{d-body-background-end}*/);
}
.ui-overlay-d {
	background-image: none;
	border-width: 0;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d .ui-link-inherit {
	color: #333333 /*{d-body-color}*/;
}
.ui-body-d .ui-link {
	color: #2489ce /*{d-body-link-color}*/;
	font-weight: bold;
}
.ui-body-d .ui-link:visited {
    color: #2489ce /*{d-body-link-visited}*/;
}
.ui-body-d .ui-link:hover {
	color: #2489ce /*{d-body-link-hover}*/;
}
.ui-body-d .ui-link:active {
	color: #2489ce /*{d-body-link-active}*/;
}
.ui-btn-up-d {
	border: 1px solid #ccdbb9 /*{d-bup-border}*/;
	background: #ccdbb9 /*{d-bup-background-color}*/;
	font-weight: bold;
	color: #000000 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #eeeeee /*{d-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e0f0cb /*{d-bup-background-start}*/), to( #b7c5a6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #e0f0cb /*{d-bup-background-start}*/, #b7c5a6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #e0f0cb /*{d-bup-background-start}*/, #b7c5a6 /*{d-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #e0f0cb /*{d-bup-background-start}*/, #b7c5a6 /*{d-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #e0f0cb /*{d-bup-background-start}*/, #b7c5a6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #e0f0cb /*{d-bup-background-start}*/, #b7c5a6 /*{d-bup-background-end}*/);
}
.ui-btn-up-d:visited,
.ui-btn-up-d a.ui-link-inherit {
	color: #000000 /*{d-bup-color}*/;
}
.ui-btn-hover-d {
	border: 1px solid #eafbd4 /*{d-bhover-border}*/;
	background: #eafbd4 /*{d-bhover-background-color}*/;
	font-weight: bold;
	color: #000000 /*{d-bhover-color}*/;
	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #eeeeee /*{d-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFe9 /*{d-bhover-background-start}*/), to( #d2e1be /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFe9 /*{d-bhover-background-start}*/, #d2e1be /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFe9 /*{d-bhover-background-start}*/, #d2e1be /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFe9 /*{d-bhover-background-start}*/, #d2e1be /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFe9 /*{d-bhover-background-start}*/, #d2e1be /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFe9 /*{d-bhover-background-start}*/, #d2e1be /*{d-bhover-background-end}*/);
}
.ui-btn-hover-d:visited,
.ui-btn-hover-d:hover,
.ui-btn-hover-d a.ui-link-inherit {
	color: #000000 /*{d-bhover-color}*/;
}
.ui-btn-down-d {
	border: 1px solid #eafbd4 /*{d-bdown-border}*/;
	background: #eafbd4 /*{d-bdown-background-color}*/;
	font-weight: bold;
	color: #000000 /*{d-bdown-color}*/;
	text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #eeeeee /*{d-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #d2e1be /*{d-bdown-background-start}*/), to( #FFFFe9 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d2e1be /*{d-bdown-background-start}*/, #FFFFe9 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d2e1be /*{d-bdown-background-start}*/, #FFFFe9 /*{d-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d2e1be /*{d-bdown-background-start}*/, #FFFFe9 /*{d-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #d2e1be /*{d-bdown-background-start}*/, #FFFFe9 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #d2e1be /*{d-bdown-background-start}*/, #FFFFe9 /*{d-bdown-background-end}*/);
}
.ui-btn-down-d:visited,
.ui-btn-down-d:hover,
.ui-btn-down-d a.ui-link-inherit {
	color: #000000 /*{d-bdown-color}*/;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}


/* Structure */
/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/
a.ui-link-inherit {
	text-decoration: none !important;
}
/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
	border: 1px solid #2373a5 /*{global-active-border}*/;
	background: #387bbe /*{global-active-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
	  font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
	color: #ffffff /*{global-active-color}*/;
}
/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-inner {
	/* border-top: 1px solid #313; */
	/* border-color: rgba(255,255,255,.3); */
        /* background: #938370;
        / background: #5e5b58; */
        background-size: 5px 5px; 
        font-weight: normal;
}
/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/
.ui-corner-all {
	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
	border-radius: .6em /*{global-radii-blocks}*/;
}
/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
	border-color: rgb(130,130,130);
	border-color: rgba(130,130,130,.3);
	border-style: solid;
}
/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
	filter: Alpha(Opacity=50);
	opacity: .5;
	zoom: 1;
}
.ui-disabled,
.ui-disabled a {
	cursor: default !important;
	pointer-events: none;
    color: darkblue;
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon,
.ui-icon-searchfield:after {
	background: #666666 /*{global-icon-color}*/;
	background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
	background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}
/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt .ui-icon,
.ui-icon-alt .ui-icon-searchfield:after {
	background-color: 						#fff;
	background-color: 						rgba(255,255,255,.3);
	background-image: url(images/icons-18-black.png);
	background-repeat: no-repeat;
}
/* No disc
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-nodisc .ui-icon,
.ui-icon-nodisc .ui-icon-searchfield:after,
.ui-icon-nodisc .ui-icon-alt .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
	background-color: transparent;
}
/* Icon sprite
-----------------------------------------------------------------------------------------------------------*/
/* plus minus */
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
	.ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 864px 18px;
		-o-background-size: 864px 18px;
		-webkit-background-size: 864px 18px;
		background-size: 864px 18px;
	}
	.ui-icon-alt .ui-icon {
		background-image: url(images/icons-36-black.png);
	}

.ui-icon-plus {
	background-position: 	-1px -1px;
}
.ui-icon-minus {
	background-position: 	-37px -1px;
}
/* delete/close */
.ui-icon-delete {
	background-position: 	-73px -1px;
}
/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px -1px;
}
.ui-icon-arrow-l {
	background-position: 	-144px -1px;
}
.ui-icon-arrow-u {
	background-position: 	-180px -1px;
}
.ui-icon-arrow-d {
	background-position: 	-216px -1px;
}
/* misc */
.ui-icon-check {
	background-position: 	-252px -1px;
}
.ui-icon-gear {
	background-position: 	-288px -1px;
}
.ui-icon-refresh {
	background-position: 	-323px -1px;
}
.ui-icon-forward {
	background-position: 	-360px -1px;
}
.ui-icon-back {
	background-position: 	-396px -1px;
}
.ui-icon-grid {
	background-position: 	-432px -1px;
}
.ui-icon-star {
	background-position: 	-467px -1px;
}
.ui-icon-alert {
	background-position: 	-503px -1px;
}
.ui-icon-info {
	background-position: 	-539px -1px;
}
.ui-icon-home {
	background-position: 	-575px -1px;
}
/* search */
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-611px -1px;
}
/* checkbox radio */
.ui-icon-checkbox-on {
	background-position: 	-647px -1px;
}
.ui-icon-checkbox-off {
	background-position: 	-683px -1px;
}
.ui-icon-radio-on {
	background-position: 	-718px -1px;
}
.ui-icon-radio-off {
	background-position: 	-754px -1px;
}
/* menu edit */
.ui-icon-bars {
	background-position: 	-788px -1px;
}
.ui-icon-edit {
	background-position: 	-824px -1px;
}
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
	.ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 864px 18px;
		-o-background-size: 864px 18px;
		-webkit-background-size: 864px 18px;
		background-size: 864px 18px;
	}
	.ui-icon-alt .ui-icon {
		background-image: url(images/icons-36-black.png);
	}
	.ui-icon-plus {
		background-position: 	0 50%;
	}
	.ui-icon-minus {
		background-position: 	-36px 50%;
	}
	.ui-icon-delete {
		background-position: 	-72px 50%;
	}
	.ui-icon-arrow-r {
		background-position: 	-108px 50%;
	}
	.ui-icon-arrow-l {
		background-position: 	-144px 50%;
	}
	.ui-icon-arrow-u {
		background-position: 	-179px 50%;
	}
	.ui-icon-arrow-d {
		background-position: 	-215px 50%;
	}
	.ui-icon-check {
		background-position: 	-252px 50%;
	}
	.ui-icon-gear {
		background-position: 	-287px 50%;
	}
	.ui-icon-refresh {
		background-position: 	-323px 50%;
	}
	.ui-icon-forward {
		background-position: 	-360px 50%;
	}
	.ui-icon-back {
		background-position: 	-395px 50%;
	}
	.ui-icon-grid {
		background-position: 	-431px 50%;
	}
	.ui-icon-star {
		background-position: 	-467px 50%;
	}
	.ui-icon-alert {
		background-position: 	-503px 50%;
	}
	.ui-icon-info {
		background-position: 	-538px 50%;
	}
	.ui-icon-home {
		background-position: 	-575px 50%;
	}
	.ui-icon-search,
	.ui-icon-searchfield:after {
		background-position: 	-611px 50%;
	}
	.ui-icon-checkbox-on {
		background-position: 	-647px 50%;
	}
	.ui-icon-checkbox-off {
		background-position: 	-683px 50%;
	}
	.ui-icon-radio-on {
		background-position: 	-718px 50%;
	}
	.ui-icon-radio-off {
		background-position: 	-754px 50%;
	}
	.ui-icon-bars {
		background-position: 	-788px 50%;
	
	}.ui-icon-edit {
		background-position: 	-824px 50%;
	}
}
/* checks,radios */
.ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-icon-checkbox-off,
.ui-icon-radio-off {
	background-color: transparent;	
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
	background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}
/* loading icon */
.ui-icon-loading {
	background: url(images/ajax-loader.gif);
	background-size: 46px 46px;
}
/* Button corner class
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-corner-all {
	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
	border-radius: 1em /*{global-radii-buttons}*/;
}
/* radius clip workaround for cleaning up corner trapping */
.ui-corner-all,
.ui-btn-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/
.ui-overlay {
	background: #666;
	filter: Alpha(Opacity=50);
	opacity: .5;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
.ui-shadow {
	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0 1px 0 					rgba(255,255,255,.3);
        /* background: #938370; */
        background: #6a6865;
}
.ui-shadow-inset {
	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
	-moz-box-shadow: 0px 0px 5px 2px rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0px 0px 5px 2px rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus, .ui-link-inherit:focus {
	outline: 0;
}
.ui-btn.ui-focus {
	z-index: 1;
}
.ui-focus,
.ui-btn:focus {
	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
	-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
	box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;	
}
/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/
.ui-mobile-nosupport-boxshadow * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
	outline-width: 1px;
	outline-style: auto;
}

@media print {
    a[href]:after {
        content: none !important;
        display: none;
        visibility: hidden;
    }
    body {
        margin: 0;
        padding: 0;
        padding-bottom: 55px;
        margin-bottom: 55px;
    }
    .ui-footer, div .ui-footer, div .ui-navbar, .ui-bar, div .ui-bar {
        display: none;
        visibility: hidden;
    }
}