/* Core styles - used on all pages as a base */
body{
	background-color:#FFF;
	font-family: 'Playfair Display',Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #6b767f;
	font-weight: 400;
	line-height: 1.5;
}
div.overlay{
	background-color: #555;
	margin-left:-8px;
	margin-top:-20px;
	width:101%;
	height:100%;
	position: fixed;
	z-index: 150;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display:none;
}
.shaddow {
	-webkit-box-shadow: 0px 0px 41px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 41px 4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 41px 4px rgba(0,0,0,0.75);
}
h4{
	margin:0px;
	font-weight:normal;
}

/* Headder section menu buttons  */
.floatNavBar{
	position:fixed;
	height:37px;
	width:100vw;
	z-index:100;
	padding-top:5px;
	margin-left:-10px;
	top:0px;
	background: url('/resource/images/theDinoSaw_logo.jpg') no-repeat center center;
	background-color: #FFF; 
	background-size: Auto 40px;
	overflow:hidden;
}
.floatNavBar a.social{
	display: inline-block;
    position: relative;
    height: 30px;
    width: 30px;
    margin-left: 5px;
    border-radius: 50%;
    color: #87919a;
    border: 2px solid #87919a;
    cursor: pointer;
}

.floatNavBar a.social i{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.floatNavBar a.fb:hover{
	color: #527BCE;
	border: 2px solid #527BCE;
}
.floatNavBar a.lin:hover{
	color: #1278B3;
	border: 2px solid #1278B3;
}
.floatNavBar a.email:hover{
	color: #000;
	border: 2px solid #000;
}
.floatNavBar div.menuButton{
	float:right;
	color:#87919a;
	width:100px;
	text-align:center;
	padding:4px;
	border: 1px solid #87919a;
	margin-right:10px;
	border-radius: 5px;
}
.floatNavBar div.menuButton:hover{
	color:#000;
	cursor: pointer;
}


/* Side menu options activatted from menuButton click */
.sideMenu{
	right:0px;
	color:#FFF;
	position:fixed;
	padding:30px;
	top:0px;
	height:100%;
	width:250px;
	background-color: #87919a;
	z-index:200;
	display:none;
	-webkit-animation-duration: 1s; 
	animation-duration: 1s;
	border-radius: 5px 0 0 5px;
	overflow-y: auto;
	overflow-x: hidden;
}
.sideMenu hr{
	color:#FFF;
}
.sideMenu h4{
	font-weight:bold;
	font-size:1.3em;
}
.sideMenu .loginControlWindow{
	margin-top:20px;
}
.sideMenu .LoginFormContainer #LoginFormElements{
	margin-top:10px;
}
.sideMenu ul.main, .sideMenu .loginControlWindow{
	list-style-type: none;
	padding:0px;
}
.sideMenu ul.main li, .sideMenu div.close{
	margin:0px;
	border-radius: 5px;
	padding:5px;
	text-decoration: none;
	cursor: pointer;
	color:#fff;
}
.sideMenu ul.main li:hover, .sideMenu div.close:hover{
	background-color:#3C5A96;
}
.sideMenu div.close{
	font-size:1.3em;
	cursor: pointer;
	top:0px;
	width:100%;
	margin-top:-20px;
}
.sideMenu div.sidebar-footer{
	bottom:80px;
	position:absolute;
}
.sideMenu div.sidebar-footer a, .sideMenu ul.main a{
	color:inherit;
	text-decoration: none;
	font-style: inherit;
	cursor: pointer;
}
.sideMenu div.sidebar-footer a:hover{
	color:#88D5E9;
}
.sideMenu #loggedOut{
	color:green;
	display:none;
}
.sideMenu .warning{
	opacity: 0.8;
    filter: alpha(opacity=80);
    padding: 0.3em;
    border-radius: 0.4em;
    text-align:center;
    margin:10px 0;
    border: 1px solid #fff;
}
.sideMenu .warning.sucess{
	color:#7aa824;
	border:1px #7aa824 solid;
}
.sideMenu .warning.fill{
	background-color: #FFF;
}
.sideMenu .arrowTopHR{
	background: url('/resource/images/arrowTop.gif') no-repeat center bottom;
	background-size: 20px;
	height:20px;
	width:100%;
	position: relative;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	background-position: 12 10; /* 85 */
}
.sideMenu .toggleHolder{
	position:relative;

}
.sideMenu .floater{
	top:0px;
	right:-150%;
	position:absolute;
	float:right;
	width:100%;
}
.sideMenu .userControlOption{
	float:left;
	width: 41%;
    margin: 5% 5% 5% 1%;
	background-color:pink;
	border-radius: 5px;
	padding:1%;
	text-align:center;
	background-color: #FFF;
	border: 1px solid #ddd;
	cursor: pointer;
	color: #000;
}
.sideMenu .userControlOption:hover{
    background-color:#aaa;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.sideMenu #userContentArea{
	/* First shown user content data */
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
}
.sideMenu .parentHolder{
	position: relative;
}
.sideMenu #fileViewerWindow ul{
	border: 0;
    padding-left: 20;
    list-style-type: none;
}
.sideMenu #fileViewerWindow li{
	padding:0.3em;
	border-radius: 0.5em;
	margin:0.3em;
	max-height:65;
}
.sideMenu #fileViewerWindow li:nth-child(odd) {
	background-color: #6c747b;
}
.sideMenu #fileViewerWindow li:nth-child(even){
	background-color: #79828a;
}
.sideMenu #fileViewerWindow ul li p{
	overflow:hidden; 
	text-overflow: ellipsis;  
	white-space: nowrap; 
	width:100%;
	padding:0px;
	margin:0px;
}
.sideMenu .fileRemoveHolder{
	position: relative;
	top: -38;
    left: -20;
}
.sideMenu #userControlPasswordChange p{
	padding:0.4em 1em;
	margin:5px;
}
.parentHolder a{
	text-decoration: none;
}
/* Input styles */
label{
    margin:0px;
    padding:0px;
    float:left;
}
input{
	color: #3C5A96;
}
input[type=text], 
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
input[type=password],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    width:100%;
    outline: none;  
    border-radius: 5px;
}
input:hover, input:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
input[type=submit], input[type=button], .buttonStyle{
    background-color: #FFF;
    border-radius: 5px;
    border: none;
    color:#000;
    cursor: pointer;
    border: 1px solid #ddd;
}
input[type=submit], input[type=button], .buttonStyle.normal{
    padding:0.3em 1em;
    width:90%;
    text-decoration: none;
}
.error{
	background-color: #D92165;
}
.buttonStyle.halfSize{
	padding:0.3em 5%;
	width:28%;
	margin:0 1%;
	height:17px;
	float:left;
	line-height: 1.2em;
}
input[type=submit]:hover, input[type=button]:hover, .buttonStyle:hover{
    background-color:#aaa;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.required{
    color:red;
}

div.LoginFormContainer #LoginFormResponse .error, #userControlPasswordChange .error, #userControlUserData div.error{
	color:#DF2672;
	font-weight:bold;
	text-align:left;
}
div.LoginFormContainer #LoginFormResponse .error ul{
	font-weight:normal;
	margin:0 0;
	padding:1em;
}
.activeSlide{
	background-color:#aaa;
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}