@import "filebrowser.css";
@import "todo.css";

body {
	/*font-family: Trebuchet-MS,sans-serif;*/
	font-family: Verdana,sans-serif;
	font-size: 12px;
	color: #515151;
	margin:0;
	padding:0;
	background-color:#eeeeee;
	text-align: center; /* for IE */
}

div {
	text-align: left; /* for IE */
}

a {
	color:#0000ff;
	text-decoration:underline;
}

a:hover {
	color:#0000aa;
	text-decoration:underline;
	cursor: pointer;
}

img {
	border:0;
}

div.clear {
	clear:both;
}

div.top_bg {
	background-image:	url(img/top_bg.png);
	background-repeat:	repeat-x;
	width: 100%;
	height: 66px;
}

div.menu_head_wrap {
	width:960px;
	margin:0 auto;
}

div.menu_wrap {
	width:960px;
	/*border:1px solid #000;*/
	margin:0 auto;
	padding-top:15px;
}

div.menu_wrap2 {
	width:800px;
	/*border:1px solid #000;*/
	/*margin:0 auto;*/
	padding-top:15px;
}

div.main_wrap {
	width:960px;
	/*border:1px solid #000;*/
	margin:0 auto;
	text-align: center; /* for IE */
}

div.main_left_nomenu {
	float:left;
	width:938px;
	background-color:#eeeeee;
	/*height:700px;*/
	padding-right:10px;
}


div.main_left {
	float:left;
	width:660px;
	background-color:#eeeeee;
	/*height:700px;*/
	padding-right:10px;
}

div.main_right {
	float:left;
	width:268px;
	background-color:#e0e3e8;
	height:1100px;
	border-left: 1px solid #cdd1d9;
	border-right: 1px solid #cdd1d9;

}

#left_widget_top{
	margin:auto;
	background-color:#333;
	padding-top:7px;
	padding-bottom:19px;
	padding-left:12px;
	padding-right:12px;
	width:219px; /*243-12-12*/
	background: url(img/left_widget_top.png) no-repeat left top;
	color: #3e3e3e;
	font-size:13px;
	font-weight:bold;
}

#left_widget_top h4 {
	font-size:12px;
	padding:0;
	margin:0;
}

#left_widget_top p {
	font-size:12px;
	padding:0;
	margin:0;
}

#left_widget_bottom{
margin:auto;
	width:243px;
	height: 3px;
	background: url(img/left_widget_bottom.png) no-repeat left -16px;
	position:relative;
	margin-bottom: 25px;
}


#left_widget_top_short {
	margin:auto;
	background-color:#333;
	padding-top:10px;
	padding-bottom:19px;
	padding-left:12px;
	padding-right:12px;
	width:219px; /*243-12-12*/
	height:6px;
	background: url(img/left_widget_top_short.png) no-repeat left top;
	color: #3e3e3e;
	font-size:13px;
	font-weight:bold;
}

#left_widget_center {
	width:219px;
	margin:auto;
	background: url(img/left_widget_center.png) repeat-y 0 0;
	position:relative;	
		
	padding-top:7px;
	padding-bottom:10px;
	padding-left:12px;
	padding-right:12px;
}


div.left_widget_wrapper {
margin:auto;
	width:243px;
}


div.left_widget_wrapper  li {
	margin-top:6px;
	margin-bottom:6px;
	
}


ul.nodisc {
	padding:0;
	margin:0;
}

ul.nodisc h4 {
	color:#444;
}

ul.nodisc li {
	list-style-type: none;
}
 
ul.dash_milestone {
	padding:0;
	margin:0;
	margin-left:40px;
}

ul.dash_milestone li {
	list-style-type: circle;
 }
 
#left_widget_top p.notification {
	font-size:10px;
	margin:0 auto;
	padding:0;
	margin-top:4px;
	
}

#center_widget_top div.buttons {
	float:right;
	padding-right:10px;
	padding-top:7px;
}	

#center_widget_top div.buttons img {
	border:0;
	padding:0;
	margin:0;
}

#center_widget_top div.title {
	margin:0;
	padding:0;
	padding-top:10px;
	float:left;
	color:#555;
}


