/* CSS Document */
#dd
{
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 130%;
}

.container
{
	width: 980px;	
	margin: 0 auto;
	text-align: left;
	}
	
.sideBox
{
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	}

.mainBox
{
	float: left;
	width: 670px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	}
#contentBox
{z-index: 1;
}

#headerBox
{
	padding: 5px 0;
	text-align: right;
	margin-bottom: 5px;
	z-index: 5; 
	}
#headerBox .langChange
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
}
#headerBox .langChange a
{    color: #888;}
#headerBox .mainBox	
{	text-align: left;}
#headerBox .lastLogin
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    padding-bottom: 2px;
    margin: 0;
    text-align: right;
}
#headerBox .searchBox
{
	margin: 5px 0;
	padding: 0;
	height: 67px;
	width: 300px;
	overflow: hidden;
	background: url(/Content/gfx/searchBg.jpg) top left no-repeat;
	}
#headerBox .searchBox .searchForm input
{
	width: 230px;
	margin: 15px 0px 10px 25px;
	float: left;
	border: none;
	background-color: transparent;
	color: #888;
	}
#headerBox .searchBox a
{
	font-size: 11px;
	color: #000;
	margin-right: 15px;}
#headerBox .searchBox img
{	vertical-align: text-top;}

#headerBox .searchBox .searchForm  .searchBoxBtn
{
	width: 30px;
	height: 30px;
	margin: 10px 0px 0px 5px;
	padding: 0;
	border: none;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	font-size: 0;
	color: #fff;
	}
#headerBox .searchBox .searchForm .searchBoxBtn:focus,
#headerBox .searchBox .searchForm .searchBoxBtn:hover,
{	outline: none;	border: none;
    }
#headerBox .searchBox .searchBoxBtn:hover
{cursor: pointer;}

#headerBox .menuBox
{
	width: 980px;
	height: 40px;
	background: url(/Content/gfx/menuBg.jpg) top left no-repeat;
	position: relative;	z-index: 5;	}
#headerBox .menuBox ul
{ margin: 0;
  padding: 0;}	
#headerBox .menuBox a.menuLinkMain
{
	background-position: 0 -40px;
	background-repeat: no-repeat;
	height: 40px;
	padding: 0 10px;
	padding-left: 50px;
	margin: 0 5px;
	display: block;
	float: left;
	line-height: 40px;
	color: #fff;
	z-index: 5;	
	}
#headerBox .menuBox img
{	float: left;
	color: #fff;}
#headerBox .menuBox a.menuLinkMain:hover,
#headerBox .menuBox a.selected
{
	background-position: 0 0px;
	text-decoration: none;}
#headerBox .menuBox .menuLinkStart	
{	background-image: url(/Content/gfx/menuIcon-start.gif);}
#headerBox .menuBox .menuLinkInvite
{	background-image: url(/Content/gfx/menuIcon-invite.gif);}
#headerBox .menuBox .menuLinkProfile
{	background-image: url(/Content/gfx/menuIcon-profile.gif);}
#headerBox .menuBox .menuLinkMail
{	background-image: url(/Content/gfx/menuIcon-mail.gif);}
#headerBox .menuBox .menuLinkChat
{	background-image: url(/Content/gfx/menuIcon-chat.gif);}
#headerBox .menuBox .menuLinkFriends
{	background-image: url(/Content/gfx/menuIcon-friends.gif);}
#headerBox .menuBox .menuLinkSchools
{	background-image: url(/Content/gfx/menuIcon-schools.gif);}
#headerBox .menuBox .menuLinkGroups
{	background-image: url(/Content/gfx/menuIcon-groups.gif);}

#headerBox .menuBox ul.menuMain
{
    margin: 0 3px;
    padding: 0;}
#headerBox .menuBox ul.menuMain li
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    list-style: none;
    position: relative;
}  
#headerBox .menuBox ul.submenu
{
    position: absolute;
    top: 40px;
    left: 0;
    background: #0191D8;
    width: 150px;
    display: none;
    z-index: 5;
    } 
#headerBox .menuBox ul.submenu li
{ 
    float: none;
    clear: both;
    margin:0;  
    padding: 0; 
    border: 1px solid #0191D8;   
    z-index: 5;
    position: relative;
    }
#headerBox .menuBox ul.submenu li a
{
    background: #0191D8;
    font-size: 11px;
    text-align: left;
    color:#FFFFFF;
    margin:0;
    padding: 3px;
    display: block;
    float:none;
    z-index: 5;
    position: relative;
    }  
#headerBox .menuBox ul.submenu a:hover
{
    background: #77C7EF; 
    text-decoration: none;   
    } 
 .mainPageBanner
 {
    height: 371px;
    width: 670px;
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 120%;
    overflow: hidden;
    position: relative; 
 } 
  .mainPageBanner img
  {

      }
.mainPageBanner:link,
.mainPageBanner:hover,
.mainPageBanner:active,
.mainPageBanner:visited
  {text-decoration: none;
   color: #fff; 
   cursor: pointer; 
   }
.mainOpen02 ,
.mainOpen01
{   cursor: default !important; }
.mainOpen02 .linkFriends,
.mainOpen02 .linkSchool,
.mainOpen02 .linkForum
{
    width: 450px;
    height: 45px;
    display: block;
    margin-left: 180px;
    margin-top: 40px;   
    }
