/*------------------------------------------------------------------------------------
  General styles 
  ------------------------------------------------------------------------------------*/
  
  
/*content title of page*/  
.contentTitle{
	font-family:Tahoma,Verdana,Arial;
	font-size:20px;
	color:#000;
	padding-top:7px;
	padding-bottom:15px;
}  

.no_active_link{
		color:#999;
		font-family: Verdana,Tahoma, Arial;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;	
}
  
.hint_to_use_form{
		color:#000;
		font-family: Verdana,Tahoma, Arial;
		font-size:10px;
		font-weight:normal;
}

  
/*------------------------------------------------------------------------------------
  Specific styles 
  ------------------------------------------------------------------------------------*/
  
  
/*  edit color to be displayed on hover on a list of items  */
#highlight tr.hi  {
   background-color: #E6E6E6;
}

.motto{
	font-family:Tahoma,Verdana,Arial;
	font-size:20px;
	color:#666;
}

.motto_darker{
	font-family:Tahoma,Verdana,Arial;
	font-size:20px;
	color:#000;
}

td.index_bottom_links{
	font-family:Tahoma,Verdana,Arial;
	background-color: #666;
	color: #FFF;
}   
  
a.index_bottom_links{
	font-size:11px;
	text-decoration:underline;
	color: #FFF;
}  

td.index_explanation{
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
	background-color: #666;
	color: #FFF;
	padding-left:10px;	
}
  
/*----------------------------	Index/Login page -------------------------------------*/

a.learn_more{
	text-decoration:none;
	font-family:Tahoma,Verdana,Arial;
	font-size:12px;	
	color:#000099;
}

td.learn_more_content p,h1,h2,ul li,a{
	font-family:Tahoma,Verdana,Arial;
	font-size:13px;	
}

td.index_step{
	font-family:Verdana,Tahoma,Arial;
	font-size:16px;
	/*font-weight:bold;*/
	color:#FF0000;
	padding-top:10px;
	padding-bottom:10px;	
	padding-left:30px;
	padding-right:5px;
}


td.index_step_explanation{
	font-family:Arial,Verdana,Tahoma;
	font-size:12px;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;	
}

.main_table_first_page{
	margin:0px;
}

td.main_table_first_page{
	color:#000;
}

a.main_page_help_links, td.main_page_help_links{
	font-family:Arial,Tahoma,Verdana;
	font-size:10px;
	color:#666;
	text-decoration:none;
}

a:hover.main_page_help_links{
	text-decoration:underline;
}

.index_features{
	border:1px solid #666;
	}
	
a.remember_forgotpass_index, label.remember_forgotpass_index{
	font-family:Arial,Tahoma,Verdana;
	font-size:10px;
	color:#666;		
}

	
table.sign_in_form td.user_password_index {
	font-family:Tahoma,Arial,Verdana;
	font-size:17px;	
	color:#666;	
}

table.sign_in_form td.sign_in{
	text-align:left;margin-top:20px;
}

.sign_in{
	border-style:none;
	background-color: #FFF;
	color:#666;
	font-family:Arial,Verdana;
	font-size:12px;	
	font-weight:bold;	
	padding:2px 10px;
}

/*This button should be used inside site where a button is needed*/
td.button_submit table td button.submit_button_repeat{
	background:url(../images/repeat_submit_button.gif);
    background-repeat:repeat-x;
    color:#333;
    cursor:pointer;    
    font-family:Tahoma,Verdana, Arial, sans-serif;
    font-size:11px;
    font-weight:normal;
    height:20px;
    width:100px;
    padding:0px;   
}

.transparency{
   /* -moz-opacity:0.5 ;
    opacity: 0.5;
    filter:alpha(opacity: 50); 
    */
    background-color:#DCE2E9;
}
td.button_submit table td button.effect_on_button_hover{
	background:url(../images/hover_repeat_submit_button.gif);
    background-repeat:repeat-x;
    color:#333;
    cursor:pointer;    
    font-family:Tahoma,Verdana, Arial, sans-serif;
    font-size:11px;
    font-weight:normal;
    height:20px;
    vertical-align:top;
    width:100px;
    padding:0px;   
}

td.button_submit table td button.effect_on_button_out{
	background:url(../images/repeat_submit_button.gif);
    background-repeat:repeat-x;
    color:#333;
    cursor:pointer;    
    font-family:Tahoma,Verdana, Arial, sans-serif;
    font-size:11px;
    font-weight:normal;
    height:20px;
    width:100px;
    padding:0px;   
}