.long_widget_top{
	background-color:#333;
	padding-left:12px;
	
	/*width:626px; /*243-12-12*/
	width:960px; /*to see in ie too*/
	background: url(img/long_widget_top.png) no-repeat left top;
	color: #3e3e3e;
	font-size:12px;
	font-weight:bold;
	height:38px;
	
}

.long_widget_subheader {
	width:952px; 
	background: url(img/long_widget_subheader.png) no-repeat left top;
	height:32px;
	
	
	padding-top:0px;
	padding-bottom:1px;
	padding-left:12px;
	padding-right:12px;
	
}

.long_widget_center{
	width:952px; /* 638 is normal width, minus the padding left & right 2x14 */
	/*width:638px;*/ /*to see in ie too*/
	background: url(img/long_widget_center.png) repeat-y left top;
	/*position:relative;*/
	/*margin:0 auto;
	padding:12px;	
	*/
	

	/*
	padding-top:12px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	*/
	
	padding:0;
	margin:0;
	padding-top:1px;
	padding-bottom:1px;
}

.long_widget_bottom{
	width:952px; 
	height: 27px;
	background: url(img/long_widget_bottom.png) no-repeat left top;
	position:relative;
}


#center_widget_top{
	background-color:#333;
	padding-left:12px;
	
	/*width:626px; /*243-12-12*/
	width:640px; /*to see in ie too*/
	background: url(img/center_widget_header.png) no-repeat left top;
	color: #3e3e3e;
	font-size:13px;
	font-weight:bold;
	height:39px;
	
}


#center_widget_center{
	width:614px; /* 638 is normal width, minus the padding left & right 2x14 */
	/*width:638px;*/ /*to see in ie too*/
	background: url(img/center_widget_center.png) repeat-y left top;
	/*position:relative;*/
	/*margin:0 auto;
	padding:12px;	
	*/
	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	
}


#center_widget_bottom{
	width:638px; 
	height: 7px;
	background: url(img/center_widget_bottom.png) no-repeat left top;
	position:relative;
}
/*
#center_widget_center hr {
	width:610px;
	
	margin-left:0;
	margin-right:0;
}


#center_widget_center p.center_widget_project  {
	width:610px;
	
	margin-left:0;
	margin-right:0;
}


div.tweet {
	width:592px;
	
	margin-left:0;
	margin-right:0;
}
*/

div.center_widget_date {
	display:block;
	width:96%;
	border-bottom:1px dotted #aaa;
	font-size: 10px;
	color:#aaa;
}

div.center_widget_item {
	display:block;
	margin-top:4px;
	margin-bottom:4px;
	float:left;
	padding:3px;
}

div.center_widget_label.file {
	background-color:#bbcc99;
}
div.center_widget_label.task {
	background-color:#aaccbb;
}
div.center_widget_label.status {
	background-color:#77aacc;
}
div.center_widget_label.member {
	background-color:#65d959;
}
div.center_widget_label.message {
	background-color:#aaaabb;
}
div.center_widget_label.share {
	background-color:#bbaabb;
}
div.center_widget_label.milestone {
	background-color:#aabbaa;
}
div.center_widget_label {
	width:60px;
	margin-right:6px;
	background-color:#eee;
	float:left;
	margin-top:4px;
	margin-bottom:4px;
	text-align:center;
	padding:3px;
	font-weight:bold;
	font-size:10px;
	color:#eee;
}

p.center_widget_project {
	color:#444;
	font-weight:bold;
}


.highlited_left{
	background-color:#f1f1f1	;
	padding-top:4px; padding-bottom:4px; padding-left:4px;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
}

.highlited {
	/*background-color:#eee; */
	background-color:#e6e6e6; 
	padding-top:4px; padding-bottom:4px; padding-left:4px;
	
}

.highlited_left_proj {
	/*background-color:#eee; */
	/*background-color:#eaeaea; */
	border-bottom: 1px dotted #aaa;
	padding-top:2px; padding-bottom:2px; padding-left:4px;
}

.highlited_left_proj a {
	text-decoration:none;
	color:#0000cc;
}


a.addgraylink {
	color:#444;
	text-decoration:none;
	padding-left:22px;
	height:18px;
	background:url(img/addgray.png) 0px -1px no-repeat;
}
a.addgraylink:hover {
	text-decoration:underline;
}


