@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#d3d3d3 url(../images/body_bg.jpg) repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#413b3b;
}

a {
	color:#ff0096;
	text-decoration:none;
	font-weight:bold;
}

a img {
	border:none;
}

.rightMargin20 {
	margin-right:20px;
}

.fixedHeight152 {
	height:160px;
}

.lefty {
	float:left;
}

.righty {
	float:right;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* headlines */

h3 {
	background: url(../images/headline_bg.jpg) repeat-x;
	height:15px;
	font-size:11px;
	color:#fff;
	padding:4px 10px;
	margin:0 0 1px 0;
}

h4 {
	margin:0 0 5px 0;
	font-size:15px;
	color:#FF0096;
}


/* main structure */

#header {
	width:100%;
	height:105px;
	background:#000 url(../images/header_bg.jpg) repeat-x;	
}

#headerContainer {
	background:url(../images/header_content_bg.jpg) no-repeat;
	height:105px;
	width:916px;
	padding:0 5px 0 0;
}

#contentWrapper {
	width:916px;
	padding:20px 5px 0 0;
}

.contentContainer {
	display:block;
	padding:0px 20px 15px 20px;
	overflow:hidden;
}

#footer {
	display:block;
	background:url(../images/footer_bg.jpg) repeat-y;
	height:100px;
	clear:both;
	margin-top:30px;
}

/* userbox */

#userBox {
	color:#e1e1e1;
	float:right;
	padding:80px 20px 0 0;
}

#userBox a.userId {
	color:#e1e1e1;
}

.grayBox {
	border-top:#fff solid 4px;
	border-bottom:#fff solid 4px;
	background:#f0f0f0;
	padding:10px;
 }

.quoteBox {
	border-top:#e1e1e1 solid 4px;
	border-bottom:#e1e1e1 solid 4px;
	padding:10px;
	overflow:hidden;
 }
 
 .unsortedBox .quoteBox, .projectsBox .quoteBox { height:18px; }
 
/* mainmenu tabs */

#mainMenu {
	margin:0;
	padding:76px 0px 0px 17px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}

#mainMenu li {
	float:left;
	background:url(../images/menutab_inactive.jpg) no-repeat right;
	height: 29px;
	padding:0px 15px 0 0;
	margin:0 1px 0 0;
}

#mainMenu li a {
	display: inline-block;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/menutab_inactive.jpg) no-repeat left;
	height:18px;
	padding:11px 0 0 15px;
}

#mainMenu li.menuActive { background:url(../images/menutab_active.jpg) no-repeat right; }

#mainMenu li.menuActive a {
	background:url(../images/menutab_active.jpg) no-repeat left;
	color:#333;
}

/* content boxes */

.twoThirdBox {
	float:left;
	width: 581px;
}

.oneThirdBox {
	float:left;
	width: 275px;
}

.fullBox {
	display:block;
}

.unsortedBox {
	width:478px;
	float:left;
}

.projectsBox {
	float:left;
	width:378px;
}

.projectsBoxBig {
	float:left;
	width:100%;
}

.bottomBtnContainer {
	display:block;
	clear:both;
	border-top: 4px solid #E1E1E1;
}

/* atentionBox */

.attentionBox {
	display:block;
	background: #f1faff;
	border:1px solid #a7e6fb;
	padding:10px;
}

.attentionBox .closeBtn {
	float:right;
	display:block;
}

.attentionBox p {
	text-align:center;
	display:block;
	font-size:14px;
}

.attentionBox p a {
	text-decoration:underline;
}

/*login box */

.loginBox {
	padding:20px 0;
}

.loginBox div {
	width:215px;
	margin:0 auto 14px auto;
}

.loginBox label {
	font-weight:bold;
	display:block;
	margin-bottom:2px;
}

.loginBox input {
	width:208px;
	border:solid 1px #a2a2a2;
	font-size:11px;
	padding:3px 2px;
}

.loginBox span.lostPass {
	font-size:10px;
	text-align:right;
	display:block;
	padding-top:2px;
}

.loginBox span.lostPass a {
	display:block;
}

.loginBtn {
	float:right;
	display:inline-block;
	background:url(../images/login_btn.jpg) no-repeat;
	height:29px;
	width:74px;
	margin:0 0 0 5px;
}

/* become member */

.becomeMemberBtn {
	float:right;
	background:url(../images/registernow_btn.jpg) no-repeat;
	height:66px;
	width:260px;
	display:inline-block;
}

