*{padding: 0px; margin: 0px;}
img{border: 0px;}

html{
	height: 100%;	
}
body{
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #323232;
	position: relative;
	background-color: #f9f9f9;
}
a{color: #0096d2;}
.container{position: relative;	min-height: 100%;}
.wrapper{width: 60%;margin: 0px auto;text-align: left;}
input[type="text"],input[type="password"]{border: 1px solid #e5e5e5;padding: 5px 10px;border-radius: 5px;}
h1{padding-bottom: 10px;}
p{padding-bottom: 10px;}
td, th{padding: 5px;text-align: left;}

h1{margin-bottom: 20px;}
h2{margin-bottom: 10px;}
h3{background-color: #e5e5e5;margin: -5px -5px 20px -5px;padding: 5px;}
polygon{transition: all 1s;}
polygon.active{fill: rgba(0,150,210,0.3) !important;}
.button{border-radius: 5px;border: 0px; background-color: #0096d2; color: #fff; padding: 5px 10px;}


/* header */
.header{
	background-color: #fff;
	text-align: left;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
.header #search{}
.header .navigation ul{list-style: none;display: block;}
.header .navigation ul.user-menu{float: right;}
.header .navigation ul li{position: relative;display: inline-block;}
.header .navigation ul li a{display: block;padding: 20px;text-decoration: none;}
.header .navigation ul li a:hover{background-color: #0096d2;color: #fff;}

.SurveyList li{list-style-type: none;margin-bottom: 10px;}

/* main */
.main{padding: 20px;}

/* login */
#LoginForm .row{margin-bottom: 10px;}

#Answers{border: 1px solid #e5e5e5;background-color: #fff;padding: 20px;}
.answertype{overflow:hidden;border: 1px solid #e5e5e5;padding: 5px;margin-bottom: 20px;}
.DrawingCanvas{width: 60%;float: left;}
.DrawingCanvas svg{max-width: 100%; height: auto;}
.SubSurveys{width: 40%;float: left;}
ul#SubSurveys{border: 1px solid #e5e5e5;padding: 5px;height: 600px; overflow: auto;width: auto;}
ul#SubSurveys li{margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;list-style-type: none;border-radius: 5px;}
ul#SubSurveys li.active{color: #0096d2;}
.percentages{margin: 5px 5px 0px;}
.percentages table{font-size: 12px;}
ul#SubSurveys .percentages li {border: 1px solid #e5e5e5;}
#SubSurveys h3{padding-left: 5px;}

#SubSurveys h3{background-color: transparent;margin: 0px;padding: 0px 0px 0px 5px;padding-left: 5px;}}

/* Messages */
.message .error{color: red;font-style: italic;}


/* footer */