.sign_in_repeat{
	background:url(../images/index_repeat_sign_in.jpg);
    background-repeat:repeat-x;
}

.index_features td{
	background-color: #666666;
	color: #FFFFFF;
	font-family:Arial,Tahoma,Verdana;
	font-size:11px;
	text-align:left;
	padding-left:25px;
}

td.features_panel_title{
	font-family:Tahoma,Arial,Verdana;
	font-size:14px;	
	font-weight:bold;
	padding-top:20px;
	padding-bottom:15px;
	padding-left:15px;
	}
	
.index_login{
	border:1px solid #E9E9E9;
}

.index_login td{
	background-color: #F4F4F4;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
	color: #666;
}
	
td.question_login{
	font-family:Arial,Verdana;
	font-size:16px;	
	font-weight:bold;
	color:#666;
	padding-top:10px;
}

.index_logo{
	padding:15px;
}
	

td.index_logo{
	background-color: #FFF;
	color: #666;
	font-family:Verdana,Arial,Tahoma;
	font-size:12px;
	vertical-align:top;
}

a:link.sign_up, a:visited.sign_up{
	color:#FFF;
	font-family:Arial,Verdana;
	font-size:14px;	
	font-weight:bold;
	padding:4px 13px;	
	text-decoration:none;
}
td.sign_up_repeat a{
	text-decoration:none;
}

.sign_up_repeat{
	background:url(../images/index_repeat_sign_up.jpg);
    background-repeat:repeat-x;
}
  
