/* ==== Global styles ==== */
body { 
	background-color: #000;
	margin:0;
	padding:0;
	font: 1em Verdana Geneva Arial Helvetica sans-serif;
	}
	
input {
	/*border: 2px inset #ccc;*/
	margin: .25em;
	font: 11px Verdana Geneva Arial Helvetica sans-serif;
	
	}
	
form {
	margin: 0;
	padding: 0;
}
	
.checkbox {
	padding: 0;
	margin: 0;
}	
	
td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 10px;
}
/* ==== End global styles ==== */

/* ==== Login page ==== */
.loginBg { background: #036}

.loginPanel { 
	height: 280px;  
	width: 400px;  
	border: 0px solid #fff;
	margin:4em 2em 2em 2em;
	color: #fff;
	}

.loginLabel {
	color: #fff;
	font-weight: bold;
}

a.button {
   color:#fff;
   text-decoration : none;
	background-color: #036;
	padding: 2px 6px 4px;
	border: thin outset #369;
}
a:link.button {
   color:#fff;
   text-decoration : none;
	background-color: #036;
	
}
a:link:visited.button  {
   color:#fff;
   text-decoration : none;
	background-color: #036;
}
a:hover.button {
   color:#fff;
   text-decoration : none;
	background-color: #369;
}
a:visited:hover.button {
   color:#fff;
   text-decoration : none;
	background-color: #369;
}		
/* ==== End login page ==== */


/* ==== Logout treatment ==== */	
a.logout {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link.logout {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.logout  {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:hover.logout {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.logout {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}	
/* ==== End logout treatment ==== */	


.tableBg {
	background-color: #1D5F9F;
	padding: 0;
	margin: 0;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.footer {
	background-color: #1D5F9F;
	font: normal .6em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	/*border: 1px solid red;*/
	padding: 0;
	margin: 0;
}


/* ==== Admin bar ==== */
.adminBar { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	padding-left:10px;
	background: url(../img/adminBarBg.jpg) repeat-x;
	border-top:1px solid #fff; 
	border-bottom:1px solid #000;
	}
	
a.adminBarLink {
   color:#000;
   text-decoration : none;
	background-color: transparent;
}
a:link.adminBarLink {
   color:#000;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.adminBarLink  {
   color:#000;
   text-decoration : none;
	background-color: transparent;
}
a:hover.adminBarLink {
   color:#000;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.adminBarLink {
   color:#000;
   text-decoration : underline;
	background-color: transparent;
}		


.adminBarIcon {
	margin: 0 0 0 .5em;
}

/* ==== Project page ==== */	
.titleBar {
	padding: 2px;
	background: #fff url(../img/title_projectsBg.jpg) repeat-x;
	border: thin outset #ccc;
	margin: 4px;

}
.titleBarHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color:#000;
	padding: 2px;
	
}
.titleBarHeaderCenter {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#000;
	padding: 2px;
	
}

a.titleBarLink {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link.titleBarLink {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.titleBarLink  {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:hover.titleBarLink {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.titleBarLink {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}		
	
/* ==== remove once all references are removed ==== */
.projectList {
	background-color: #fff;
	height: 480px;
	color:#000;
	text-align: left;
	padding: .5em;
	display: block;
}

/* ==== Generic treatment for all lists ==== */
.list {
	background-color: #fff;
	height: auto;
	color:#000;
	text-align: left;
	padding: 4px;
	display: block;
	width: expression(navigator.userAgent.indexOf("MSIE")>=0?"100%":"99%");
	/*border: 1px solid red;*/
}

.rowBorder {
	border-top: 1px solid #ccc;
}

.help {
	background-color: #fff;
	color:#000;
	text-align: left;
	padding: 4px;
	display: block;
	/*margin-top:8px;*/
	/*border: 1px solid red;*/
}

/* ==== Task links ==== */
a.task {
   color:#036;
   text-decoration : none;
	background-color: transparent;
}
a:link.task {
   color:#036;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.task  {
   color:#036;
   text-decoration : none;
	background-color: transparent;
}
a:hover.task {
   color:#f00;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.task {
   color:#f00;
   text-decoration : underline;
	background-color: transparent;
}		
/* ==== Tasks ==== */


/* ==== Projects ==== */
.sectionProjects {
	padding: 2px;
	background: #fff url(../img/section_projectsBg.jpg) repeat-x;
	border: thin outset #ccc;
	margin: 4px;

}

.colorProjects {
background-color: #A6C2D8;
	
}

/* ==== End Projects ==== */

/* ==== Groups ==== */
.sectionGroups {
	padding: 2px;
	background: #fff url(../img/section_groupsBg.jpg) repeat-x;
	border: thin outset #ccc;
	margin: 4px;
}

.colorGroups {
	background-color: #B6A5AB;
}
/* ==== End Groups ==== */

/* ==== Sites ==== */
.sectionSites {
	padding: 2px;
	background: #fff url(../img/section_projectsBg.jpg) repeat-x;
	border: thin outset #ccc;
	margin: 4px;
}

.colorSites {
background-color: #A6C2D8;
}
/* ==== Sites ==== */


/* ==== Users ==== */
.sectionUsers {
	padding: 2px;
	background: #fff url(../img/section_usersBg.jpg) repeat-x;
	border: thin outset #ccc;
	margin: 4px;
}

.colorUsers {
	background-color: #BFBEA9;
}

/* ==== End Users ==== */

/* ==== Applet styles ==== */
.applet {
	background-color: #036;
	background-image: url(../img/loginBg.jpg);
	background: url(../img/loginBg.jpg) no-repeat;
}
/* ==== Required Fields ==== */
.required {
	FONT-SIZE: 10px; COLOR: red
}