DayPilot Gantt Chart for ASP.NET

/* toolbar */

.shadow { background: url('layout/main.png') 0 0 repeat-x; height: 5px; }

.toolbar {margin-top: 20px; margin-bottom: 10px; }
.toolbar ul { list-style:none; margin: 0px; padding: 0px; width: auto; }
.toolbar ul li {  }
.toolbar ul li a { padding: 5px; text-decoration: none; color: #000;}
.toolbar ul li a:hover { background-color: #666; color: #fff; }
.toolbar .selected { background-color: #333; color: #fff; }

.main { padding: 5px; }

/* MENU */
.menu a { font-weight: normal; display: block; text-align: left; text-decoration: none; font-size: 10pt; color: #333333; padding: 1px 0px 1px 2px; border: 1px solid #fff; }
.menu .selected { padding: 0px 0px 0px 10px; background: url('layout/li.png') 2px 50% no-repeat; }
.menu a:hover  { border: 1px solid #aaaaaa; background-color: #eeeeee; }
.menu .header { font-weight: bold; padding: 1px 0px 1px 2px; }

#container { padding-top: 20px; }

/* inner */
.daypilot-left { float: left; width: 160px; margin-bottom: 20px; }
.daypilot-main { margin-left:160px; }

/* task queue */
.left { position:relative; width: 150px; float:left; margin-left:5px;}
.right { position:relative; margin-left: 160px; }

body#fullheight .left { height: 100%; }
body#fullheight .right { height: 100%; }

#toolbar_right { float:right; margin-right: 10px; }
#toolbar_right a { color: gray; }

#tasks { overflow:auto; position: absolute; top: 30px; left: 0px; right: 0px; bottom: 0px; }
.toolbar_left { height:30px; width: 200px; position: absolute; top: 0px; left: 0px; right: 0px; }
.toolbar_right { margin-left: 210px; height: 30px; padding: 5px; }

.task { height: 25px; line-height: 25px; padding-left: 5px; display: block; text-decoration:none; background-color:white; border: 1px solid #cccccc; cursor: pointer; background: url(bg/gray30.gif) repeat-x; margin-bottom: 1px; }
.new { font-weight: bold; cursor: pointer; color: black; }

.task span { color: gray;}

#filter { margin-bottom: 5px; font-family: Segoe UI Light,Segoe UI,Arial,Helvetica,Verdana,Sans Serif; height: 30px;}
#filter span.filter { background-color: #6abc49; color: White; cursor: pointer; border-radius: 5px; display: inline-block; padding: 5px; margin-right: 3px; }
#filter span.all { background-color: #6a6a6a; }

#places { font-family: Segoe UI Light,Segoe UI,Arial,Helvetica,Verdana,Sans Serif;  font-size: 15px;}

.bigbutton 
{
	font-size: 20px;
	text-decoration: none;
	
	height: 50px;
	line-height: 50px;
	display: inline-block;
	padding: 10px;

	color: #ffffff;
	background: #09b2ef;

	-ms-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;	
		
}

.bigbutton:hover
{
	background: #079beb;
}

.bigbutton a 
{
	text-decoration: none;
	color: #ffffff;
}


body#dialog 
{
	padding: 20px;
	margin-bottom: 20px;
}

body#dialog td, body#dialog p, body#dialog input, body#dialog select 
{
	font-size: 12pt;
}