span.big_text  {
	color:#666;
	font-family:Tahoma, Arial, Verdana;
	font-size:16px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
  
  
/*----------------------------	Errors/Messages -------------------------------------*/

/*
.errors {
	background: #ffffff;
	background-color: #ffdddd;
	border-color: red;
	border-style: dotted;
	border-width: 1px 1px 1px 1px;
	color: red;
	font-size: 9pt;
	margin-left: 5px;
	margin-top: 5px;
	width: 80%;
}

.messages {
	background: #ffffff;
	background-color: #ddffdd;
	border-color: green;
	border-style: dotted;
	border-width: 1px 1px 1px 1px;
	color: green;
	font-size: 9pt;
	margin-left: 5px;
	margin-top: 5px;	
	width: 80%;
}
*/

.errors {
	background: #ffffff;
	background-color: #ffdddd;
	border-color: #AE0D0D;
	border-style: dotted;
	border-width: 1px 1px 1px 1px;
	color: #AE0D0D;
	font-size: 9pt;
	margin-left: 5px; margin-top: 5px;
	width: 90%;
	padding-top: 5px; padding-bottom: 5px;
	vertical-align:middle;
}

.messages {
	background: #ffffff;
	background-color: #ddffdd;
	border-color: green;
	border-style: dotted;
	border-width: 1px 1px 1px 1px;
	color: green;
	font-size: 9pt;
	margin-left: 5px; margin-top: 5px;
	width: 90%;
	padding-top: 5px; padding-bottom: 5px;
	vertical-align:middle;
}

.index_errors{
	background-color: #ffdddd;
	border-color: #AE0D0D;
	border-style: dotted;
	border-width: 1px 1px 1px 1px;
	color: #AE0D0D;
	font-size: 8pt;
	padding:2;
	width: 100%;	
}

.index_messages{
	background-color: #ddffdd;
	border-color: green;
	border-style: dotted;
	border-width: 1px 1px 1px 1px;
	color: green;
	font-size: 8pt;
	padding:2;	
	width: 100%;		
}


/*------------------------------- Logs ---------------------------------------------*/

.log {
	background-color:#F4F5EB;
	color:#777777;
}

.ext_log {
	color:#777777;
	padding-left: 50px;
}

/*----------------------------	Left/Right page effects ----------------------------*/


.left_shadow { 
	background:url(../images/shadow.jpg);
    background-repeat:repeat-y;
}

.right_shadow { 
	background:url(../images/shadow1.jpg);
    background-repeat:repeat-y;
}

/*  edit color to be displayed on hover on a list of items  */
#highlight tr.hi  {  background-color: #E4E4E4; /* #FFF; */}

/*------------------------------------------------------------------------------------
  Document/Common styles 
  ------------------------------------------------------------------------------------*/

*{
	color:#333;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
}

body, html{
	margin:0;
	padding:0;
}
	body{
		background-color:#E6E6E6;
		color: #444;
		margin: 0 auto;		
	}

	table {
		border-collapse: collapse;
	}
	
	.checkbox{
		height:11px;
		width:11px;
	}
	
	.checkbox_style{
		margin-left:-0.1em;
	}
	
	textarea {
		font-size: 1em; 
	}
	
	img {
		border: 0;
	}
	
	p, ol.list, ul.list {
		line-height: 1.4;
		padding-bottom: 15px;		
	}
	
		ol.list, ul.list {
			padding-bottom: 10px;
		}
	
	ul li {
		list-style: none;
	}
	
	ul.list_has_type li{
		list-style: square;
	}	
	
	strong {
		color: #333;
	}
	
	em {
		color: #333;
		padding-right: 2px;
	}
	
	span {
		color: #888;
	}
	
	label {
		cursor:pointer;
	}
	
	/* definition for <input type="text"/> */
	.input_text{
		height:23px;	
		font-size:12px;
		border:1px solid #ccc;
	}
		.input_text_index{
				height:19px;	
				font-size:13px;
				border:1px solid #ccc;
				vertical-align:bottom;
			}
/*------------------------------------------------------------------------------------
  Header 
  ------------------------------------------------------------------------------------*/

.project_bottom_repeat{
	background:url(../images/project_bottom.gif);
    background-repeat:repeat-x;
}

.project_name{
	font-family: Verdana,Tahoma, Arial;
	font-size: 20px;
	font-weight:bold;
	width: 300px;
	color: #333;
}

a:link.account_options, a:visited.account_options{
	font-size:10px;	
	text-decoration:underline;	
}

a:hover.account_options{
	text-decoration:none;
}


a:link.activ_account_options, a:visited.activ_account_options{
	text-decoration:none;	
	font-size:10px;	
	color:#333;
	/*border-bottom:1px dashed #333;*/
}

a:hover.activ_account_options{
	text-decoration:none;	
	font-size:10px;	
	color:#333;
	border-bottom:1px dashed #333;
}

a:link, a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

/*------------------------------------------------------------------------------------
  Content
  ------------------------------------------------------------------------------------*/
  
  
/*-----------------------------------	Top Menu -------------------------------------*/

/*------------ define Menu styles ------------*/
.menu_items{
	color:#666;
	font-family: Verdana,Tahoma, Arial;
	font-size:12px;
	font-weight:bold;	
	margin:0;
	padding-left:20px;
}

	.menu{
		display:block;
		color:#FFF;
		font-family: Verdana,Tahoma, Arial;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;	
	}
		
		a:link.menu, a:visited.menu{
			text-decoration:none;	
		}
		
		a:hover.menu{
			text-decoration:underline;	
		}

/*------------ define Submenu styles ------------*/	
.submenu_items{
	background-color:#666;
	color:#FFF;
	font-family: Verdana,Tahoma, Arial;
	font-size:11px;
	margin:0;
	padding-left:23px;
	height:30px;
}

	.submenu{
		color:#FFF;
		font-family: Verdana,Tahoma, Arial;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;	
	}
		a:link.submenu, a:visited.submenu{
			text-decoration:underline;	
		}
		
		a:hover.submenu{
			text-decoration:none;	
		}
		
		a.submenuactiv{
			color:#FFF;
			font-family: Verdana,Tahoma, Arial;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;	
			border-bottom:1px dashed #ccc;
		}
		span.submenuactiv{
			color:#FFF;
			font-family: Verdana,Tahoma, Arial;
			font-size:11px;
			font-weight:bold;
			border-bottom:1px dashed #ccc;
		}
		
	

/*-----------------------------------	Page Content ------------------------------------*/

.main_table_page_content{
	 background-color:#FFFFFF;
	 height:100%;
}


.required_field {
	font-size:10px;
	color:red;
}

.list_widget {
    position: absolute;
    height: 19px;
    right: 0pt;
    width: 56px;
    background-color: transparent;
    background-image: url(../images/nubbin.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
	padding-top: 7px;
    font-size: 10px;
    line-height: 10px;
}


/*-----------------------------------	The List ---------------------------------------*/

/*------------------ DRAG / DROP Styles ------------*/

.dropSnapGuide {
	background: #666666;
	border:none;
	color: #666666;
	height:1px;
	left: 0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	position: relative;
	top: 0px;
	width: 300px;
}

/*-------- define Project Dashboard classes ---------*/

.dashPanel {
	width: 600px;
}

.pinnedPanel {
	border: 1px solid #EEEEEE;
}

.latePanel {
	border: 1px solid #FF0000;
}

.upcomingPanel {
	border: 1px solid #FF9900;
}

.newsPanel {
	
}

.dashStatus {
	/*border: 1px dotted #FFF;*/
	background:url(../images/project_dashboard_project_info_repeat.gif);
	background-repeat:repeat-y;
	/*background-color:red;*/
	/*230px;*/
	padding: 10px;
	margin:0;
}

ul.dashUsers {
	padding-top:0px; 
	margin-top:0px;
}
.dashUsers {
	list-style: disc;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	color:#636563;
	padding-top:3px;
	padding-bottom:5px;
}

a:link.dashUsers, a:visited.dashUsers{
	text-decoration:none;
	border-bottom:1px dashed #333;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	color:#636563;	
}


/*-------- define Project Dashboard classes ---------*/

.bigDashTitle {
	font-size: 11pt;
	color: #000000;
}

.bigDashProject {
	margin-top: 8px;
	margin-left: 50px;
	width: 400px;
	color: #000000;
}

.tint {
	background-color: #eeeeee;
}

/*--------------------- FILTER styles --------------*/
.filter_form {
	width:100%;
	border:solid 1px #F7F7F7;
}

	.filter_form tr{
		
	}
	.filter_form th{
		font-size:11px;	
		padding-right:3px;
		padding-top:10px;
		text-align:right;		
		vertical-align:top;
		width:auto;
	}
	
	.filter_form td{
		font-size:11px;	
		padding-top:10px;	
	}


/*------------ define Milestones styles ------------*/

.milestone {
	padding-bottom:20px;
}

.milestone_name{
	color: #333;
	font-family: Verdana,Tahoma, Arial;
	font-size: 14px;
	font-style:italic;
	padding-left:20px;
	padding-bottom:10px;	
	text-align:left;	
	vertical-align:top;
	white-space:nowrap;
}

.milestoneJob {
	margin-left:20px;
	padding-bottom:10px;	
	text-align:left;		
	width:100%;
}

.milestoneJob2 {
	margin-left:20px;
	padding-bottom:10px;	
	text-align:left;		
	width:100%;
}


/*------------ define Task styles ------------*/

.task_checkbox{
	padding-left:30px;	
	width:40px;
	text-align:right;
	/*
	border:solid 1px red;
	*/
}

.dotts{
	border-bottom:2px dotted #ccc;
}
.repeat_dott{
	background:url(../images/dott.gif);
    background-repeat:repeat-x;
}
	
.jobShortDescription {
	background-color:#ffffff;
	float:left;	
	padding-left:5px;
	padding-right:10px;	
	text-align:left;	
	width:auto;	
	white-space:nowrap;
}

.big_dash_proj_statistics {
	background-color:#eeeeee;
	float:left;	
	padding-left:5px;
	padding-right:10px;	
	text-align:left;	
	width:auto;	
	white-space:nowrap;
}

.big_dash_display_stat_info{
	background-color:#eeeeee;
	float:right; 
	margin-left:1px;
	padding-left:10px;		
	text-align:right;
	vertical-align:bottom;	
	width:auto;	
	white-space:nowrap; 	
}

.jobStatus {
	background-color:#fff;
	float:right; 
	margin-left:1px;
	padding-left:10px;		
	text-align:right;
	vertical-align:bottom;	
	width:auto;	
	white-space:nowrap; 
}

.task_index{
	background-color:#666;
	color: #FFF;	
	font-family: Verdana,Tahoma, Arial;
	font-size: 10px;
	font-weight:bold;
	height:12px;
	margin-right:5px;		
/*	padding:2px;	*/
	text-align:center;
	width:12px;
}	

.done_task_index{
	background-color:#FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA;
	color: #AAA;	
	text-decoration: line-through;
}	

.task_status_the_list_info{
	font-family:Tahoma, Arial, Verdana;
	font-size:9px;		
	padding:0px 4px 0px 4px;
}


.display_task_info{
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;	
	color:#333;	
}


.view_task_background{
	background-color:#F7F7F7;
	border:solid 1px #EFEBEF;
	padding-left:5px;
	width:100%;
}

/*------------ Comments ------------*/

.comment_grey {
	background-color:#F7F7F7;
	font-weight:normal;
	margin-top:8px;
	padding-left:2px;
	width:100%;
}

.comment_white {
	background-color:#FFFFFF;
	font-weight:normal;
	margin-top:8px;
	padding-left:2px;
	width:100%;
}

.comment_posted_user {
	color: #fea51f;
	font-weight:bold;
	margin-top:4px;
	padding-left:2px;
}

.comment_posted_date {
	color: #999999;
	font-weight:normal;
	font-style: italic;
	margin-top:4px;
	padding-left:2px;
}

.comment_body {
	color: #555;
	font-weight:normal;
	/*margin-top:4px;*/
	padding-left:17px;
}

.comment_file {
	color: #555;
	/*font-weight:bold;*/
	/*margin-top:4px;*/
	padding-left:30px;
}

/*------------ Add/Edit Task/Milestone ------------*/

.add_task_form {
	width:100%;
}

	.add_task_form tr{
		
	}
	.add_task_form th{
		font-size:11px;	
		padding-right:3px;
		padding-top:10px;
		text-align:left;		
		vertical-align:top;
	}
	
	.add_task_form td{
		font-size:11px;	
		padding-top:10px;		
		width:90%;
	}

.select_input {
	border:solid 1px #EFEBEF;
	width:120px;
}

.submit_button {
	background-color:#F7F7F7;
	border:solid 1px #9C9A9C;
	cursor:pointer;	
	margin-left:5px;	
	text-align:center;
	width:160px;	
}

.submit_button_over {
	background-color:#FFFFFF;
	border:solid 1px #9C9A9C;
	border-style:outset;
	cursor:pointer;	
	margin-left:5px;	
	text-align:center;
	width:160px;
}

.submit_text_grey {
	font-family:verdana,arial;
	font-size:11px;
	font-weight:normal;
	color:#636563;
}

.submit_text_orange {
	font-family:verdana,arial;
	font-size:11px;
	font-weight:normal;
	color:#FF9A00;
}

.form_input {
	background-color:#F7F7F7;
	border:solid 1px #EFEBEF;
	width:100%;
}

.additional_info {
	background-color:#F7F7F7;
	font-weight:bolder;
	margin-top:0px;
	padding:2px;	
	width:100%;	
}


.additional_info_fields {
	width:auto;
}

	.additional_info_fields td{
		width:auto;
		padding:10px;
		vertical-align:top;
	}
	
	.additional_info_fields th{
		padding:10px;
		padding-right:0px;
		padding-left:0px;		
		text-align:right;
	}


.collapse_div {
	width:100%;
}


.fileInput {
	background-color:#F7F7F7;
	border:solid 1px #EFEBEF;
	border-style:none;
	width: 260px;
}


.button {
	background-color:#F7F7F7;
	border:solid 1px #EFEBEF;
	cursor:pointer;
}

.hint {
	color:#999;
	font-size: 10px;
}

/*
.edit_table td{
	font-family:Tahoma, Arial, Verdana;
	font-size:9px;	
	color:#333;
	padding-top:1px;	
	padding-left:10px;	
}
*/


/*------------ User Register ------------*/
.registerForm td{
	color:#666;
	padding-top:5px;
	padding-right:3px;	
}

td.button_submit table td.space_before{
	padding-left:5px;
}

td.button_submit table td{
	padding-top:0px;
	padding-right:0px;
	padding:0px;	
}

	td.button_submit table td button{
		padding-top:0px;
		padding-right:0px;
		border-style:none;
		background-color:white;
		text-align:center;
		font-family:Tahoma, Arial, Verdana;
		color:#666;
		font-weight:bold;	
	}

/*------------------------------------------------------------------------------------
  Footer 
  ------------------------------------------------------------------------------------*/
  
  
/*--------------------------------------------------------------------------------------
  Project Dashboard  
  --------------------------------------------------------------------------------------*/
  
.panel_title_project_dashboard{
	font-family:Verdana,Tahoma,Arial;
	font-size:14px;
	color:#333;
}    

.panel_title_project_dashboard_info{
	font-family:Tahoma,Verdana,Arial;
	font-size:14px;
	color:black;
	padding-bottom:5px;
} 

.project_info_details{
	color:#636563;
	font-size:13px;
}

.dashUsersSmaller {
	list-style: disc;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;	
	font-weight:normal;
	color:#636563;
}

a:link.dashUsersSmaller, a:visited.dashUsersSmaller{
	text-decoration:none;
	font-family:Tahoma, Verdana, Arial;
	font-weight:normal;
	font-size:11px;	
	color:#636563;	
}

.small_size_info{
	font-family:Tahoma, Verdana, Arial;
	font-weight:normal;
	font-size:9px;	
	color:#636563;
}

.project_dashboard_late_things_panel{
	background:url(../images/repeat_latethings.gif);
    background-repeat:repeat;
	font-family:Verdana,Tahoma,Arial;
	font-size:14px;	
	color:#FFF;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	border-bottom:dashed 1px #FFF;
}

.late_things_details{
	color:#FFF;
	font-family:Verdana,Tahoma,Arial;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
}

td.late_things_repeat{
	background:url(../images/late_things_repeat.gif);
    background-repeat:repeat;
}

a:link.late_things_links, a:visited.late_things_links{
	/*color:#669933;*/
	color:#666;
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;
	text-decoration:underline;
}


/*Pinned tasks - project dashboard*/
.project_dashboard_pinned_tasks_panel{
	background:url(../images/repeat_pinned.gif); 
    background-repeat:repeat;
	font-family:Verdana,Tahoma,Arial;
	font-size:14px;	
	color:#FFF;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	border-bottom:dashed 1px #333;
}

/*Upcoming - project dashboard*/
.project_dashboard_upcoming_panel{
	background:url(../images/repeat_upcoming.gif);
    background-repeat:repeat;
	font-family:Verdana,Tahoma,Arial;
	font-size:14px;	
	color:#FFF;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	border-bottom:dashed 1px #333;
}

/*News - project dashboard*/
.project_dashboard_news{
	background:url(../images/repeat_news.gif);
    background-repeat:repeat;
	font-family:Verdana,Tahoma,Arial;
	font-size:14px;	
	color:#FFF;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	border-bottom:dashed 1px #333;
}

/*links inside a text*/
a.text_link{
	color:#3d8ee0;
	text-decoration:underline;
	font-size:11px;
}

a:hover.text_link{
	color:#969696;
	text-decoration:underline;
	font-size:11px;
}

/* disk space graph */
.disk_space {
	background-color: #999999;
}

.db_space {
	background-color: #DDDDDD;
}

.rest_space {
	background-color: #FFFFFF;
}

.tutorial {
	background-color: #EFEFEF;
	padding: 3px;
	border: 1px solid #DDDDDD;
	/*margin: 10px;*/
	margin-bottom: 10px;
	text-align: justify;
}

.legend{
	background-color: #FFF;
	padding: 3px;
	font-family:Verdana,Tahoma,Arial;
	font-size:12px;	
	color:#333;
}


/* IMAGE VERTICAL ALIGN!!! */

/* container div - specify the width and height with a style */
div.vertImage {
	border: solid 1px #ddd;
	display: table; 
	position: relative; 
	overflow: hidden;
	text-align: center;
}

/* intermediate container - inside container div */
div.vertImageInside {
	position: relative !important;
	position: absolute;  
	top: 50%;
	left: 50%;
	display: table-cell; 
	vertical-align: middle;
}

/* image object (could be anything else - another div for example( */
img.vertImage {
	position: relative;  
	top: -50%;
	left: 0% !important;
	left: -50%;
}

/* END OF VERTICAL ALIGN */

/*  TOOLTIP CONTAINER STYLE */
#tooltip_container {
	position:absolute;
	z-index:99;
	padding:5px;
	width:auto !important;
	max-width:230px;
	min-height:15px;
	border:solid 1px #000000;
	background-color:lightyellow;
	display:none;
	text-align:left;
}


/*  CONTEXT CONTAINER STYLE */
#task_context_container {
	position:absolute;
	z-index:99;
	padding:5px;
	width:auto !important;
	max-width:230px;
	min-height:10px;
	display:none;
	text-align:left;
}

#front_milestone_context_container {
	position:absolute;
	z-index:99;
	padding:5px;
	width:auto !important;
	max-width:230px;
	min-height:10px;
	display:none;
	text-align:left;
}

#back_milestone_context_container {
	position:absolute;
	z-index:99;
	padding:5px;
	width:auto !important;
	max-width:230px;
	min-height:10px;
	display:none;
	text-align:left;
}


td.registration_done div b{
	font-family:Tahoma;
	font-size:14px;
}

.after_registration_warning b{
	color:#FE0000;
}

.after_registration_solution b{
	color:#006600;
}