.mainOpen02 .linkFriends
{margin-top: 55px; }

.mainOpen01 .linkFriends,
.mainOpen01 .linkSchool,
.mainOpen01 .linkForum
{
    width: 320px;
    height: 80px;
    display: block;
    margin-left: 310px;
    margin-top: 15px;   
    }
.mainOpen01 .linkFriends
{margin-top: 28px; }   
   
   
 .mainPageBannerTxt
 {
    padding: 20px 15px 20px 280px;    
    display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1;

     }   
 .mainPageBannerTxt .bigTxt  
 {
     font-size: 28px;   
     display: block; 
     line-height: 30px;
     letter-spacing: -1px;
    position: relative;
    top: 15px;
    text-align: center;
        height:100px; 
        font-weight: bold;
        font-style: italic;
        width: 100%;
     }  
 .mainPageBannerTxt .smallTxt  
 {
     display: block; 
     padding-bottom: 10px;     
     }     
 .mainPageBannerTxt .mediumTxt  
 {
     display: block; 
     font-size: 18px;
     letter-spacing: -1px; 
        font-weight: bold;
        font-style: italic; 
        text-align: right; 
        padding-top: 0px;  
        width: 100%;   
     }   
.wideGreyBg .menuBox 
{   text-align: left;
    margin-bottom: 3px;}
.wideGreyBg .menuBox li a
{
    display: inline;
    background: #aaa;
    color: #fff;
    padding: 1px 4px;
    }
.wideGreyBg .menuBox li
{
    display: inline;  
    margin: 0; 
    padding: 0;   
    }
.wideGreyBg .menuBox li a:hover
{
    text-decoration: none;
    background: #fff;
    color: #007DC6;
    } 
.wideGreyBg .menuBox li.selected a,
.wideGreyBg .menuBox li a.selected
 {
    text-decoration: none;
    background: none;
    color: #007DC6;
    border: none;
    } 
.inboxMenu,
.forumSortBox
{
    text-align: right;
    margin: 3px 0px;
    padding: 0 1px;
    color: #aaa;
    font-size: 11px;
    position: relative;
    top: 2px;
    }
.forumBreadcrumb
{
    text-align: left;
}

.forumSortBox
{    text-align: right;
    }
.forumSortBox select
{    
    font-size: 11px;
    padding: 2px;
    color: #777;
     }
.forumSortBox .submitBtn
{
   margin: 0; 

   float: none;
}