.context {
	width:150px; 
	/*height:200px; */
	position:absolute; 
	background-color:#eee;
	border: 1px solid #ccccff;
	border-top:0px solid #eee;
	z-index:3;
	display:none;
	padding:0;
	margin:0;
}

.context  ul {
	margin:0;
	padding:0;
}

.context ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	cursor:pointer;
}

.context ul li.separator {
	border-bottom:1px solid #ccc;
	height: 1px;
	font-size:0px;
}

.context ul li a {
	padding-top:4px;
	padding-bottom:4px;
	
	display:block;
	width:120px;
	/*background-color:#fff;*/
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;	
}

.context ul li:hover{
	
	background-color:#ccc;
}

.fileRowHover {
	background-color:#eee;
}

.tabnormal {
	border:1px solid #ccc;
	border-left:none;
	background:#ddd;
	padding:8px;
	width:100px;
	margin-bottom:5px;
}

.tabselected {
	border:1px solid #ccc;
	border-left:1px solid #eee;
	background:#eee;
	padding:8px;
	width:101px;
	margin-bottom:5px;
	position:relative;
	left:-1px;
	font-weight:bold;
}

.tabnormal a  img{
	padding-left:15px;
	margin-top:1px;
}
.tabselected a  img{
	padding-left:15px;
	margin-top:1px;
}


.bigtext {
	font-size:12px;	
}

.project_title {
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	
	background-color:#eee;
	padding:11px;
	padding-left:4px;
}

div.milestonenormal {
	padding:4px;
	margin-top:4px;
}

div.milestoneselected {
	background-color:#eee;
	padding:4px;
	margin-top:4px;
	border:1px solid #dfdfdf;
}

div.milestoneselected  a{
	text-decoration:none;
}


#context2 {
	width:455px;
	/*height:200px; */
	position:absolute; 
	/*background-color:#eee;*/
	z-index:3;
	display:none;
	padding:14px;
	margin:0;
}

#context3 {
	width:504px;
	/*height:200px; */
	position:absolute; 
	/*background-color:#eee;*/
	z-index:3;
	display:none;
	padding:0;
	margin:0;
}

#context2 ul.swatches {
	padding:0;
	margin:0;
	margin-left:36px;
}

#context2 .swatches li {
	width:110px;
	height:20px;
	margin-bottom:4px;
	padding:0;
	list-style-type:none;
	border:1px solid #aaa;
}

#context2 .swatches li:hover {
	border:1px solid #ccc;
}

#context2 .sw1 {
	background-color:#33dd33;
}
#context2 .sw2 {
	background-color:#dd3333;
}
#context2 .sw3 {
	background-color:#3333dd;
}
#context2 .sw4 {
	background-color:#aaaa33;
}
#context2 .sw5 {
	background-color:#33dddd;
}
#context2 .sw6 {
	background-color:#dddd33;
}

div.todooptions {
	width:200px;
	height:17px;
	border:0px dashed #222;
	float:right;
}

.todolevel2 .todooptions {
width:198px;
padding-bottom:6px;
}

.todolevel3 .todooptions {
width:196px;
}
div.todooptions p {
	margin:0;
	padding:0px;
	padding-top:2px;
	margin-right:10px;
}
a.todoitemoptions {
	display:none;
	
}
div.todoitemvisible {
	float:left;
	font-weight:normal;
	font-size:10px;
	background-color:#eee;
	padding:4px;
	padding-right:0;
	width:80px;

}

.todo_item_done div.todoitemvisible {
	background:none;
}

div.todoitemvisible p {
	float:left;
	
}
div.todoitemvisible img{
	float:right;
	
}

.todo_item_done div.todoitemvisible  img{
	display:none;
}


.todooptions p {
	float:right;
}
















/* INDEX */
div.top_bg {
	height:65px;
}

div.mainadd {
	background-image:	url(img/mainadd.png);
	background-repeat:	repeat-x;
	width: 100%;
	height: 344px;
}

div.mainadd2 {
	background-color:#eeeeee;
	width: 100%;
	/*height: 370px;*/
	min-height: 370px;
	overflow: auto;
	padding-bottom: 20px;
}

div.maintrans{
	background-image:	url(img/transition.png);
	background-repeat:	repeat-x;	
	width: 100%;
	height: 6px;
}

div.mainadd3 {
	background-color:#e4e5e7;
	width: 100%;
	height: 500px;
}

