/* CSS Document */

*{
margin:0;
padding:0;
}

html {
border:none;
}


.login {
	width:100%;
	min-height:400px;
	border:0px solid #0066CC
	}
.login td  .div-login{
	min-height:400px;
	text-align:center;
	vertical-align:middle
	}	
.inbox th {
vertical-align:middle;
text-align:left;
padding-left :3px;
border:#00CCFF solid 1px;

}
.project-grid {
	width: 100%;
	
	}
.project-grid a {
	color: #330000;
	
}
.project-grid a:hover{
	color: gray;
	
}

.project-grid td {
		padding:2px;
		background:#CCCCCC;
		text-align:left;
}
.project-grid th {
	background:#000000;
	color:#999999;
	}
.inbox td {
vertical-align:middle;
text-align:left;
padding :3px;


}



/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}

/* Newsletters table on member.php */
.newsletters {
  width:100%;
}
.newsletters td {
    padding: 5px;
    margin: 5px;
}
.newsletters td.disabled {
    padding: 5px;
    margin: 5px;
    color: #505050;
}

/* Newsletters archive table on member.php */
.newsletters_archive td {
    padding: 2px;
    margin: 0px;
}

.inbox td a {
color: black;


}
.inbox td a:hover {
color:#999900;


}
.message-details  {
	width:100%;
}
.message-details  td{
	text-align:RIGHT;
	padding:5px;
	vertical-align:top;
}
.message-details .message-content {
	width :100%;
	border:0px solid red;
	text-align:left;
}
.message-details .message-value{
	text-align:left

}
.message-from {
background:#CC9999;
width:100%
}
.message-from div {
	display:inline;
	margin:5px;
	height:500px;
	border1px solid red;
}



hr{
width:99%;
	color:red;
	height:1px;
	border:1px solid #009;
	clear:both;
	margin:5px
	

}
body {
font:12px Arial, Helvetica, sans-serif;
border:none;
margin:12px 0;
}

.container {
width:962px;
margin:0 auto;
background:url(../images/header.jpg) no-repeat top;
padding:20px 0 0 0;
}

.clear {
clear:both;
height:0;
}

.logo {
padding:10px 0 0 20px;
float:left;
width:200px;
display:inline;
}

.header_right_link {
padding:20px 25px 0 0;
float:right;
width:200px;
display:inline;
}

.header_right_link ul {
text-align:right;
}

.header_right_link ul li {
list-style:none;
display:inline;
padding:0 15px;
border-right:1px solid #fff;
}

.header_right_link ul li a, 
.header_right_link ul li a:visited {
font:12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}

.header_right_link ul li a:hover {
font:12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}

.page_content {
width:931px;
margin:10px auto 0 auto;
background:url(../images/page_back.jpg) repeat-y;
}

.page_content_top {
width:931px;
background:url(../images/page_top.jpg) no-repeat top;
}

.content {
width:884px;
margin:0 auto;
padding:20px 0;
}

.box {
width:884px;
background:url(../images/box_back.jpg) repeat-y;
}

.box_top {
width:884px;
background:url(../images/box_top.jpg) no-repeat top;
}

.box_bottom {
width:884px;
background:url(../images/box_bottom.jpg) no-repeat bottom;
height:30px;
}



.box_left {
width: auto;
float:left;
color:#186077;
font:12px Arial, Helvetica, sans-serif;
text-align:left;
padding:7px 0 7px 15px;
}

