body {
	background-color:#ffffff;
	color:#000000;
	font-family :Helvetica, Arial, sans-serif; color:#606060;
	font-size: 10pt;
	background: url(images/toolbar_bg.png) repeat-x;
}


img.custom_picto {
    border: 5px solid #444;
    margin: 15px;
}

div.toolbar_right {
	float: right;
	margin: 10px;
	font-weight: bold;
}

div.toolbar_right a {
	color: #fff;
}

div.toolbar_right img {
	vertical-align: middle;
}

div.bar_top {
	clear: both;
	
	
	height: 105px;
	width: 100%;
}

div.bar_logo {
	float: left;
	background: url(images/autiplan_logo.png);
	height: 90px;
	width: 266;
}



div.bar_shadow {
	height: 10px;
	width: 100%;
	/*background: url(images/shadow.png);*/
	background-repeat: repeat-x;
}

div.block_title {

	border-bottom: 1px dotted black;
	font-weight: bold;
	color: #888888;
	margin: 10px;
}

div.block_content {
	margin: 20px;
}

/* Picto browser: */
img.picto_browser {
	width: 50px;
	height: 50px;
}

img.picto {
	width: 90px;
	height: 90px;
	padding: 5px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
}


table.picto_browser {
	border-spacing: 15px;
}

iframe.picto_browser {
	border-width: 0px 0px 0px 0px;

}

div.picto-class-label {
	position: relative;
	float:left;
	padding: 5px;
	background-color:#333333;	
	color: #ffffff;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
}

div.picto-class-list {
	padding: 5px;
	background-color:#eeeeee;	
	font-weight:bold;
	color: #ffffff;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	
}


td.picto {
	position: relative;
	float:left;
	padding: 5px;
	background-color:#333333;	
	color: #ffffff;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
}

td.picto:hover {
	color:#111111;	
	background-color: #eeeeee;
}


div.picto-class-label:hover {
	color:#111111;	
	background-color: #eeeeee;
}


/* Calender styling: */

table.calendar {
	color:#000000;
	border-width:1px 1px 1px 1px;
}

caption.calendar-month {
	color:#000000;
	font-weight:bold;
}

table.activity_bar {
	/*border-collapse: collapse;	*/
	border-spacing: 1px;
}

a.calendar {
	color: black;
}

.calendar_plan {
	padding: 2px;
	font-weight:bold;
	color: #b90000;

}

.calendar_now {
	padding: 2px;
	font-weight:bold;
	color: #ffffff;
	background-color:#3f4fc5;
}

.calendar_empty {
	padding: 2px;
	background-color:#ffffff;	
	color: #444444;

}

.calendar_header {
	padding: 2px;
	font-weight:bold;
	color: black;
}

/* List styling: */

table.list {
	color:#000000;
	border: 1px solid black;
	background-color: #ffffff;
	border-collapse: collapse;
	width: 400px;
}

table.list th {
	color: #222222;
	background-color: #ffffff;
	text-align: left;
	background-image: url(images/fhbg.gif);
	font-size: 9pt;
	border: 1px solid #cccccc;
}

table.list td {
	border: 1px solid #dddddd;
	font-size: 9pt;
}

table.list td img {
	vertical-align: middle;
	border: 0px;
}

p.list {
	font-size:120%;
	font-weight:bold;
	color:#777777;
}

a.list {
	color: black;
}

td.form {
	padding: 10px;
}

/* Picto set: */

div.pictoset-holder {
	width: 800;
	height: 300;
	position: relative;
	background-color: #eeeeee;
}

div.pictoset {
	width: 800;
	height: 200;
	top: 20px;
	position: absolute;
	background-color: #eeeeee;
}

div.pictoset-label {
	width: 150;
	height: 20;
	position: absolute;
	background-color: #eeeeee;
}

/* Popup style: */

iframe.popup {
	width: 800px;
	height: 800px;
	border-style: none;
}

