/* Home Layout */

.home .userPhoto{	width: 204px; float: left; padding-right:10px; }
.userPhoto .roundBox .inner{   border:1px solid #bacfc0; height:176px; width:176px; padding: 2px; padding-right:0px; padding-bottom:0px; background-color:White; margin:0 12px; text-align:center; overflow:hidden;}
.userPhoto .roundBox .inner a{height:174px; width:174px;  vertical-align:middle; text-align:center;}
.userPhoto .roundBox .inner a img{ margin:0 auto;}
.home .userPhoto .viewmore{ padding-top: 8px; padding-left:12px; padding-right:12px;}

.managerPhoto img{width:50px;height:50px;}
.viewmore img{height:18px; width:18px; margin-right:2px;}
.viewMore img{height:18px; width:18px; margin-right:2px;}

.home .gallery{ width: 330px; float: left; padding-right:10px; }
.home .gallery .inner{ height:180px;}
.home .calendar .inner{ height:180px;}
.home .bulletins .inner{ height:180px;}
.home .friendComment .inner{ width:600px;}
.home .left_holder{ width:430px; float:left;}
.home .right_holder{ width:430px; float:right;}
.home .left_holder .friendComment .inner{ width:400px;}
.home .right_holder  .inner{ background-color:#fff; margin-left:10px; margin-right:10px; }
.home .gallery .viewmore{ padding-left:12px; padding-right:12px;}
.home .userPhoto .roundBox,
.home .gallery .roundBox,
.home .calendar .roundBox,
.home .bulletins .roundBox{  height:230px !important; height:230px;}
.home .shares{ padding-top:20px;}
.home .calendar{width: 346px;float: left;}
.home .calendar .roundBox h3{ font-size:12px; font-weight:bold;}
.home .calendar .viewmore{ padding-top: 8px; padding-left:12px; padding-right:12px;}
.home .calendar .roundBox .inner{ height:170px; width:312px; border:1px solid #bacfc0; padding:3px; background-color:White;  border-top:1px solid #d4ecdc; margin:auto;}
.home .Assignments{ clear:both; padding-top:1px;}
.home .gallery h3{ font-size:12px; font-weight:bold;}
.home .userPhoto h3{ font-size:12px; font-weight:bold;}
.home .userPhoto h1{ font-size:12px; font-weight:bold;}
.home .Assignments h3{ font-size:12px; font-weight:bold;}
.home .Assignments .task
{
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.home .projects h3{ font-size:12px; font-weight:bold;}
.home .projects{ padding-top:1px;}
.home .projects td img{ height:14px; width:14px; vertical-align:middle;}
.home .friendComment .inner{ padding:0 5px;}
.home .friendComment .photo{ float:left; margin-top: 4px; margin-right:4px; border:solid 1px #e6f2e8; vertical-align:middle; margin-bottom:0px; text-align:center;  overflow:hidden;}
.home .friendComment .photo .photo_img {background-color:White; font-size:0; padding:2px; }
.home .friendComment .photo img{ margin:0 auto; vertical-align:middle;}
.home .friendComment .roundBox .inner{border:3px solid #e6f2e8; background-color:White; margin:0 10px;}
.home .friendComment .comments{ height:45px; color:#222222; font-size:11px; overflow:hidden; line-height:1.3em; }
.home .friendComment .links{ float:right; color:#3b5998;}
.home .friendComment .links a{color:#3b5998;}
.home .friendComment .title a{ font-size:12px; font-weight:bold;}
.home .friendComment .littleTitle{	font-size: 11px;	font-weight: bold;	margin-bottom: 8px;	padding-bottom:8px;	padding-top: 10px;	color: #4c4c4c;	text-transform:uppercase;}
.home .bulletins{width: 346px;float: left;}
.home .bulletins h3 { font-size:12px; font-weight:bold;}
.home .bulletins .viewmore{ padding-top: 8px;}
.home .bulletins .roundBox .inner{ height:173px; width:312px; border:1px solid #bacfc0; padding:3px; background-color:White;  border-top:0px; margin:auto;}
.home .bulletins li{ padding:5px 4px;}
.home .bulletins li a{ display:inline-block; float:right;}
.home .fullbox .viewmore{ padding-bottom:0px; padding-right:10px; padding-top:5px; text-align:left; margin:0;}
.home .fullbox{ padding-bottom:0;}
.home .notification{ padding-top:1px;}
*+html .home .notification{ padding-top:0px;}

.friend .left_holder{ width:560px; float:left;}
.friend .right_holder{ width:330px; float:right;}


.viewproject{ padding-top:1px;}
.viewproject h3 { font-size:12px; font-weight:bold;}
.viewproject .inner{padding-bottom:10px; margin-left:12px; margin-right:12px; padding-left:20px;}
.viewproject .photo { float:left; margin-right:10px; width:250px; margin-top:10px; overflow:hidden; }
.viewproject .photo span{display:block; border:1px solid #999999; width:241px; height:164px; padding:2px; vertical-align:middle; text-align:center; font-size:14px; display:table-cell; }
.viewproject .photo span img{ margin:auto;}
.viewproject .text{ padding:16px; padding-top:6px; color:#666666; line-height:1.5em;}
.viewproject .text span{ color:#276337; display:inline; border:none;}
.viewproject .user .manager{ float:left; }
.viewproject .user .Implementors{ float:left; margin-left:10px;}
.viewproject .user span{color:#276337; display:block;margin-bottom: 3px;}
.viewproject .user a {display:block; float:left; margin-right:10px; width: 70px; color:#666666; }
.viewproject .user .managerImg{border:1px solid #bacfc0; width:52px; height:52px; padding-top:2px; padding-left:2px; margin-bottom: 3px;} 
.viewproject .user .implementorsImg{border:1px solid #bacfc0; width:52px; height:52px; padding-top:2px; padding-left:2px; margin-bottom: 3px;} 
.viewproject .user .viewMore{ padding-top:50px;}
.viewproject .user .viewMore a{float:none; display:inline;}
.viewproject .roundBox .whiteBG{ border:1px solid #bacfc0;  border-top:0;	background-color:White; margin:0 12px 0px 12px;}
.viewproject ul {width: 100%;}
.viewproject li {display: block;float: left; margin: 10px 5px 10px 20px; width: 250px; height: 200px;}


.projectMore{ clear:both; padding-top:20px; text-align:left; font-size:11px;}
.projectMore .viewmore{ float:right; margin:0; padding:0; padding-right:5px;}
.projectMore h4{ font-size:12px; text-transform:uppercase; margin-top:-3px;}
.projectVideo{ width:530px;  float:left; margin-bottom:20px;}
.projectVideo .text .user a{color:#3e5799;}
.projectVideo .photo { float:left; padding-top:5px;}
.projectVideo .photo span.block{position:relative;}
.projectVideo .photo .text span{display:inline; border:0px solid #999999; width:auto; height:auto; padding:0px; vertical-align:middle; text-align:center; font-size:12px;}
.projectVideo .photo .text{ clear:left; font-size:12px;}
.projectVideo .photo .text .name{ font-size:13px;}
.projectVideo .photo .text .user a{ font-size:13px;}

.projectVideo .VideoList{ padding-left: 250px;}
.projectVideo .VideoList span.block{ border:1px solid #999999; padding:2px; display:block;margin: 5px 10px 0 0; float:left; position:relative; }
.projectVideo .VideoList .text{ padding:5px; width:150px; float:left;}
.projectVideo .VideoList .voteText span{ display:inline; border:none;}
.projectVideo .VideoList .text .name{ font-size:12px; width:90px; display:inline;}

.projectAudio{ width:310px; height:340px; float:right; background:url(../../images/dotline.gif) repeat-y left center; padding-left:5px;}
.projectAudio .flashcontent{ padding-top:8px;}


.projectPicture{ background:url(../../images/dotline2.gif) repeat-x left top; padding-top:10px; clear:both; margin-top:20px;}
.projectPicture .piclist{ clear:both; height:130px;}
.projectPicture .piclist .item{ float:left; margin-right:4px;}
.projectPicture .piclist .item span.block{display:block; padding:4px; margin:3px; border:1px solid #999999;  padding:2px;}
.projectPicture .piclist .item a{ display:block; color:#bfbfbf; text-align:center;}
.projectPicture .piclist .item  a.user{ color:#3e5799;}



.projectFile{ background:url(../../images/dotline2.gif) repeat-x left top; padding-top:10px; clear:both; margin-top:20px;}
.projectFile .name a{color:#3e5799;}

.projectComment{ background:url(../../images/dotline2.gif) repeat-x left top; padding-top:10px; clear:both; margin-top:20px;}
.projectComment .user{ text-align:right;}
.projectComment .user a{color:#3e5799;}

.myvideos{ margin-top:0px;}
.myvideos h3 { font-size:12px; font-weight:bold;}
.myvideos .inner{ padding:10px 0px 10px 22px; overflow:auto;}
.myvideos .piclist{ clear:both; }
.myvideos .piclist .item{ float:left; margin-right:12px; width:155px; height:140px; margin-top: 10px;}
.myvideos .piclist .item div.block{display:block; width:155px; height:101px;border:1px solid #999999; line-height:101px; font-size:12px;  display:table-cell; vertical-align:middle; }
.myvideos .piclist .item a{ display:block; color:#bfbfbf; text-align:center; vertical-align:middle;}
.myvideos .piclist .item  a.user{ color:#3e5799;}

.myContact{ margin-top:0px;}
.myContact h3 { font-size:12px; font-weight:bold;}
.myContact .inner{ padding:10px 0px 10px 22px; overflow:auto;}
.myContact .piclist{ clear:both;}
.myContact .piclist .item{ float:left; margin-right:22px; text-align:center;}
.myContact .piclist .item span.block{display:block; width:80px; height:80px;border:1px solid #999999; overflow:hidden; line-height:80px; vertical-align:middle; display:table-cell; float:none; text-align:center; margin:auto;}
.myContact .piclist .item a{ display:block; color:#bfbfbf; text-align:center; vertical-align:middle;}
.myContact .piclist .item  a.user{ color:#3e5799;}
.myContact .piclist .name{ width:80px; overflow:hidden;}


.mypictures{ margin-top:0px;}
.mypictures h3 { font-size:12px; font-weight:bold;}
.mypictures .inner{ padding:10px 0px 10px 15px; overflow:auto;}
.mypictures .piclist{ clear:both;}
.mypictures .piclist .item{ float:left; margin-right:10px; margin-top:10px; height: 140px;}
.mypictures .piclist .item a{ display:block; color:#333333; text-align:center;vertical-align:middle; width:130px;}
.mypictures .piclist .item .photo {width:130px; height:101px; border:1px solid #999999;  vertical-align:middle;  display:table-cell; line-height:81px; float:none;}
.mypictures .piclist .item img { vertical-align:middle;}
.mypictures .piclist .item  a.user{ color:#3e5799;}
.mypictures .piclist .item .name a:link,
.mypictures .piclist .item .name a:visited,
.mypictures .piclist .item .name a:hover{ display:block; color:#333333; text-align:center;vertical-align:middle;}


.projectMore .mypictures,
.projectMore .mypictures,
.projectMore .myvideos,
.projectMore .myContact{ margin-top:10px;}

.sharesEvents .nameTitle{ color:#276337; font-size:12px; font-weight:bold; padding:3px; margin-bottom:5px; padding-left:0px; padding-top:0px; text-transform:uppercase;}
.sharesEvents .nameTitle a{ color:#222222; text-transform:none;}
.sharesEvents .photo{ float:left;  padding:3px; border:1px solid #bfbfbf; margin-right:5px;  margin:3px;margin-right:8px; }
.sharesEvents .links a{color:#3b5998;}
.sharesEvents .links{ clear:left; width:100%; text-align:left;}
.sharesEvents .littleTitle{	font-size: 11px;	font-weight: bold;	margin-bottom: 8px;	color: #4c4c4c;	text-transform:uppercase;	margin-top:10px;}
.sharesEvents hr{color:#e6f2e8;		margin-top: 10px;}
.sharesEvents .photoVideo{ float:left; border:1px solid #bfbfbf; width: 130px; height:97px; padding:1px; padding-top:4px; margin-right:8px;padding-bottom:0px;  vertical-align:middle; text-align:center;}
.sharesEvents .videoText {margin:3px; font-size:11px; color: #222222; position:relative;top: 34px;}
.sharesEvents .videoText .length {color:#666666; font-size:11px; font-weight:normal;}
.sharesEvents .text{ margin:3px;font-size:11px;  color: #222222; }
.sharesEvents .VISITORS{ padding:3px;}
.sharesEvents .VISITORS .visitorImg { width: 52px; height:52px; background-color:White;border:1px solid #bacfc0; padding:1px;padding-top:2px; padding-bottom:0px; padding-left:0px; padding-right:1px; }
.sharesEvents .VISITORS .visitorImg img{ width:50px; height:50px;}
.sharesEvents h5{ margin-bottom:5px;}
.sharesEvents .mainImage {margin:0px;}
.sharesEvents .mainImage .imgComment { height:100px; }
.sharesEvents .time {color:#666666; font-size:11px; font-weight:normal;}

.myBlog div{ z-index:3;}
.friend div{z-index:4;}
.friend .photo{ z-index:5;}
.friend .myComments .text{ min-height:70px;}

.loading
{
    color:#286337;    
}

.floatToRight
{
    float:right;    
}
.myvideos .piclist .item a.selecteditem,.mypictures .piclist .item a.selecteditem{ color: #286337;}
.repeat_vote{display:none; color:#286337; margin-left:5px;}
.projectVideo .photo .text span.repeat_vote{display:none; color:#286337; margin-left:5px;}