/* WebmontonMedia Responsive v1.0.4 Copyright 2014 Webmonton Ltd. */

@import url(css/shell.css);
@import url(css/tablet.css);
@import url(css/dnn-common.css);
/*@import url(css/camera.css);*/
@import url(css/viewrez.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);

/* ------------------------------------------- */
/* Common */
/* ------------------------------------------- */
.clear {clear:both; line-height:0; font-size:0; height:0;}
.DNNEmptyPane { display: none; }

.nowrap { white-space: normal; display: inline-block; }
img, table img {height: auto;min-width:0px;max-width:100%;}

/* ------------------------------------------- */
/* Scroll to Top */
/* ------------------------------------------- */
#top-link { background: url("img/up.png") no-repeat scroll 0 0 transparent; bottom: 18px; cursor: pointer; display: none; padding: 23px; position: fixed; right: 15px; text-decoration: none; z-index: 903; }

/* ------------------------------------------- */
/* Camera css overides */
/* ------------------------------------------- */
.camera_src > div { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.camera_caption { display: none !important; } /* Temp */

/* ------------------------------------------- */
/* DNN members module overrides*/
/* ------------------------------------------- */
#mdMemberList > li {
width:inherit !important;
max-width:280px !important;
min-width:200px !important;
margin: 0 15px 15px 0 !important;
padding: 12px 12px 36px 12px!important;}

#mdMemberList{margin-left:0px !important;}

/* Slide Panel */

#wpanel {background: #E2F0EF;display: none;padding:10px;}

.wslide {margin: 10px 0;padding: 10px 0px 10px 5px;border-top: solid 4px #81D7D0;/*background: url(img/shift_arrowup_green02.png) no-repeat right;*/}

.wbtn-slide {background: url(img/shift_arrowupdown_green02.png) no-repeat right top;text-align: left;width: 75px;height: 24px;
padding: 0px 10px 0 0;
/*margin: 0 auto;*/
display: block;
font-family: Oswald, Arial, Helvetica, sans-serif;
font-size:17px;
color: #444;
text-decoration: none;}

.wactive {background-position: right -24px;}

/* ------------------------------------------- */
/* Image Hover Shink/Grow */
/* ------------------------------------------- */
.tooltips { position: relative; overflow: hidden; padding: 1px 2px 0 0; }
/*.tooltips a img{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.tooltips a:hover img{-moz-transform: scale(0.7);-webkit-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);}*/

.tooltips a img { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.tooltips a:hover img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* ------------------------------------------- */
/* Shift */
/* ------------------------------------------- */

a.shift {
background: url(img/shift_arrow02.png) 0 50% no-repeat;
display: inline-block;
padding: 10px 0px 12px 30px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-family: Oswald, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
color: #444;
text-transform: none;
}

a.shift:hover{color:#42683E; background-position:100% 50%; padding:10px 30px 12px 0px}

a.shiftback {
background: url(img/shift_arrow02a.png) 100% 50% no-repeat;
display: inline-block;
padding: 10px 30px 10px 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-family: Oswald, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
color: #444;
text-transform: none;
}

a.shiftback:hover{color:#42683E; background-position:0% 50%; padding:10px 0px 10px 30px}

/* Shift for menu */

.wlist1{}
.wlist1 p{ background:url(img/lineH.png) 0 100% repeat-x; border-bottom:1px #666 dashed; list-style:none; margin:0px; padding:0px}

a.wshiftmenu {
background: url(img/wshiftmenu_right03.png) 0 50% no-repeat;
display: inline-block;
padding: 10px 0px 12px 37px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-family: Oswald, Arial, Helvetica, Sans-Serif;
font-size: 17px;
text-decoration: none;
color: #444;
text-transform: none;
}

a.wshiftmenu:hover{background-position:100% 50%; padding:10px 37px 12px 0px}

/* Lave Lamp */



/* Image Shadow */
.wImgShadow {-webkit-box-shadow: 0 0 20px -5px #000;-moz-box-shadow: 0 0 20px -5px #000;box-shadow: 0 0 20px -5px #000;}

/* ------------------------------------------- */
/* Image Shake */
/* ------------------------------------------- */

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(2deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(2deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-2deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-2deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(2deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-2deg); }
}
.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 1.5s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.shake {
	display:inline-block
}