/*******************************************************
 * Copyright (C) Nisarg Jhaveri <nisargjhaveri@gmail.com>
 *******************************************************/

body{
	font-family: sans-serif;
}

.button{
	font-size:20px;
	color:white;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
	background-color:#498af2;
	border-style:solid;
	border-color:blue;
	border-width:1px;
	border-radius:2px;
	box-shadow:0px 0px 1px black;
}
.button:hover{
	box-shadow:0px 0px 2px black;
}
.button:active{
	box-shadow:0px 0px 1px black inset;
}

.box{
	background-color:white;
	border-style:solid;
	border-color:white;
	border-width:1px;
	border-radius:2px;
	box-shadow:0px 0px 3px black;
	z-index:3;
	overflow:auto;
	cursor:default;
}

.userfunctionDis{
	line-height:55px;
	min-height:55px;
	z-index:1
}
.userfunctionDiv{
	border-top:1px solid #C0C0C0;
	position:relative;
	height:auto;
}
.userfunctionCon{
	position:absolute;
	bottom:2px;
	right:5px;
	color:#606060;
}
.userfunctionErr{
	position:absolute;
	display:block;
	height:25px;
	width:25px;
	opacity:0.7;
	z-index:8;
}
.userfunctionErrDetail{
	display:none;
	position:absolute;
	padding-left:3px;
	padding-right:3px;
	background:black;
	color:white;
	opacity:0.8;
	border-radius:2px;
	z-index:7;
}
.userfunctionErrDetailArrow{
	display:none;
	position:absolute;
	border:6px solid transparent;
	border-right-color:black;
	opacity:0.8;
	z-index:7;
}
.userfunctionCol{
	position:absolute;
	top:1px;
	left:1px;
	display:block;
	z-index:8;
}
.userfunctionColSel{
	display:inline-block;
	height:25px;
	width:25px;
	opacity:0.8;
	border-radius:7px;
}
.userfunctionColSel:hover{
	opacity:0.9;
}
.userfunctionColListSel{
	display:inline-block;
	height:25px;
	width:25px;
	opacity:0.8;
	border-radius:7px;
}
.userfunctionColListSel:hover{
	opacity:1;
}
.userfunctionColTick{
	display:inline-block;
	height:25px;
	width:25px;
}
.userfunctionOpt{
	position:absolute;
	bottom:1px;
	right:1px;
	display:block;
	z-index:8;
}
.userfunctionOptSel{
	display:inline-block;
	height:25px;
	width:25px;
	opacity:0.8;
	border-radius:7px;
}
.userfunctionOptSel:hover{
	opacity:0.9;
}
.userfunctionOptListSel{
	display:inline-block;
	height:25px;
	width:25px;
	opacity:0.8;
	border-radius:7px;
}
.userfunctionOptListSel:hover{
	opacity:1;
}
.userfunctionOptTick{
	display:inline-block;
	height:25px;
	width:25px;
}
.userfunctionRem{
	width:27px;
	position:absolute;
	top:2px;
	right:2px;
	font-size:50px;
	color:#606060;
	opacity:0.3;
	cursor:default;
	z-index:9;
}
.userfunctionRem:hover{
	opacity:1;
}
.userfunction{
	display:block;
	font-size:25px;
	text-align:center;
	border:none;
	width:100%;
	height:55px;
	background-color:transparent;
	z-index:1;
}
.userfunction:focus{
	//border:1px solid #606060;FIXME
}
.hr{
	border:none;
	height:1px;
	background:#C0C0C0;
}
#heading{
	position:fixed;
	top:0px;
	width:100%;
	height:40px;
	line-height:40px;
	left:0px;
	background:#a3c4f8;
	background:-webkit-linear-gradient(#7196cd,#a3c4f8);
	background:-o-linear-gradient(#7196cd,#a3c4f8);
	background:-moz-linear-gradient(#7196cd,#a3c4f8);
	background:linear-gradient(#7196cd,#a3c4f8);
	font-size:30px;
	color:white;
	padding-left:15px;
	z-index:3;
}
#utility{
	position:absolute;
	height:100%;
	right:25px;
	top:0px;
	vertical-align:middle;
	line-height:40px;
	z-index:5;
}
#help,#user,#file{
	display:inline-block;
	margin-right:10px;
	z-index:6;
	line-height:100%;
	vertical-align:middle;
}
#helpImg,#userImg,#fileImg{
	height:25px;
	width:25px;
	opacity:0.75;
}
#helpImg:hover,#userImg:hover,#fileImg:hover{
	opacity:1;
}
#helpBox, #fileBox, #userBox{
	display:none;
	z-index:10;
}
#helpInner,#fileInner, #userInner{
	padding-left:10px;
	padding-right:30px;
	padding-bottom:10px;
}
#loginErrors .setSub, #profileErrors .setSub {
	color: red;
}
.login{
	float: left;
}
.login.tab{
	font-size:0.6em;
	padding-top:0.3em;
	cursor: pointer;
}
.register{
	float: right;
}
.register.tab{
	font-size:0.6em;
	padding-top:0.3em;
	cursor: pointer;
}
#registerElems{
	display: none;
}
.logIn{
	width:95%;
	border-radius:5px;
	padding:5px;
	box-shadow:none;
	border:1px solid black;
	outline: none;
}
#viewProfile, #changePassword{
	display: none;
}
.profileAction{
	font-size: 1.3em;
}
#commThanks{
	display:none;
}
#feedback{
	width:95%;
	border-radius:5px;
	padding:5px;
	min-width:250px;
}
#feedEmail{
	width:95%;
	border-radius:5px;
	padding:5px;
	box-shadow:none;
	border:1px solid black;
}
#commEmail{
	display:none;
}
#commSubmit{
	display:none;
	text-align:right;
	padding-right:15px;
}
.arrow{
	pointer-events:none;
}
#userGuide{
	display:none;
	min-width:250px;
	max-width:600px;
}
#guideDone{
	text-align:center;
}
#ugraph{
	text-align:center;
	border-style:solid;
	border-color:transparent;
	border-width:1px;
	border-radius:2px;
	box-shadow:0px 0px 5px transparent inset;
	background:white;
	/*transform:scale(0.5,0.5);
	-moz-transform:scale(0.5,0.5);
	-ms-transform:scale(0.5,0.5);
	-webkit-transform:scale(0.5,0.5);
	-o-transform:scale(0.5,0.5);*/
}
#ugraphHelp{
	text-align:center;
	border-style:solid;
	border-color:white;
	border-width:1px;
	border-radius:2px;
	box-shadow:0px 0px 5px black inset;
	background:transparent;
}
#zoomBundle{
	position:relative;
	opacity:0;
}
#zoom,#zoomout,#zoomSelect,#zoomReset,#zoomSetting{
	text-align:center;
	background-color:white;
	border-style:solid;
	border-color:white;
	border-width:1px;
	border-radius:2px;
	box-shadow:0px 0px 3px black;
	z-index:3;
	cursor:default;
	line-height:100%;
	vertical-align:middle;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#zoomH,#zoomV,#zoomA{
	text-align:center;
	background-color:white;
	border-style:solid;
	border-color:white;
	border-width:1px;
	//border-radius:2px;
	//box-shadow:0px 0px 1px black;
	cursor:default;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#zoomH:hover,#zoomV:hover,#zoomA:hover{
	text-align:center;
	background-color:white;
	border-style:solid;
	border-color:white;
	border-width:1px;
	border-radius:1px;
	box-shadow:0px 0px 2px black;
	cursor:default;
}
#zoomSelect:hover{
	text-align:center;
	border-style:solid;
	border-color:white;
	border-width:0px;
	border-radius:2px;
	box-shadow:0px 0px 5px black;
}
#zoom:hover,#zoomout:hover,#zoomReset:hover,#zoomSetting:hover{
	box-shadow:0px 0px 7px black;
}
#zoomH:hover,#zoomV:hover,#zoomA:hover{
	box-shadow:0px 0px 3px black;
}
#zoom:active,#zoomout:active,#zoomReset:active,#zoomSetting:active,#zoomH:active,#zoomV:active,#zoomA:active{
	box-shadow:0px 0px 2px black inset;
}
#toolTip{
	display:none;
	position:fixed;
	padding-left:3px;
	padding-right:3px;
	background:black;
	color:white;
	opacity:0.8;
	border-radius:2px;
	z-index:7;
}
#toolTipArrow{
	display:none;
	position:fixed;
	border:6px solid transparent;
	border-right-color:black;
	opacity:0.8;
	z-index:7;
}
#setDial{
	display:none;
}
#setArrow{
	cursor:default;
}
#setArrowHelp{
	cursor:default;
}
#setInner{
	padding-left:10px;
	padding-right:20px;
	padding-bottom:10px;
}
.setColumn{
	display:inline-block;
	width:49%;
	min-width:250px;
	vertical-align:top;
	margin:0;
	padding:0;
}
.setHead{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:27px;
	color:#4D4D4D;
	text-align:left;
	padding-left:7px;
	padding-bottom:4px;
	border-bottom:1px solid #C0C0C0;
}
.setHeadNote{
	font-size:18px;
	padding-top:10px;
	margin-left:15px;
	margin-bottom:5px;
	padding-bottom:2px;
}
.setSubHead{
	height:30px;
	line-height:30px;
	font-size:23px;
	color:#4D4D4D;
	text-align:left;
	padding-top:10px;
	margin-left:15px;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px solid #C0C0C0;
}
.setSubHeadNote{
	font-size:17px;
	padding-top:10px;
	margin-left:23px;
	margin-bottom:5px;
	padding-bottom:2px;
}
.setSubSubHead{
	color:#4D4D4D;
	padding-top:10px;
	margin-left:23px;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px solid #C0C0C0;
}
.setSubTopic{
	margin-left:5px;
	width:100%;
	display:block;
}
.setSub{
	display:block;
	color:black;
	text-align:left;
	margin-left:35px;
	padding-top:5px;
}
#setDone{
	width:100%;
	padding-top:10px;
	text-align:center;
}
#setDoneButton{
	width:80px;
}
#hideSide{
	position:fixed;
	background:#498af2;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	box-shadow:-1px 0px 5px black;
	height:35px;
	line-height:35px;
	font-size:35px;
	color:white;
	padding-bottom:2px;
	opacity:0.5;
	cursor:default;
}
#showSide{
	position:fixed;
	display:none;
	background:#498af2;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:1px 0px 5px black;
	height:35px;
	line-height:35px;
	font-size:35px;
	color:white;
	//height:60px;
	//line-height:60px;
	opacity:0.5;
	cursor:default;
	z-index:3;
}
#hideSide:hover,#showSide:hover{
	opacity:1;
	z-index:4;
}
#hideSide:active{
	box-shadow:-1px 0px 1px black;
}
#showSide:active{
	box-shadow:1px 0px 1px black;
}
#sideHead{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:25px;
	color:grey;
	text-align:left;
	padding-top:7px;
	padding-left:7px;
	padding-bottom:7px;
}

h1{
	#font-family:Georgia;
}
/*html{
	overflow-y:scroll;
}
::-webkit-scrollbar{
	width:8px;
	height:8px;
}
::-webkit-scrollbar-track{
	background:#d6d6d6;
}
::-webkit-scrollbar-thumb{
	border-radius:8px;
	background:#aeb1ae;
}
*/

.social-share {
	margin-top: 1em;
	text-align: center;
}

div.fb-like {
	vertical-align: top;
	max-height: 20px;
	overflow: hidden;
}