div.popup {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.hide_editor {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1;
	height: 1;
	background-image: url(images/black.gif);
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity:0.6;
}

a.form {
	color: black;
}


/* Planner style: */

table.planner {
	border-collapse: collapse; 
	width: 100%
}

td.planner_hour {
	padding: 5px;
	background-color:#c8e7da;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	font-weight:bold;
	color: #000000;
	background-image: url(images/plan_header_bg.jpg);
	font-size:90%;
	font-weight:normal;
	color:#222222;

}

td.planner_minute {
	padding: 5px;
	background-color:#c8e7da;	
	border-width:2px 2px 2px 2px;
	border-style:solid;
	border-color:#000000;
	font-weight:bold;
	color: #000000;
	background-image: url(images/plan_header_bg.jpg);
	font-size:80%;
	font-weight:normal;
	color:#222222;

}

td.planner_header {
	padding: 5px;
	background-color:#8dc4a7;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	font-weight:bold;
	background-image: url(images/plan_header_top_bg.jpg);
}

td.planner_add {
	padding: 5px;
	background-color:#7dc4a7;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	font-weight:bold;
}

td.pt {
	padding: 5px;
	background-color:#eeeeee;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	font-weight:bold;
	color: #000000;
	font-size:80%;
	font-weight:normal;
	color:#222222;
}


td.planner_time:hover {
	padding: 5px;
	background-color:#ffffff;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	font-weight:bold;
	color: #000000;
	font-size:80%;
	font-weight:normal;
	color:#222222;
}


td.planner_activity {
	
	padding: 0px;
	background-color:#777777;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	color: #ffffff;
	font-weight: bold;
}

td.planner_activity_move {
	padding: 0px;
	background-color:#dddddd;	
	border-width:1px 1px 1px 1px;
	border-style: #777777;
	border-color:#000000;
	color: #444444;
	font-weight: bold;
}

iframe.editor {

	padding: 1px;
	background-color:#ffffff;	
	border-width: 0px 0px 0px 0px;
	border-style:solid;
	border-color:#000000;
	color: #000000;
}

/*td.planner_activity:hover {
	background-color:#e1cc93;	
}*/



td.pes {
	padding: 1px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-color:#cccccc;
}

td.pes:hover {
	background-color:#888888;	
}

td.planner_open_activity {
	padding: 1px;
	background-color:#d47979;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	color: #000000;
}

td.planner_minute_mark {
	padding: 1px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-color:#000000;
	color: #000000;
	font-size:80%;
	font-weight:normal;
	color:#222222;

}


td.banner {
	height: 118px;
	background-color:#353535;
	vertical-align: bottom;
	background-image: url(images/banner_bg.jpg)
}

div.wsys {
	height: 25px;
	width: 97px;
	background-color:#353535;
	vertical-align: bottom;
	background-image: url(images/design_by_wsys.jpg)
}


a {
	color: #444444;
}



a.navigation {
	color:#ffffff	
	
}

p.navigation {
	text-align: right;
	background-color:#666666;
	padding-right: 15px;
}

/* Icons: */
img.icon {
	border-style: none;
	width: 30px;
	height: 30px;
	vertical-align: top;
}


div.tabs {
	float: left;
	margin-left: 50px;
	margin-top: 55px;

}

.tab {
	float: left;
	color: #cccccc;
	font-size:100%;
	height: 20px;
	margin-left: 15px;
	
	text-align: center;
	padding-top: 3px;
}

.tab a {
	color: #fff;
	
}

.selected {
	font-weight: bold;
}

.selected a {
	color #444; 
	text-decoration: none;
}

a.tab:link {
	color: #cccccc;
	
}

a img {
	vertical-align: top;
	border: 0px;
}

.tab-selected {
	float: left;
	color: #ffffff;
	padding: 5px;
	font-weight:bold;
	font-size:100%;
}

.tab:hover {
	background-color:#000000;	
}

.container {
	top: 95px;
	padding: 5px;
	background-color:#dddddd;	
	margin: 25px;
}


div.spacer {
	margin: 20px;	
	//padding: 50px;
	clear: both;
}


.rounded {
	border: 1px solid #beceda;
	background-color:#efffdd;
	padding: 15px;	
	overflow: auto;
	zoom:1; /* causes IE to behave properly */
}

.rounded-title {
	//border: 1px solid #beceda;
	border: 1px solid #654321;
	background-color:#eeefed;	
	font-weight:bold;
	font-size:90%;
	zoom:1; /* causes IE to behave properly */
}

.rounded-message {
	border: 1px solid #beceda;
	background-color:#eef5b4;	
	font-weight:bold;
	font-size:90%;
	margin: 5px;
	zoom:1; /* causes IE to behave properly */
}

.rounded-error-message {
	border: 1px solid #ecb390;
	background-color:#ffd6d6;	
	font-weight:bold;
	font-size:90%;
	margin: 5px;
	zoom:1; /* causes IE to behave properly */
}


div.calendar_bg {
	border: 1px solid #cccccc;
	background-color:#eeeeee;	
	color: #000000;
	text-align: center;
	width: 290x;
	height: 200px;
	margin: 0px;
	padding: 4px;
	float: left;
	margin: 10px;
}


div.errors {
	position: absolute;
	top: 100px;
	left: 100px;
	background-color: #ff5555;
	height: 200px;
	width: 600;
}


.odd {
	background-color:#ffffff;
	font-size: 13px;

}

.even {
	background-color:#f6f6f6;
	font-size: 13px;	
}

.header {
	background-color:#aeaeae;
	font-size: 12px;
	color: #ffffff;
}

div.beta_msg {
	position: absolute;
	top: 50px;
	left: 270px;
	font-weight: bold;
	color: #dbe222;
}

div.beta_msg a  {
	font-weight: normal;
	color: #dbe222;
}

div.nav_back {
	background-color:#eeeeee;
	border: 1px solid #cccccc;	
	color: black;
	font-size:10pt;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 3px;
}


div.nav_back img {
	vertical-align: middle;
}

/*div {
//	border: 5px solid #ecb390;
}*/

div.min {
	width: 70px;
	height: 60px;
	border: 1px solid #ffffff;
	border-left: 1px solid #dddddd;
	float: left;
	z-index: 0;
	cursor: crosshair;
}

div.hea {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 0px;
	padding: 2px;
	width: 67px;
	height: 56px;
}

div.bod {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 0px;
	border-right: 0px;
	padding-left: 1px;
	padding-right: 1px;
}

div.tai {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 0px;
	padding-left: 1px;
}

div.min_lbl {
	width: 70px;
	height: 13px;
	background-color: #aaaaaa;
	border: 1px solid #cccccc;
	color: #888888;
	float: left;
	z-index: 0;
	text-align: center;
	margin-bottom: 1px;
	margin-top: 1px;
	background-image: url(images/fhbg.gif);
	font-size: 10px;
}

div.minute_label_alt {
	width: 70px;
	height: 13px;
	background-color: #999999;
	border-left: 1px solid #ffffff;
	color: #ffffff;
	float: left;
	z-index: 0;
	text-align: center;
}

div.hour_label {

	color: #aaaaaa;
	font-size: 120%;
	margin-top: 15px;
	margin-left: 10px;	
	z-index: 10;

}

div.act_menu {
	width: 100px;
	height: 20px;
	background-color: #222222;
	color: #ffffff
	float: right;
}

div.act_edit {
	clear: both;
	float: right;
	top: 0px;
	left: 60px;
	width: 15px;
	height: 15px;
	background: url(images/edit.png);
}

div.act_delete {
	clear: both;
	float: right;
	top: 0px;
	left: 60px;
	width: 15px;
	height: 15px;
	background: url(images/delete.png);
}

div.act_cut {
	clear: both;
	float: right;
	top: 10px;
	left: 60px;
	width: 15px;
	height: 15px;
	background: url(images/cut.png);
}

div.hour {
	clear: both;
	z-index: 0;
}

div.plan {
	width: 865px;
	/*height: 80%;*/
	clear: both;
	margin: 5px;
	padding: 1px;
	border: 0px solid black;
	overflow: auto;
}

div.plan_tools {
	border: 1px solid-black;
	width: 100%;
}

div.plan_tools_item {
	float: left;
	margin: 5px;
}

div.resize_tool {
	background-image: url(images/resize.png);
	width: 15px;
	height: 15px;
	float: right;
	cursor: e-resize;
}	

div.edit_tool {
	background-image: url(images/page_white_edit.png);
	width: 15px;
	height: 15px;
	float: right;
	cursor: pointer;
}	


div.act_desc {
	width: 200px;
	border: 1px solid black;
	z-index: 2;
}

div.act_editor {

	margin-left: auto ;
	margin-right: auto ;
	z-index: 5;
	position: absolute;
	width: 800px;
	height: 580px;
	background-color: #eeeeee;
	border: 1px solid black;
}

div.hide_plan {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(images/black.gif);
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity:0.6;
}

div.picto_selector {
	width: 120px;
	height: 90px;
	float: left;
	margin: 10px;
}

div.cat_title {
	clear: both;
	border-bottom: 2px solid black;
	width: 90%;
	margin: 10px;
	font: #555555;
	font-weight: bold;
	cursor: pointer;

}

div.picto_holder {
	margin: 10px;
	height: 450px;
	background-color: #ffffff;
	border: 1px solid black;
	overflow: auto;
}

div.activity_menu {
	position: absolute;
	background-color: #eeeeee;
	border: 1px solid black;
	padding: 4px;
}	

div.status_bar {
	background-color: #333333;
	
	color: white;
}

div.act_props {
	margin: 10px;
}

p img {
	vertical-align: middle;
}


/* Form styling: */

table.form {
	border: 1px solid #cccccc;
	background-image: url(images/form_bg.png);
	background-repeat: no-repeat
}

table.form td {
	padding: 5px;
	font-family :Helvetica, Arial, sans-serif; color:#606060;
	font-size: 10pt;	
}

div.wrapper {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
 
}