@charset "UTF-8";
/* CSS Document */
#panel-right-container{
	position: fixed;
	right: -519px; /*Negative #panel-right-panels width plus left+right paddings*/
	top: 40px;
	z-index: 99;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	border-radius: 4px; /*same as panel-right-panels*/
}

#panel-right-controls-container, #panel-right-panels{
	float: left;
	display: inline;
	position: relative;
}

#panel-right-controls{
	width: 35px;
	top: 100px;
	left: -34px; /*negative width less border width (allows for tab simulation)*/
	position: absolute;
	z-index: 100; /*+1 over #panel-right-container*/
	
}

#panel-right-controls-close_button{
	margin-top: -95px !important;
	margin-bottom: 50px;
}

.panel_right_control_tab{
	position: relative;
	margin-top: 5px;
	height: 50px;
	line-height: 50px;
	
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

.panel_right_control_tab img{
	width: 25px;
	vertical-align: middle;
}

.panel_right_control_tab, #panel-right-panels{
	border-color: #CCC;
	border-style: solid;
}
.panel_right_control_tab{
	border-width: 1px;
}
#panel-right-panels, .selected_panel{
	border-width: 1px 0px 1px 1px !important;
}

#panel-right-panels{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	
	background-color: white;
	padding: 10px;
	width: 400px;
	padding-right: 110px; /*allows for animation of panel to overshoot and bounce back*/
	height: 400px;
}

.panel_content{
	overflow: auto;
	height: inherit;
}

.selected_panel{
	background-color: white;
}

.panel-right-header{
	font-size: smaller;
	font-weight: 800;
	color: #AAA;
}

.new_alert{
	background: #fcf29c !important; 
	background: -moz-linear-gradient(top,  #fcf29c 0%, #f1da36 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf29c), color-stop(100%,#f1da36)) !important;
	background: -webkit-linear-gradient(top,  #fcf29c 0%,#f1da36 100%) !important;
	background: -o-linear-gradient(top,  #fcf29c 0%,#f1da36 100%) !important;
	background: -ms-linear-gradient(top,  #fcf29c 0%,#f1da36 100%) !important;
	background: linear-gradient(to bottom,  #fcf29c 0%,#f1da36 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf29c', endColorstr='#f1da36',GradientType=0 ) !important;
}

.panel_right_control_tab .todo-counter{
	left: -5px;
	top: auto;
	bottom: -3px;
}

.panel_right_control_tab .idb_new_badge{
	left: -5px;
	top: -5px;
	bottom: auto;
	right: auto;
}