.box_left a, .box_left a:visited {
color:#186077;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}

.box_left a:hover {
color:#186077;
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.box_left .color {
color:#f0863a;
font:12px Arial, Helvetica, sans-serif;
}

.box_left .color a, .box_left .color a:visited {
color:#f0863a;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}

.box_left .color a:hover {
color:#f0863a;
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.box_right {
width:auto;
float:right;
color:#727678;
font:12px Arial, Helvetica, sans-serif;
text-align:right;
padding:7px 15px 7px 0;
}

.box_right a, .box_right a:visited {
color:#727678;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}

.box_right a:hover {
color:#727678;
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.sidebar {
width:203px;
float:left;
margin:25px 0 0 0;
}

.sidebar_box {
background:url(../images/side_box_back.jpg) repeat-y;
width:203px;
}

.sidebar_box_top {
background:url(../images/side_box_top.jpg) no-repeat top;
width:203px;
}

.sidebar_box_bottom {
background:url(../images/side_box_bottom.jpg) no-repeat bottom;
padding:12px 0;
margin-bottom:15px;
}

.sidebar h2 {
color:#79bcda;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px solid #54a1c3;
background:url(../images/side_head_icon.jpg) no-repeat left top;
padding:0 0 0 20px;
margin:0 10px;
}


.sidebar h2 .colorside {
color:#186077;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}

.sidebar ul {
padding:5px 0;
}

.sidebar ul li {
list-style:none;
}

.sidebar ul li a {
color:#878e8e;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
height:23px;
width:168px;
padding:14px 0 0 35px;
background:url(../images/side_icon.gif) no-repeat left;
}

.sidebar ul li a:hover {
color:#878e8e;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
background:url(../images/hover_back_side.jpg) no-repeat;
display:block;
height:23px;
width:168px;
padding:14px 0 0 35px;
}

.content_right {
width:652px;
float:right;
margin:25px 0 0 0;
background:url(../images/content_back.jpg) repeat-y;
}

.content_right_top {
width:652px;
background:url(../images/content_top.jpg) no-repeat top;
}

.content_right_bottom {
background:url(../images/content_bottom.jpg) no-repeat bottom;
height:auto;
padding:0 10px 10px 10px;
}

.content_box_heading {
width:auto;
text-align:left;
padding:7px 0 15px 0;
}

.content_box_heading h3 {
color:#fff;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
}

.content_right h2 {
color:#dd4901;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
}

.content_right p {
color:#444;
font:12px Arial, Helvetica, sans-serif;
margin:5px 0 10px 0;
}

.footer {
width:931px;
background:#25697e;
}

.footer_top {
width:931px;
background:url(../images/footer_top.jpg) no-repeat top
}

.footer_bottom {
width:931px;
background:url(../images/footer_bottom.jpg) no-repeat bottom;
padding:26px 0;
text-align:center;
}

.footer_bottom p {
color:#e4e4e4;
font:12px Arial, Helvetica, sans-serif;
}

.footer_bottom a, .footer_bottom a:visited {
color:#e4e4e4;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}

.footer_bottom a:hover {
color:#e4e4e4;
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}



.error {-moz-border-radius: 8px; -webkit-border-radius: 8px; background-image:url(images/_warningred.gif); background-repeat:no-repeat; background-position: 20px 15px; padding: 20px 20px 20px 10px; margin:0px 0px 10px 15px; background-color:#ffe3e1; border: 2px solid #ffc6ad; line-height:normal;}



.info {-moz-border-radius: 8px; -webkit-border-radius: 8px; background-image:url(images/warningred.gif); background-repeat:no-repeat; background-position: 20px 15px; padding: 20px 20px 20px 50px; margin:0px 0px 0px 0px; background-color:#CCF9D2; border: 2px solid #003300; line-height:normal;}



.row1 {-moz-border-radius: 8px; -webkit-border-radius: 1px; background-image:url(images/_warningred.gif); background-repeat:no-repeat; background-position: 20px 15px; padding: 5px 5px 5px 5px; margin:10px 10px 10px 10px; background-color:white; border: 2px solid #A0A0A0; line-height:normal;}


.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; } 



/* vedit - vertical table (signup, profile edit) */
.vedit {
    border: solid 0px #8CACBB;
	 vertical-align:middle;
	 width:100%;
}
.vedit-action{ color:red}
/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #8CACBB;
}


.blank_line{ height:4px; !important}

/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}


div.header {
	font-size: 22px; font-weight: bold; color: #0B55C4; line-height: 48px;
	padding-left: 55px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

div.header span { color: #666; }

div.configuration {
	font-size: 14px; font-weight: bold; color: #0B55C4; line-height: 16px;
	padding-left: 30px;
	margin-left: 10px;
	background-image: url(../images/menu/icon-16-config.png);
	background-repeat: no-repeat;
}

div.toolbar { float: right; text-align: right; padding: 0; }

table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 			 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; }

table.toolbar a {
    display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
	text-decoration:none;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}
.task-associate input {
	width :50% !important;
	
}
.task-associate input:radio {
	width :50% !important;
	
}
.addProject { width:100%; border:1 solid #003333}
.addProject td {

	padding :5px;
}
.addProject input {
	width :90%;
}
.addProject textarea  {
	width:90%;
	height:100px;
}
.mandatory{ color:red;}
.mandatory-hint{ color:#000000; font-style:italic}
.mandatory-hint span{
			color : red;
	}
.flash {
	clear:both;
	font-size:12pt;
	font-weight:bold;
	color:green;
	width:100%;
	text-align:center;
	vertical-align:middle;
}
.filter-element {
	width :60%;
}
#container textarea{
	height:20px;

}
#container table{
	border:1px dotted gray;
	margin:5px;
}
#container table td{
	border:none;
	text-align:left;
	vertical-align:top;
}
.filter-element input{width :10%; }
.icon-32-add		{ background-image: url(../images/new_f2.png); }
.icon-32-save		{ background-image: url(../images/apply_f2.png); }
.icon-32-delete		{ background-image: url(../images/cancel_f2.png); }
.icon-32-edit		{ background-image: url(../images/edit.jpeg); }