DayPilot Gantt Chart for ASP.NET

p, body, td, input, select { font-family: Segoe UI Light,Segoe UI,Arial,Helvetica,Verdana,Sans Serif; font-size: 10pt; }
body { padding: 0px; margin: 0px; background-color: #ffffff; }
a { color: #1155a3; }

/* COMMON */
.hidden { display: none; }
.padded { padding: 10px; }
.space { margin: 10px 0px 10px 0px; }

/* form */
#f input[type="text"] { width: 270px; }

/* COLUMNS */
#container { width:100% }
#left { float:left; width: 180px; margin-left: 2px; }
#content { margin-left: 200px;}
#content > div { width:99% }

/* LAYOUT */
#header { background: #001328 url('layout/header.png') 0 0 repeat-x; padding-left: 10px;}
#header .bg-help { background: url('layout/header-in.png') 50% 0 no-repeat; padding:1px 0; width:100%; min-height:80px;}
#main { padding: 0px 5px 0px 5px; xbackground: url('layout/shadow.png') repeat-x;  }
#download { padding: 10px 0px 0px 20px; color: #666666; background: url('layout/main.png') 0 0 repeat-x; }
	
/* LOGO & CLAIM */
#logo { font-size:200%; color:#fff; margin:10px 0 0; font-weight:bold; line-height:1.3;}
#logo a { color:#fff; text-decoration:none; }
#claim { color:#fff; margin:0;}
#claim a { color: #fff; }

/* toolbar */

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

.toolbar {margin-top: -10px; 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; }

/* button */
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 15px;
	background: #a8dc18;
	background: -moz-linear-gradient(
		top,
		#a8dc18 0%,
		#8fc300);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a8dc18),
		to(#8fc300));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #7cb316;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.8);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.8);
	xtext-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
	display:inline-block;
	text-decoration: none;
}

html, body { margin: 0px; padding: 0px; } 
html.fullheight, html.fullheight body { height:100%;  overflow:hidden; }

/*.main { height: 500px;}*/

/* 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;
}