div.mainadd_left {
	float:left;
	width:480px;
	padding-top:30px;
}

div.mainadd_right {
	float:left;
	width:480px;
	padding-top:30px;
}

div.mainadd2_left {
	float:left;
	width:620px;
	padding-top:30px;
}

div.mainadd2_right {
	float:left;
	width:320px;
	padding-top:30px;
}



div.vertical_separator {
	width:3px;
	height:350px;
	background-image:url(img/vertical_separator.png);
	background-repeat:repeat-y;
	background-position:0px 0px;
	padding:0;
	margin:0;
	float:left;
	margin-top:35px;
}


div.mainadd3_left {
	float:left;
	width:255px;
	padding-top:30px;
	margin-right:40px;

}

div.mainadd3_center {
	float:left;
	width:255px;
	padding-top:30px;
	margin-left:40px;
	margin-right:40px;
}

div.mainadd3_right {
	float:left;
	width:250px;
	padding-top:30px;
	margin-left:40px;
}


div.add2item {
	margin-right:15px;
	margin-bottom:20px;
	width:190px;
	height:150px;	
	float:left;
}
div.add2item .icon {
	width:48px;
	height:48px;
	float:left;
}
div.add2item .title {
	float:left;
	font-size:16px;
	padding-top:2px;
	padding-left:8px;
	margin:0;
	font-weight:normal;
}
div.add2item .msg {
	padding-top:6px;
	font-size:11px;
	line-height:16px;
	padding-left:56px;
}

div.add2item  .ifolder {
	background-image:url(img/icons/folder.png);
}
div.add2item  .chat {
	background-image:url(img/icons/users_comments.png);
}
div.add2item  .lock{
	background-image:url(img/icons/lock.png);
}

div.add2item  .calendar {
	background-image:url(img/icons/calendar_date.png);
}
div.add2item  .gear {
	background-image:url(img/icons/process.png);
}
div.add2item  .notebook{
	background-image:url(img/icons/notebook_edit.png);
}