.inboxMenu a {padding:1px 2px; margin:0;}
.inboxMenu .sortBox a,
.greyTxt {color: #777; }
.inboxMenu .sortBox .pinkLink a,
.pinkLink a
{color:#EC008C;}
.loginInLink
{
   color: #81B1CF !important; }

.inboxMenu a:hover ,
.inboxMenu .sortBox .pinkLink a:hover {text-decoration: none; color: #000;}
.inboxMenu a.selected 
{
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: none;    
    }     
table.inboxStyle 
{
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 11px;
    line-height: 120%;
    border-collapse: collapse;
    }  
tr.tableRowBg
{    background: #eee;
    }
.wideGreyBg .formContent,
.wideGreyBg .activityBox  
{
    background: #fff;
    border: 1px solid #ddd;
    font-size: 11px;
    margin-bottom: 2px;
    }     
.inboxStyle td,
.inboxStyle th
{padding: 5px;
 vertical-align: top;
 empty-cells: show;}
.inboxStyle th
{
    border-bottom: 2px solid #eee;
  empty-cells: show;
  color: #aaa;
  font-size: 10px;
  text-transform: uppercase;
 }
.inboxStyle span
{color: #aaa;
} 
.inboxStyle .smallTxt
{
 font-size: 10px;
} 
.inboxStyle .actionColumn
{width: 50px;}
.inboxStyle .mailBody
{   
    color: #aaa;
    width: 340px;
    }
.inboxStyle .mainColumn
{
    width: 40%;    }
.inboxStyle .usernameColumn 
{
    width: 20%;    }   
.inboxStyle .unReadMessage td
{
   background:  #E0EAEF;
    }
.inboxStyle .unReadMessage .mailBody
{
       color: #666; }
.mediumPhotoBox
{
	border: 1px solid #fff;
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 0;
	padding:0;
	margin-bottom: 20px;
	display: block;
	position: relative;
	background: url(/Content/gfx/blankPhoto150.gif) top left no-repeat transparent;
}
.schoolBox .mediumPhotoBox
{
    background: url(/Content/gfx/blankSchool150.gif) top left no-repeat transparent;
}
.galleryBox .mediumPhotoBox
{
    background: url(/Content/gfx/blankGallery150.gif) top left no-repeat transparent;
}
.bigPhotoBox
{
	border: 1px solid #fff;
	width: 640px;
	overflow: hidden;
	margin: 5px 0;
	padding:4px;
	display: block;
	position: relative;
	text-align: center;
	background: #fff;
}
a.mediumPhotoBox:hover
{
	border: 1px solid #007DC6; 
	text-decoration: none;   
    }

.bigPhotoBox img
{
}


 
.mediumPhotoBox .mediumPhotoDescr
{
    position: absolute;
    top: 160px;
    left: 0;
    width: 140px;
    z-index: 5;
    font-size: 11px;    
    display: block;
    background: url(/Content/gfx/mediumPhotoDescrBg.png) top left repeat transparent;
    color: #fff;
    line-height: 110%;
    text-align: left;
    padding: 5px;
    }
a.mediumPhotoBox:hover .mediumPhotoDescr
{
    top: 0; }
.mediumPhotoBoxWithTxt
{
	width: 152px;
	height: 195px;
	overflow: hidden;
	margin: 4px;
	float: left;	
	text-align: center;
	}
.mediumPhotoBoxWithTxt .photoLinkBox
{
    font-size:  10px;
    color: #aaa;
    font-family: Tahoma, Verdana, Sans-Serif; 
    line-height: 100%; 
    display: block;
    height: 12px;
    overflow: hidden;
    text-align: right;
    }
.mediumPhotoBoxWithTxt .photoLinkBox a
{
    padding: 2px;
    background: #fff;
    text-align: center;
    margin: 0;
    }     

.mediumPhotoBoxMainPhoto .mediumPhotoBox,
.mediumPhotoBoxActive .mediumPhotoBox
{	border: 1px solid  #EC008C;}

.mediumPhotoBoxMainPhoto h5,
.mediumPhotoBoxActive h5,
.mediumPhotoBoxActive h5 a
{color: #EC008C;}	

.mediumGalleryIndex .mediumPhotoBoxWithTxt
{height: 215px;}	
.mediumGalleryIndex .mediumPhotoBoxWithTxt
{text-align: center;}
.mediumPhotoBoxWithTxt	.mediumPhotoBox
{	margin-bottom: 0px;}
.smallPhotoBox
{
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin: 5px 5px 10px 5px;
	float: left;
	border: 1px solid #FFFFFF;
	position: relative;
	display: block;
	background: url(/Content/gfx/blankPhoto60.gif) center center no-repeat transparent;
}
a.smallPhotoBox:hover {
border:1px solid #007DC6;
text-decoration:none;
}
.smallPhotoBoxWithTxt
{
	width: 62px;
	height: 107px;
	overflow: hidden;
	margin: 5px 5px 10px 5px;
	float: left;	
	position: relative;
	display: block;
}
.groupBox .smallPhotoBoxWithTxt 
{
 
    }
.groupBox .smallPhotoBoxWithTxt .photoLinkBox
{
    width: 60px;
    }
.groupBox .smallPhotoBoxWithTxt  .dateBox
{
    font-size:  10px;
    color: #888;
    font-family: Tahoma, Verdana, Sans-Serif; 
    line-height: 100%; 
    margin: 2px 0;
    }
	
.groupBox .smallPhotoBoxWithTxt 
{
	width: 315px;
	height: 80px;
	overflow: hidden;
	margin: 4px;
	float: left;	
	text-align: left;
	}
.groupBox .smallPhotoBoxWithTxt .descrBox
{
background: #eee;
min-height: 62px;
height: auto !important;  
height: 62px;
border-right: 1px solid #fff;
  
    }
.groupBox .smallPhotoBoxWithTxt  .mediumPhotoBox
{float: left;}	
.groupBox .smallPhotoBoxWithTxt  h5,
.groupBox .smallPhotoBoxWithTxt  h6
{
    margin-left: 70px;
    }	
.smallPhotoBoxWithTxt h5 
{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding:0;
}   
.smallPhotoBoxWithTxt .smallPhotoBox
{ 	margin: 0;
}
.smallPhotoBoxWithTxt .dateBox
{
    font-size:  10px;
    color: #aaa;
    font-family: Tahoma, Verdana, Sans-Serif; 
    line-height: 100%; 
    display: block;
    height: 11px;
    overflow: hidden;
    }
.smallPhotoBoxWithTxt .nameBox
{    
font-size:  10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
padding: 0;
margin: 0;
line-height: 11px;
display: block;
}
.smallPhotoBoxWithTxt .photoLinkBox
{
    font-size:  10px;
    color: #aaa;
    font-family: Tahoma, Verdana, Sans-Serif; 
    line-height: 100%; 
    display: block;
    height: 12px;
    overflow: hidden;
    text-align: right;
    }
.smallPhotoBoxWithTxt .photoLinkBox a,
.photoLinkBox a
{
    padding: 2px;
    background: #fff;
    text-align: center;
    margin: 0;
    }  
.smallPhotoBoxWithTxt .photoLinkBox a:hover,
.photoLinkBox a:hover
{    background: #cdcdcd;
    }   
.miniPhotoBox
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin: 0 5px 0 0;
	float: left;
	display: inline;
	border: 1px solid #FFFFFF;
	position: relative;
	background: url(/Content/gfx/blankPhoto20.gif) center center no-repeat transparent;
	vertical-align: text-top;
	top: -3px;
}

a:hover img.miniPhotoBox {
border:1px solid #007DC6;
text-decoration:none;
}
.activityBox .miniPhotoBox,
.wallBox .miniPhotoBox
{	top: 2px;}
ul.listWithPhotosBullet,
ul.listWithPhotosBullet li
{
	padding-left: 0; 
	list-style: none;
	padding: 3px 0;
    }
ul.listWithPhotosBullet li
{
    clear: both;}
ul.listWithPhotosBullet .miniPhotoBox
{
    margin-left: 0;}

.profileBox
{
	background:url(/Content/gfx/profileBoxBg-rpt.gif) top left repeat-y;
	margin-bottom: 15px;
	float: left;
	width: 670px;
	}
.profileBoxTop	
{
	background:url(/Content/gfx/profileBoxBg-top.gif) top left no-repeat;
	}
.profileBoxBtm	
{
	background:url(/Content/gfx/profileBoxBg-btm.gif) bottom left no-repeat;
	padding: 15px;
	}
.profileBoxMain,
.schoolBoxMain
{
	width: 154px;
	overflow: hidden;
	float: left;
	margin-right: 35px;
}
.schoolBox
{
	background:url(/Content/gfx/schoolBoxBg-rpt.gif) top left repeat-y;
	margin-bottom: 15px;
	float: left;
	width: 670px;
	}
.schoolBoxTop	
{
	background:url(/Content/gfx/schoolBoxBg-top.gif) top left no-repeat;
	}
.schoolBoxBtm	
{
	background:url(/Content/gfx/schoolBoxBg-btm.gif) bottom left no-repeat;
	padding: 15px;
	}
	
.profileBoxMain a,
.schoolBoxMain a
{
	display: block;
	height: 30px;
	width: 154px;
	color: #fff;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	background: url(/Content/gfx/profileBox-button.gif) 0 0 no-repeat;
	margin: 5px 0;
	overflow: hidden;
	outline: none;
	}
.schoolBoxMain a
{	background: url(/Content/gfx/schoolBox-button.gif) 0 0 no-repeat;
 	}
.profileBoxMain a:link,
.schoolBoxMain a:link,
.profileBoxMain a:visited,
.schoolBoxMain a:visited
{
  	color: #fff;  }
.profileBoxMain a:hover,
.schoolBoxMain a:hover
{
    text-decoration: none;
    background-position: 0 -30px ;
    }
.profileBoxMain a:active,
.schoolBoxMain a:active
{
    background-position: 0 0px ;
    color: #fff; 
    }

.profileBoxContent
{
	width: 440px;
	overflow: hidden;
	float: left;
	}
.profileBoxContent .profileNameBox
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 16px;
font-weight: normal;
padding: 0;
padding-bottom: 5px;
margin: 0;
}
.profileBoxContent .profileNameBox span
{
    width: 110px; 
    color: #aaa; 
    display: block; 
    float: left;}
.profileBoxContent .profileDate
{

    color: #aaa; 
    display: block; 
    float: right;  
    font-size: 11px;  
    font-family: Verdana,Arial,Sans-serif;
    line-height: 110%;
    margin-top: 3px;
    }
.profileBoxContent .profileInfoBox,
.profileBoxContent .profileAboutBox	
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #888;
font-size: 11px;
font-weight: normal;
padding: 0;
padding-bottom: 5px;
margin: 0;
}
.profileBoxContent .profileInfoBox span,
.profileBoxContent .profileAboutBox span
{ color: #333;}
.profileBoxContent .profileInfoBox
{width: 220px;
float: left;}

.twoGreyBox .wideGreyBg
{
    float: left;
    width: 320px;    
    }
.twoGreyBox .rightGreyBg
{
    float: right;
}	
.wideGreyBg
{
	background: url(/Content/gfx/wideGreyBg-btm.gif) bottom left no-repeat #e7e8e9;
	margin-bottom: 15px;	
	}
.twoGreyBox .wideGreyBg
{
   background-image: url(/Content/gfx/wideGreyBg-btm-320.gif);
    }
.wideGreyBgContent
{
    padding: 10px;
    padding-top: 0;
    }
.wideGreyBgTopPink
{
	background: url(/Content/gfx/wideGreyBg-top-pink.gif) top left no-repeat;
	height: 40px;
	}	
.wideGreyBgTopBlue
{
	background: url(/Content/gfx/wideGreyBg-top-blue.gif) top left no-repeat;
	height: 40px;
	}
.twoGreyBox .wideGreyBgTopBlue
{
   background-image: url(/Content/gfx/wideGreyBg-top-blue-320.gif);
    }
.wideGreyBgTopGreen
{
	background: url(/Content/gfx/wideGreyBg-top-green.gif) top left no-repeat;
	height: 40px;
	}
	
	
.mainPageGreyBg	
{
	background: url(/Content/gfx/mainPageGreyBg-top.gif) top left no-repeat #e7e8e9;
}
.mainPageGreyBgBtm	
{
	background: url(/Content/gfx/mainPageGreyBg-btm.gif) bottom left no-repeat;
	padding: 10px;
}
.voteBox
{
padding: 0;
margin:0;
text-align: right;
position: relative;
top: 0px; 
right: 0px;
font-size: 11px;
    }
.commentBgBox .voteBox
{

top: -10px; 
right: -10px;
}
.voteBox .plusminusVoter a,
.voteBox .offensiveVoter a
{
    padding: 0 2px;} 
.voteBox .plusminusVoter .loginToVote
{    color: #EC008C;} 
.voteBox .plusminusVoter .alreadyVoted,
.voteBox .plusminusVoter .thankYouForVote
{    color: #9CAF15;} 
.voteBox .plusminusVoter .current 
{
    font-size: 12px;
    font-weight: bold;
    color: #000;} 
     
.voteBox .plusminusVoter a.votePlus:hover
{
    background: #E3EFB3;}    
.voteBox .plusminusVoter a.voteMinus:hover
{
    background: #EFD1D1;} 
.voteBox .offensiveVoter a
{
    color: #aaa;}
.voteBox .offensiveVoter a:hover
{
    background: #eee;
    color: #666;
    text-decoration: none;
    } 
.postNotActive .commentBgBtm
{
	background: url(/Content/gfx/commentBgNoAct-btm.gif) bottom left no-repeat;
}
.postNotActive .commentBgTop	
{
	background: url(/Content/gfx/commentBgNoAct-top.gif) top left no-repeat;
	}
.postNotActive .commentBg	
{
	background: url(/Content/gfx/commentBgNoAct-rpt.gif) top left repeat-y;
}        
.wideGreyBg .postNotActive p, 
.wideGreyBg .postNotActive .divPStyle, 
.postNotActive h6    
{color: #bbb;}     
.postNotActive a
{color: #68BFEF;}

.commentBox 
{
    clear: both;
}
.commentBox .smallPhotoBox
{margin-right: 5px;
 margin-left: 0;}
.commentBox .smallPhotoBoxWithTxt
{margin-bottom: 0;
 margin-right: 0;
 }

.commentBgBox
{
	float: left;
	width: 580px;
	overflow: hidden;  
	padding-bottom: 5px;
	padding-top: 5px;
    }
.commentBgBox .commentTitle
{
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    margin:0;
    padding:0;
    padding-left: 25px;
    display: none;    
    }
.commentBgBox h6
{
    padding-left: 25px;    
    text-align: right;    }
.commentBgBox .commentBg
{
    margin-top: 0;}
.commentBg	
{
	background: url(/Content/gfx/commentBg-rpt.gif) top left repeat-y;
	margin: 5px 0 2px 0;
	float: left;
	width: 580px;
	overflow: hidden;
	}
.wallBox .commentBg	
{
	margin: 1px 0 1px 0;    
    
    }
.commentBgTop	
{
	background: url(/Content/gfx/commentBg-top.gif) top left no-repeat;
	}
.commentBgBtm
{
	background: url(/Content/gfx/commentBg-btm.gif) bottom left no-repeat;
	padding: 12px 15px 18px 15px;
	padding-left: 25px;
	}
	
.commentBg blockquote
{
    font-size: 11px;
    color: #9CAF15;
    padding: 3px 5px;
    background: #FBFFDF;
    border-left: 3px solid #E4EF95;    
    margin: 5px 10px;
    margin-right: 0;
    }	
	
.commentBg blockquote p
{    color: #9CAF15;}	
	
.addComment input,
.writeOnWall input
{
    border:1px solid #FFFFFF;
height: 20px;
margin:3px 20px 5px 0px;
overflow:hidden;
width:130px;
  color:#fff;
  font-size:11px;
  background: #F480C5;
  outline:none;
}
.writeOnWall input
{
    float: right;
    }

.addComment input:hover,
.writeOnWall input:hover
{
     border:1px solid #F480C5;  
     background: #CF4D9B; 
     outline:none;
     cursor: pointer;
     }

.addComment textarea,
.writeOnWall textarea
{ height: 80px;
  width:530px;
  border: 1px solid #eee;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#666666;
  font-size:11px;
  padding: 3px;
  }	
.writeOnWall textarea
{
  height: 26px; 
  width:642px;
  border: 1px solid #ddd; 
    }
    
 .wallEntryCommentsBox ,
 .wallEntryAddCommentBox
 {
     
     
     float: right;
     width: 430px;
     padding-right: 120px;    
     }  
 .wallEntryAddCommentBox
 {
     margin-bottom: 5px;}

.wallEntrySingleCommentBox,
.wallEntryAddCommentBox .showCommentForm,
.wallEntryAddCommentBox .commentForm
{
    padding: 2px 4px;
    margin-bottom: 1px;
    clear: both;
    background: #F2F2F2;
    } 
.wallEntryAddCommentBox .showCommentForm
{
    display: block;
    width: 12px;
    height: 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    text-align: center;
    color:#007DC6;
    }
.wallEntryAddCommentBox .showCommentForm:hover,
.wallEntryAddCommentBox .commentForm input.commentSubmit:hover
{
     background: #fff;
     color: #DF108D;
    }
.wallEntryAddCommentBox .commentForm input#comment
{
    background: #fff;
    font-size: 12px;
    padding: 2px 1px;
    border: 1px solid #ddd; 
    width: 390px;  
    color: #666; 
    float: left;
    }
.wallEntryAddCommentBox .commentForm input.commentSubmit 
{
    display: block;
    float: right;
    background: none;
    border: none;
    width: 16px;
    height: 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color:#007DC6;
    outline: none;
    }	
.pagerBox
{
	padding: 5px 30px 5px 120px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;}
.pagerBox a,
.pagerBox span
{
	padding: 2px 5px;
	margin: 0 5px;}
.pagerBox a {	color: #888;}
	
	
.whosOnlineBox
{
	}
.whosOnlineBox .smallPhotoBoxWithTxt	
{	
	margin-right: 0;
	}
.whosOnlineBox h5	
{
	background: url(/Content/gfx/greyBorderTitle.gif) top left no-repeat;
	height: 34px;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	}
	
.newsGreenBg
{	
    background: url(/Content/gfx/DDnewsBg-rpt.gif) top left repeat-y;
	margin-bottom: 15px;	
	position: relative;

}

.newsGreenBgTop
{
        background: url(/Content/gfx/DDnewsBg-top.gif) top left no-repeat;
        	position: relative;
        }
.newsGreenBgBtm
{
        background: url(/Content/gfx/DDnewsBg-btm.gif) bottom left no-repeat;
        padding: 10px;
        padding-top: 5px;
        	position: relative;
        }
.newsGreenBgTitle
{
    color:   #6f7606;
    font-size: 12px;  
    padding: 0px 10px;
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    }

	

	
	
	
.sideBgContent	
{
	padding: 15px 25px 20px 25px;
	font-size: 11px;
	}
.sideBgContent ul,
.wideGreyBgContent ul
{color: #007DC6;
 }
.sideBgContent p
{
    font-size: 11px;
    color:#666666; 
    padding-bottom: 15px;}
.sideBgContent h5 a
{    color:#333333; }
.sideBgContent h5 a:hover
{
    color: #000;
    text-decoration: none;}   
.sideBgGreen	
{
	background: url(/Content/gfx/sideBgGreen-rpt.gif) top left repeat-y;
	margin-bottom: 15px;	
}
.sideBgGreenTop	
{
	background: url(/Content/gfx/sideBgGreen-top.gif) top left no-repeat;
}
.sideBgGreenBtm	
{
	background: url(/Content/gfx/sideBgGreen-btm.gif) bottom left no-repeat;
}
.sideBgBlue	
{
	background: url(/Content/gfx/sideBgBlue-rpt.gif) top left repeat-y;
	margin-bottom: 15px;
}
.sideBgBlueTop	
{
	background: url(/Content/gfx/sideBgBlue-top.gif) top left no-repeat;
}
.sideBgBlueBtm	
{
	background: url(/Content/gfx/sideBgBlue-btm.gif) bottom left no-repeat;
}

.sideProfilePinkBg
{
	background: url(/Content/gfx/sidePinkBg-rpt.gif) top left repeat-y;
	margin-bottom: 45px;
	position: relative;
	top: 30px;	    
    }
.sideProfilePinkBgTop	
{
	background: url(/Content/gfx/sidePinkBg-top.gif) top left no-repeat;
}
.sideProfilePinkBgBtm	
{
	background: url(/Content/gfx/sidePinkBg-btm.gif) bottom left no-repeat;
}

.sideProfilePinkHeader
{
   height: 40px;
   position: relative;   
    }
.sideProfilePinkImgBox
{
    height: 62px;
    width: 62px;
    border: 1px solid #de0c8c; 
    overflow: hidden;  
    background: #fff; 
    position: absolute;
    top: -30px;
    right: 10px;
	background: url(/Content/gfx/blankPhoto60.gif) center center no-repeat #fff;

    }
.sideProfilePinkImgBox:hover
{
      border: 1px solid #007DC6; 
      outline: none;
        }
.sideProfilePinkImgBox img
{
    position: relative;
    left: 1px;
    top: 1px;}
.sideProfilePinkName
{
    color: #9f185b;
    font-size: 14px;
    padding: 10px;
    padding-right: 80px;
    height: 30px;
    overflow: hidden;
    }
    
.sideProfilePinkName a,
.sideProfilePinkName a:active,
.sideProfilePinkName a:hover
{    color: #9f185b !important;}

.sideProfilePinkName span
{
    display: block;
    color: #fff;
    font-size: 12px;
    padding-left: 40px;
    }


.moreLink
{
	text-align: right;
	font-size: 10px;
	color: #888;	
	}
.moreLink a	
{	font-size: 10px;
	color: #888;	}
.moreLink a img
{vertical-align: text-bottom;
position: relative;
bottom: -4px;}
.moreLink a:hover {text-decoration: none; color: #000;}

.quickLoginBox
{
	height: 126px;
	background: url(/Content/gfx/quickLogin.jpg) top left no-repeat;
	margin: 0px 0 10px 0;	
	}
.quickLoginTopInfo
{
	height: 15px;
	overflow: hidden;
	font-size: 11px;
	text-align: right;
	padding: 0 3px;
	line-height: 12px;
}
.quickLoginTopInfo a
{color: #EC008C;}


.quickLoginForm
{
	float: left;
	width: 195px; 
	position: relative;
	left: 5px;
	top: 5px;
	text-align: right;
	color: #fff;
	font-size: 11px;
	}
.quickLoginForm .usernameBox,
.quickLoginForm .passwordBox
{
	width: 200px; 
	height: 25px;
	overflow: hidden;    
	position: relative;

    }
.quickLoginForm .passwordBox
{
   	top: 7px; }
	
.quickLoginForm .usernameBox label,
.quickLoginForm .passwordBox label
{
    display: block;
    float: left;
    width: 58px;
    position: relative;
    top: 2px;
    font-size: 11px;
    font-weight: normal;
    font-family: Trebuchet MS,Arial, Sans-Serif;
    text-transform:lowercase;
    line-height: 100%;
 	}
.quickLoginBox .quickLoginForm label
{    color: #fff;}	
.quickLoginForm .usernameBox input,
.quickLoginForm .passwordBox input
{
	height: 18px;
	width: 130px;
	font-size: 11px;
	background: none;
	border: none;
	float: left;
    position: relative;
    top: 5px;
    left: 5px;
	}

.quickLoginForm .quickLoginRemember
{	position: relative;
	top: 6px;
	margin: 0;
	padding: 0;
	height: 15px;}
.quickLoginForm label.quickLoginRemember	
{margin-right: 5px;}
.quickLoginForm .quickLoginRemember input
{position: relative;top: 1px;}
.quickLoginLink
{
	display: block;
	height: 55px;
	width: 75px;
	float: left;
	position: relative;
	top: 20px;
	left: 15px;
	background: none;
	border: none;
}
.quickLoginLink:hover
{cursor: pointer;}

#footerBox
{
	text-align: center;
	font-size: 10px;
	color: #888;
	padding: 20px 0 40px 0;
}

.footerBoxLinks
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px;
	
}
.footerBoxLinks a
{	color: #888;
	padding: 0 5px;
	margin: 0 5px;}

/* ---- error style ----  */

.input-validation-error
{
    border: 1px solid #EC008C !important;
    background: #FFDFF2 !important;}

.field-validation-error
{
    color: #EC008C;
    display: block;}
		
/* ----- form style ----   */

form
{    margin: 0;
     padding: 0;
}
.formBox  
{
    margin: 5px 0;
    padding-bottom: 5px;
    font-size: 11px;
    } 
.formContent,
.activityBox
{
    padding: 10px;}
    
    
.formHeader
{
    font-size:10px;  
    text-transform:uppercase; 
    font-weight: bold; 
    color: #aaa;
    text-align: center;      
    }  
label
{    
    color:#AAAAAA;
    font-size:10px;
    margin-right: 1px;
}       
.formBox label,
.quickLoginBox label
{    
    color:#AAAAAA;
    font-size:10px;
    text-transform:uppercase; 
    font-weight: bold;  
    margin-right: 1px;
}

.formContent .labeledTxtInline
{
    padding-right: 20px;   
    }
.formInputTxt input,
.formInputTxtArea textarea,
.formInputTxtArea input,
.formInputDrop select,
.formInputDropDate select
{
    width: 620px;
    font-size: 11px;
    font-family: Verdana;
    border: 1px solid #ddd;
    background: #fff;
    padding: 2px;
    margin-bottom: 4px;

    } 

.formInputDrop select
{ width: 626px;}

.miniSearchBox
{
    float: left;
    margin-bottom: 5px;
    }
.miniSearchBox .miniSerchInput input
{
    width: 150px;
    font-size: 11px;
    font-family: Verdana;
    border: 1px solid #ddd;
    background: #fff;
    padding: 3px;
    float: left;
    margin: 2px 0;
    } 
.miniSearchBox .submitBtn
{
    float: left;    
    }
.formTwoColumns
{
    padding-top: 5px;}
.formTwoColumns .formInputTxt,
.formTwoColumns .formInputDrop,
.formTwoColumns .formInputDropDate,
.formTwoColumns .formInputRadio
{
    width: 305px;
    float: left;
    text-align: right;
    margin-bottom: 3px;
}

.formTwoColumns .formInputTxt input,
.formTwoColumns .formInputTxtArea textarea
{ width: 150px;}
.formTwoColumns .formInputDrop select
{ width: 156px;}
.formTwoColumns .formInputDropDate select
{ width: 41px;}

.formInputTxtArea textarea
{
    height: 150px;
    }        
.submitBtn
{
    font-size: 11px;
    float: right;
    margin: 2px 0;
    }
.commentBox h6 .dateBox
{   font-size:  10px;
    color: #888;
    font-family: Tahoma, Verdana, Sans-Serif;
    }
.wallBox .commentBox h6 .dateBox 
{
    padding-right: 15px;

    }   
.activityBox .dateBox,
.activityOnWall .dateBox,
.wallEntrySingleCommentBox .dateBox
{
    font-size:  10px;
    color: #888;
    font-family: Tahoma, Verdana, Sans-Serif;
    float: left; 
    padding-right: 5px;
    line-height: 12px;
    text-align: right; 
    }  
 .wallEntrySingleCommentBox .dateBox
 {
    line-height: 11px;
    text-align: left; 
    color: #aaa; 
    float: none;
     }   
.activityOnWall
{
 margin-top: 10px;   
  } 
.activityBox p,
.activityOnWall p
{
margin-left: 40px;
 clear: right;   
    }
 .wallEntrySingleCommentBox p
 {
margin-left: 28px;
clear: right; 
padding-bottom: 0;
margin-bottom: 0;     
     }
.activityBox .eventTxt,
.activityOnWall .eventTxt
{
    color: #000;
    }    
    
.plusminusVoter,
.offensiveVoter
{
    font-size:  11px;
    color: #888;
    font-family: Tahoma, Verdana, Sans-Serif;    
    }    
    
.plusminusVoter a,
.offensiveVoter a	
{
    cursor:pointer;
}
/* --- font - text details -- */



h1
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 30px;
font-weight: bold;
line-height: 135%;
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 20px;
	line-height: 135%;
	padding: 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: -1px;
}
.sideBgGreen h2	,
.sideBgBlue h2,
.quickLoginBox h2
{
	text-align: center; 
	height: 50px;
	line-height: 40px;
	}
.quickLoginBox h2 {color: #fff;	height: 40px;}	
.profileBoxContent h2
{
	margin-bottom: 20px;
	}
h3
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 18px;
font-weight: normal;
padding: 3px 0;
margin: 0;
}
.profileBoxContent h3
{
	margin-bottom: 20px;
	}
h4
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 16px;
font-weight: normal;
padding: 0;
padding-bottom: 20px;
margin: 0;
line-height: 120%;
}
h4 a
{color: #333;}
#headerBox h4 {padding-bottom: 5px;}
#headerBox h4 b a {color:#EC008C; font-weight: bold;}
.profileBoxMain h4 {color: #fff;}
.wideGreyBgTopBlue h4 ,
.wideGreyBgTopPink h4,
.wideGreyBgTopGreen h4
{
 padding: 6px 15px;}
.wideGreyBgTopPink h4
{color: #9F185B;}
.wideGreyBgTopBlue h4
{color: #005C8F;}
.wideGreyBgTopGreen h4
{color: #6F7606;}
.inboxStyle h4
{
padding-bottom: 0px;   }


h5
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 5px 0;
margin: 0;
}
h5 span
{
    color:#EC008C;}
.mediumPhotoBoxWithTxt h5
{padding: 0;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;}
h6
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #888;
font-size: 11px;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 120%;
}

h6 span {color: #000;}
p,
.divPStyle
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 0;
margin-bottom: 5px;
line-height: 130%;
}

.wideGreyBg p,
.wideGreyBg .divPStyle
{color: #666;
font-size: 11px;
}
p span {color: #aaa;}
.commentBox p
{	font-size: 11px;}
.wallBox .commentBox p
{margin: 0;}

ul, ol
{	margin: 0;
	padding: 0;
	padding-left: 15px;
	margin-bottom: 10px;}
li
{
	list-style: disc;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
ol li
{
	list-style: decimal;
	margin-left: 10px;
	}

a,
a img,
a:focus
{
	text-decoration: none;
	color: #007DC6;
	border: none;
	outline: none;
	}

#contentBox a img	
{vertical-align: middle;
 position: relative;
 bottom: 0px;
}
a:hover
{
	text-decoration: underline;
}
.left
{float: left;}
.leftImg
{float: left;
 margin: 0 10px 5px 0;}
.right
{float: right;}
.rightImg
{float: right;
 margin: 0 0  5px 10px;}
.txtLeft
{text-align: left;}
.txtRight
{text-align: right;}
.txtCenter
{text-align: center;}
.smallGreyTxt
{
    font-size: 10px; 
    color: #aaa !important; 
    line-height: 110%;   
    }
.clearFix
{
clear: both;
height: 1px;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
}

#dd .errMsg,
#dd .infoMsg,
#dd .descrMsg,
#dd .disclaimerMsg
{
    color: #fff !important;
    font-weight: bold; 
    text-align: center;  
    font-size: 11px;
    padding: 0 3px;
    margin: 5px 0;
    line-height: 150%;  
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #ccc;    
    }
#dd .infoMsg
{
    background: #C1D72E; 
    border: 1px solid #ADBF2F; 
    color: #6F7606 !important;  
    }
#dd .errMsg
{    background: #EC008C; 
     border: 1px solid #BF0073;  
         }
#dd .errMsg a
{
      color: #000 !important;  
    }
#dd .descrMsg
{
    background: #ddd;
    color: #666 !important;
    margin-top: 3px;
    }
#dd .disclaimerMsg
{
    background: #ddd; 
    color: #666 !important;
    font-weight: normal; 
    text-align: left;  
}  
#dd .displayNone    
{display: none;}

#headerBox .searchBox .searchOptions,
#headerBox .searchBox .searchOptions label
{
    text-align: center;
    clear: both;
    font-size: 11px;
    color: #6F7606;
}
#headerBox .searchBox .searchOptions input
{
    display: inline;
    float: none;
    width: auto;
    height: auto;
    margin: 0px 0px 0 10px;
   }





/*---- mark it up editor -------*/
.editorControl
{
    position: relative;
    width: 620px;
    
    }
.editorControl #emoticons
{    
    position: absolute;
    right: 20px;
    top: 5px;
    margin:0;
    padding:0;
    }
#contentBox .markItUp
{
    border: none;
    width: 625px; 
    margin: 0;      
    }

#contentBox .markItUpContainer
{
border:1px solid #DDDDDD;    
    }
    
#contentBox .markItUpEditor
{
border:1px solid #DDDDDD; 
background: #fff;
padding: 10px;   
    }
#contentBox .markItUpContainer textarea#Body
{ width: 590px;  }

/*---------------- blockUI -----------*/
.blockOverlay
{
  background-color:  #fff !important;  
    }
.blockMsg
{
    border: 2px solid #fff !important;  
    width: 500px !important;   }

.confirmPopup
{
    padding: 10px;
    background: #C1D72E; 
    border: 1px solid #ADBF2F; 
    color: #6F7606 !important;      
    }

.confirmPopup h3
{
        color: #6F7606 !important;  
        padding-bottom: 20px;
        line-height: 130%;
    
    }
.confirmPopup input
{
    font-size: 11px;
    padding: 0px 10px;
    margin: 0 5px;
    cursor: pointer;} 
    
div#welcome p 
{
    padding-bottom: 12px;
}