/* unsorted activitys and projectsbox */

.quoteBox span {
	text-align:center;
	display:inline-block;
	width:297px;
	font-size:14px;
}

.quoteBox .lefty {
	background:url(../images/bigarrow_prev.gif) no-repeat left;
	height:17px;
	padding:0 0 0 15px;
}


.quoteBox .righty {
	background:url(../images/bigarrow_next.gif) no-repeat right;
	height:17px;
	padding:0 15px 0 0;
}

.unsortedList, .projectsBox ul {
	margin-top:10px;
}

.unsortedList div.unsortedListBigDate {
	border-bottom:solid #7b7b7b 2px;
	display:block;
	float:none;
	width:427px;
	text-align:right;
	background:none;
	margin-left:50px;
	padding-bottom:1px;
}

.unsortedList div.unsortedListBigDate .activityExpa {
	padding:1px 11px 1px 10px;
}

.unsortedList div.unsortedListBigDate .activityExpa .expandBtn {
	height:11px;
}

.unsortedList div {
	float:left;
	display:inline-block;
	width:50px;
	height:100%;
	font-size:14px;
	background:url(../images/timeindicator_line.gif) no-repeat right center;
}

.aboutTime {
	display:block;
	overflow:hidden;
	width:100%;
}

.aboutTime ul.activity {
	border-left:solid #7b7b7b 2px;
	float:left;
	width:415px;
	padding-left:10px;
}

ul.activity li, .projectsList li {
	width:100%;
	display:block;
	float:left;
	border-top:solid 1px #d9d9d9;
	background:#f6f6f6;
}

.expandBtn {	
	background:url(../images/expand_btn.gif) no-repeat center;
	height:14px;
	width:10px;
	display:inline-block;
}

li.odd { background:#fff !important;}
li.last { border-bottom:solid 1px #d9d9d9 !important; }
.projectsList li.last { margin-bottom:10px; }

ul.activity li span {
	padding:1px 0;
	margin:0;
	display:inline-block;
	float:left;
	font-size:10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	height:14px;
}

span.activityicon { width: 22px; padding-left:4px;}
span.activityName { width: 230px;}
span.activityTime {	width: 64px; }
span.activityDate {	width: 78px; }

.projectsList span.activityName { width: 223px; }

/* buttons */
/* big black */

.blackBtn {
	background:url(../images/black_btn.jpg) no-repeat right;
	height:29px;
	padding:0 10px 0 0;
	margin-top:10px;
	display:inline-block;
}

.blackBtn a {
	display:inline-block;
	background:url(../images/black_btn.jpg) no-repeat left;
	height:22px;
	padding:7px 0 0 10px;
	color:#fff;
}

/* projectbox */

.projectsList li {
	display:block;
}

.projectsList span {
	float:left;
	display:inline-block;
}

.projectsList .expandBtn {
	height:32px;
	width:30px;
}

.projectsList .projectName {
	font-size:13px;
	color:#FF0096;
	font-weight:bold;
	height:23px;
	width:215px;
	padding-top:7px;
}

.projectsList .projectUnderCategory {
	font-size:11px;
	font-weight:bold;
	height:23px;
	width:215px;
	padding-top:8px;
}

.projectsList .projectTime {
	width: 128px;
	text-align:right;
	float:right;
	color: #787878;
	font-size:10px;
	padding:4px 4px 0 0;
}

.projectsList .projectTime span {
	float:none;
	display:block;
	color: #4b4b4b;
}

.projectsList .activity {
	margin-bottom:10px;
	display:block;
}

/* percent bar */

.percentBarContainer {
	float:left;
	display:block;
	width:480px;
	padding:2px 0;
}

.percentBar {
	display:block;
	color:#fff;
	padding:7px 6px 0 3px;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	border:1px solid #fff;
	height:19px;
}

.design .percentBar  { background:#3D7BDA url(../images/bar_design.jpg) repeat-x; }
.code .percentBar  { background:#53C92C url(../images/bar_code.jpg) repeat-x;  }
.copy .percentBar  { background: #CC8F20 url(../images/bar_copy.jpg) repeat-x; }
.meetings .percentBar  { background:#8B41DE url(../images/bar_meetings.jpg) repeat-x; }

.activity .percentBar {
	height:auto;
	padding:1px 6px 1px 0;
}

/* footer */