div.add2item .menu_proj_m {
	background-image:url(img/icons/icon_proj_man.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 80px; margin-left: -32px;
	
}
div.add2item .menu_tm {
	background-image:url(img/icons/icon_tm.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 78px; margin-left: -30px;
	
}
div.add2item .menu_whiteb {
	background-image:url(img/icons/icon_whiteb.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 65px; margin-left: -17px;
}
div.add2item .menu_status {
	background-image:url(img/icons/icon_status.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 68px; margin-left: -20px;
}
div.add2item .menu_chat {
	background-image:url(img/icons/icon_chat.png);
	background-repeat:no-repeat;
	width: 75px; margin-left: -27px;
}
div.add2item .menu_file {
	background-image:url(img/icons/icon_folder.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 62px; margin-left: -14px;
}


div.customer_spotlight {
	margin-left:10px;
	background-image:url(img/spotlight.png);
	background-repeat:no-repeat;
	width:290px;
	height:270px;
	padding-top:50px;
	padding-left:28px;
	padding-right:20px;
	
	font-size:15px;
}

.tweetblob {
	font-size:11px;
}

.pressblob {
	font-size:11px;
}


.blogblob {
	font-size:11px;
}

.mainMenu {
	float:right;
	margin:0;
	padding-top:4px;
}

.mainMenu li {
	float:left;
	width:78px;
	/*height:23px; */
	height:30px;
	text-align:center;
	padding-top:7px;
	background-image:url(img/menu_up.png);
	background-repeat: no-repeat;
	margin-left:10px;
	list-style-type:none;
}

.mainMenu li.active {
	float:left;
	width:78px;
	/*height:23px;*/
	height:30px;
	text-align:center;
	padding-top:7px;
	background-image:url(img/menu_down.png);
	background-position:0 1px;
	background-repeat: no-repeat;
	margin-left:10px;
	list-style-type:none;
}

.mainMenu li.active a {
	color:#fff;
	text-decoration:none;
	background-image: none;
}

.mainMenu li a {
	color:#eee;
	text-decoration:none;
}

.main_right p {
	padding-left:10px;
}


div.main_footer {
	background-color:#e4e5e7;
	width: 100%;
	height: 100px;
	
}
.footer_wrap {
	text-align:center;
	background-color:#e4e5e7;
	
	border-top:1px dotted #aaa;
	padding-top:14px;
}

div.main_footer2{
	background-color:#eee;
	width: 100%;
	
}
.footer_wrap2 {
	text-align:center;
	background-color:#eee;
	
	border-top:1px dotted #aaa;
	padding-top:14px;	
}

.footer_wrap a , .footer_wrap2 a {
	color:#777;
	text-decoration:none;
}

.footer_wrap a:hover , .footer_wrap2 a:hover {
	color:#333;
	
}

a.selected {
	color:#777;
	text-decoration:underline;
}


.loginadd {
	background-image:url(img/top_bg.png);
}

.heightseparator {
	height:200px;
}

.heightseparator_logo {
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	background-position: 0px 14px;
	
	width:960px;
	margin:auto;
	height: 200px;
}

.loginhelp {
	margin-top:10px;
	text-align:center;
}




.mainMenuSystem {
	margin:0;
	padding:0;
}

li.menuitem {
	float:left;
	list-style-type:none;
}

li.menuitem a {
	text-indent:-9999px;
	margin-right:6px;
	display:block;
	background-repeat:no-repeat;
}

.menu36 a {
	width:128px;
	height:36px;
	
	background-image:url('img/menu_dashboard.png');
}
.menu36.active a {
	background-image:url('img/menu_dashboard_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}

.menu34 a {
	/*width:96px;*/
	width:128px;
	height:36px;
	float:left;
	background-image:url('img/menu_privatefiles.png');
}

.menu34.active a {
	background-image:url('img/menu_privatefiles_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}

.menu35 a {
	width:133px;
	height:36px;
	float:left;
	background-image:url('img/menu_collab.png');
}

.menu35.active a {
	background-image:url('img/menu_collab_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}


.menu38 a {
	width:107px;
	height:36px;
	float:left;
	background-image:url('img/menu_overview.png');
}
.menu38dis a {
	width:107px;
	height:36px;
	float:left;
	background-image:url('img/menu_overview_dis.png');
}

.menu38.active a {
	background-image:url('img/menu_overview_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}


.menu42 a {
	width:96px;
	height:36px;
	float:left;
	background-image:url('img/menu_files.png');
}
.menu42dis a {
	width:133px;
	height:36px;
	float:left;
	background-image:url('img/menu_files_dis.png');
}

.menu42.active a {
	background-image:url('img/menu_files_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}


.menu50 a {
	width:128px;
	height:36px;
	float:left;
	background-image:url('img/menu_statusreports.png');
}
.menu50dis a {
	width:128px;
	height:36px;
	float:left;
	background-image:url('img/menu_statusreports_dis.png');
}
.menu50.active a {
	background-image:url('img/menu_statusreports_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}



.menu48 a {
	width:93px;
	height:36px;
	float:left;
	background-image:url('img/menu_tasks_short.png');
}
.menu48dis a {
	width:93px;
	height:36px;
	float:left;
	background-image:url('img/menu_tasks_short_dis.png');
}
.menu48.active a {
	background-image:url('img/menu_tasks_short_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}


.menu51 a {
	width:134px;
	height:36px;
	
	background-image:url('img/menu_myProjects.png');
}
.menu51.active a {
	background-image:url('img/menu_myProjects_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}


.menu49 a {
	width:118px;
	height:36px;
	float:left;
	background-image:url('img/menu_whiteboard.png');
}
.menu49dis a {
	width:118px;
	height:36px;
	float:left;
	background-image:url('img/menu_whiteboard_dis.png');
}
.menu49.active a {
	background-image:url('img/menu_whiteboard_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}



.menu94 a {
	width:110px;
	height:36px;
	float:left;
	background-image:url('img/menu_gantt.png');
}
.menu94dis a {
	width:110px;
	height:36px;
	float:left;
	background-image:url('img/menu_gantt_dis.png');
}
.menu94.active a {
	background-image:url('img/menu_gantt_down.png');
	background-position:1px 1px;
	background-repeat:no-repeat;
}


.secondContent {
	margin:0;
	padding:0;
}


ul.secondMenu {
	margin:0;
	padding:0;
}

ul.secondMenu li {
	list-style-type:none;	
}

ul.secondMenu li a{
	color:#666;
	text-decoration:none;
	padding-left:10px;
}

ul.secondMenu li.tabselected a{
	color:#555;
	font-weight:normal;
}










div.people_widget {
	width:84px;
	height:77px;
	float:left;
	padding:0px;
	margin-right:18px;
	margin-bottom:36px;
	text-align:center;
	background-image:url('img/widget_people4.png');
}

div.people_widget:hover {
	cursor:pointer;
	text-decoration:underline;
}

div.people_widget .imagespace {
	height:68px;
	padding-top:12px;
	
	background-position: 20px 13px;
	background-repeat:no-repeat;
	
	overflow: hidden;
}

div.people_widget .imagespace.read{
	background-image:url('img/icons/user.png');	
}

div.people_widget .imagespace.addnew{
	background-image:url('img/icons/business_user_add.png');	
}

div.people_widget .imagespace.write{
	background-image:url('img/icons/business_user_edit.png');	
}

div.people_widget .imagespace.na{
	background-image:url('img/icons/user_pending.png');	
}
div.people_widget .imagespace.image{
	background:none;
	height:68px;
	
}
div.people_widget .imagespace.image img{
	
}

div.people_widget .labelspace {
	
}


.textbox {
	background:none;
	padding-left:4px;padding-right:4px;
	background-image:url('img/textboxbg.png');
	background-repeat:no-repeat;	
	width:396px;
	height:31px;
	border:none;
	float:left;
}

.email_label {
	background-image:url('img/temp_email.png');	
	background-repeat:no-repeat;
	background-position:0px 5px;
	float:left;
	width:70px;
	height:31px;
}

.email_go{
	background-image:url('img/search.png');	
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:32px;
	height:31px;
	margin-left:10px;
	cursor:pointer;
}

.fileTreeHolder {
	width: 97%;
	
	height: 80%;
	border: 1px solid #bbbbbb;
	overflow: scroll;
	overflow-X:hidden;
	padding: 5px;
}




.message_row_holder {
	border: 0.5px solid #eeeeee;
}
div.message_row_holder:hover {
	border: 0.5px solid #eeeeee;
	background: #eeeeee;
}

.message_row_date {
	border: 0px solid #bbbbbb;
	color: #bbbbbb;
	
	float: right;
}


/* ---------------- diskusage ----------------- */
div.diskusage_bg {
	margin: 0px;
	padding: 0px;
	border: 0px solid #ff0000;
	background-image:	url(img/diskusage_bg.png);
	background-repeat:	no-repeat;
	background-position: top left;
	width: 209px;
	height: 26px;
	margin-left: 8px;
	
}
div.diskusage_used {
	margin: 0px;
	padding: 0px;
	border: 0px solid #ff0000;
	background-image:	url(img/diskusage_used.png);
	background-repeat:	no-repeat;
	background-position: top left;
	width: 0px;
	height: 21px;
	border: 0px solid #00ffff;
}
div.diskusage_used_ending {
	margin: 0px;
	padding: 0px;
	background-image:	url(img/diskusage_used_middle_end.png);
	background-repeat:	no-repeat;
	background-position: top right;
	width: 3px;
	height: 21px;
	float:left;
}
	
div.diskusage_script {
	border: 0px solid #ff0000;
	width: 209px;
	height: 26px;
	font-size:0.8em;
	padding-top: 4px;
	text-align: center;
}



/* ---------------- registration ----------------- */

div.registrationColumn {
	float:left;
	border: 0px solid #00ff0f;
	width:300px;
	height:230px;
}

div.registrationRow {
	height: 30px;
	padding: 3px;
	margin-left: 100px;
}

div.registrationRow2 {
	height: 30px;
	padding: 3px;
}

div.registrationErrorMessage {
	border: 1px solid #eedddd;
	background: #ffeeee;
	width:410px;
	min-height:20px;
	color: #ee0000;
	margin-left: 100px;
	padding: 5px 5px 5px 5px;
}
div.loginErrorMessage {
	border: 1px solid #eedddd;
	background: #ffeeee;
	width:410px;
	min-height:20px;
	color: #ee0000;
	margin-left: 100px;
	padding: 5px 5px 5px 5px;
}



.peopleinfo_top{	
	/*width:381px;*/ /*243-12-12*/
	width:381px;
	background: url(img/peopleinfo_top.png) no-repeat left top;
	height:5px;
}

.peopleinfo_middle{
	/*width:381px;*/
	width:361px;
	background: url(img/peopleinfo_middle.png) repeat-y left top;
	position:relative;
	margin:0;
	padding:12px;
	border: 0px solid red;
}

.peopleinfo_bottom{
	/*width:381px;*/
	width:381px;
	height: 7px;
	background: url(img/peopleinfo_bottom.png) no-repeat left top;
	position:relative;
}

.placeholder_projectname {
/*border:1px solid #ff0000;*/
	padding-bottom:8px; 
	padding-top:10px; 
	text-align:right; 
	color:#eee; 
	margin-top:2px; 
	height:16px; 
	
	width:228px;
	
	float:left;
}

.logo {
	float:left;
}


.bodytext {
    font-size: 14px;
    line-height: 24px;
}

h1.left_blurb {
	margin:0; padding:0; font-size:19px; 
	text-transform: uppercase; text-shadow: 0px 1px 3px #444; color:#EEE; font-weight:bold;
	position:relative;
	
}

h2.left_blurb {
	margin:0;
	margin-top:12px;
	margin-left:36px; color:#222;font-size: 18px; text-shadow: 0px 0px 2px #999;
}

h2.left_blurb_small {
	margin:0;
	margin-top:10px;
	margin-left:0px; 
	color:#eee;
	font-size: 17px; 
	text-shadow: 0px 1px 2px #444;

}

.iconBoxHolder {
	float:left;
	margin-left:0px;
	padding:5px;
}

.logoBox {
	width:920px;
	margin:auto;
}



	
	/* Long widget */
	.reg_long_widget_top{
		background-color:#333;
		padding-left:12px;
		
		/*width:626px; /*243-12-12*/
		width:960px; /*to see in ie too*/
		background: url(img/reg_long_widget_top.png) no-repeat left top;
		color: #3e3e3e;
		font-size:12px;
		font-weight:bold;
		height:38px;
		
	}
	
	.reg_long_widget_subheader {
		width:952px; 
		background: url(img/reg_long_widget_subheader.png) no-repeat left top;
		height:32px;
		
		
		padding-top:0px;
		padding-bottom:1px;
		padding-left:12px;
		padding-right:12px;
		
	}
	
	.reg_long_widget_center{
		width:952px; /* 638 is normal width, minus the padding left & right 2x14 */
		background: url(img/reg_long_widget_center.png) repeat-y left top;
		padding:0;
		margin:0;
		padding-top:1px;
		padding-bottom:1px;
	}
	
	.reg_long_widget_bottom{
		width:952px; 
		height: 27px;
		background: url(img/reg_long_widget_bottom.png) no-repeat left top;
		position:relative;
	}
	
	
	/*LOGO images*/
	.asFeaturedBox {
		border: 1px solid #f3f3f3;
		padding: 10px;
		margin-top: 10px; 
		margin-left: 8px;
		margin-right: 33px;
		margin-bottom: 20px;
		width: 910px;
	}
	/*
	.asFeaturedBox:hover {
		background: #eee;
	}*/
	
	.asFeaturedText {
	    float: left;
	    font-size: 15px;
	    font-weight: bold;
		color:#444;
	    padding: 12px 0 0 10px;
		
		text-shadow: 1px 1px 0px #ddd;
	}
	
	.logo_gigaom {
		border: 0px solid red;
		width: 50px;
		height: 40px;
		background: url(img/logo_gigaom.jpg) no-repeat center center;
		background-size: 64px;
		position:relative;
		float: left;
		margin-left: 10px;
	}
	.logo_killerstartups {
		border: 0px solid red;
		width: 135px;
		height: 40px;
		background: url(img/logo_killerstartups.jpg) no-repeat center center;
		background-size: 130px;
		position:relative;
		float: left;

	}
	.logo_bnet {
		border: 0px solid red;
		width: 60px;
		height: 40px;
		background: url(img/logo_bnet.png) no-repeat center center;
		background-size: 30px;
		position:relative;
		float: left;
	}
	.logo_brainyard {
		border: 0px solid red;
		width: 170px;
		height: 40px;
		background: url(img/logo_brainyard.jpeg) no-repeat center center;
		background-size: 170px;
		position:relative;
		float: left;
	}