html, body {
	margin:0;
  	padding:0;
}

body {
  margin:0;
  padding:0;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:13px;
  background-color: #FFFFFF;
}

:focus {
    outline: 0 none;
}

a:link, a:active, a:visited {
    color: #98b237;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

.img-responsive{
    max-width:100%;
    height:auto;
    display:block;
}
/* MAIN */
.main {
	padding-left:200px !important; padding-right:20px !important;
}

/* NAVIGATION MENU */
.menu_container {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    height: 100%;
    left: 20px;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 160px;
    z-index: 999;
	overflow:hidden;
}

.menu_container .fix-container {
    margin: 0 auto;
}

.menu_container .div_left {
    float: left;
}

.menu_container .div_right {
    float: right;
}

h1.logo {
	color: #ccff00;
	display: block;
	font-size: 19px;
	margin: 0;
	padding: 0;
	text-align: center;
}

h1.logo img {
	margin-left:20px;
}

.nav-links ul {
	margin:15px 0 0 0;
	padding:5px;
	list-style-type:none;
	font-size:13px;
	margin-bottom: 5px;
    background: url(arrow.png) left 4px no-repeat;
    padding-left: 10px;
}

.nav-links ul li {
	margin-bottom:5px;
	background:url(assets/arrow.png) left 4px no-repeat;
	padding-left:10px;
}

.nav-links ul ul, .nav-links ul ul li {
    margin: 0;
}

.nav-links ul li.last {
	border-right:none;
}

.nav-links ul li a {
	color: #D7D7D7;
}

.nav-links ul li a.selected {
	font-weight:bold;
	color: #FFFFFF;
}

/* SPEC */
.spec {
	background-color:#E1F0FF; padding:10px; border:2px solid #8CC6FF;
}

.confirm {
	background-color:#E2FCD8;
	padding:10px;
	border:2px solid #75F145;
}

/* INPUT */
.inputbox {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #CCC;
	color: #414141;
	padding: 0.538em 0.769em;
}

.inputbox:focus {
	background-color: #FFF;
}

/* TASK COMPLETED */
.task-completed {
	border:2px dashed #CCC; padding:15px;
}

.task-completed .by {
	list-style-type:decimal; list-style-position:inside; line-height:22px;
}

.task-completed .by li {
	width:50%;
	float:left;
}

/* FB */
.fb {
	position:absolute; bottom:10px; left:10px;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	margin: 0;
	outline: none;
	padding: 7px 14px;
	*padding: 0; 
	vertical-align: baseline;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
	border: solid 1px #1E5C86;
	background: #2980b9;
	font-size:14px;
}

.button_disable {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	margin: 0;
	outline: none;
	padding: 7px 14px;
	*padding: 0; 
	vertical-align: baseline;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
	border: solid 1px #000000;
	background: #808080;
	font-size:14px;
}

.values-tested {
	padding:3px 5px; background-color:#3C0; color: #FFF;
}

.values-description {
	list-style:square; list-style-position:inside; margin-left:15px;
}

/* BG IMG */
.bg-img {
	position:absolute; z-index:-1; bottom:0; right:0;
}