/*button*/
.invateButton{display:block;float:left;height:22px;width:143px;margin-right:10px;}
.removeFriend{background-position:-143px -639px;}
.addFriend{background-position:0 -639px;}
.acceptFriend{background-position:-286px -639px;}
.followButton{padding-top:2px;position:relative;margin-left:150px;}
#addFollowTip{left:0px;top:20px;}
#addFollowTip .toolTipMid {padding:4px 0 4px 18px;}


.profil-about {margin-left:160px;}
#detailsAvatar {float: left;width:140px;height:140px;padding:4px;}

#formFriendRequest div.form-group {padding:5px 0 0;}
#formFriendRequest {margin-top:8px;}
#sendFrindRequest{background-position:0 -661px;border:0 none;height:22px;width:124px;}

#right .grayLinks a{color:#a50;text-decoration:none;font-size:11px;line-height:1.5em;}
#right .grayLinks a:hover{background-color:#666; color:#fff;}
	
#profilLibBig a{
background-color:#8fbc8f;
float:left;
height:54px;
margin-right:6px;
text-align:center;
width:86px;
text-decoration:none;
color:#fff;
-webkit-border-radius: 4px;	-moz-border-radius: 4px;border-radius: 4px;

}

#profilLibBig a div{font-size:30px;}
#profilLibBig a:hover{background-color:khaki; color:#666;}

.boxLibBig{margin-bottom:12px;}
.boxFriends{
background:url("../img/shared/dots/grey_dot_4x1.gif") repeat-x scroll left top transparent;
padding-top:10px;}

.avatarNameGrid{margin-top:5px;}
.avatarNameGrid li{float:left;width:75px;margin:0 10px 10px 0;}
.avatarNameGrid img{padding:3px;}
.avatarNameGrid div{line-height:11px;}
#content .avatarNameGrid a{font-size:11px;text-decoration:none;color:#a50;}


.boxReaderList{}
.boxReaderList li{border-top:1px dotted #CCCCCC;min-height:1%;padding:6px 0;}
.boxReaderList .avatar {float:left;}
.boxReaderList .userInfo {padding-left:75px;}

#content .profileHead .itemSelector {float:left;}
#content .profileHead .itemSelector ul li{margin-right:6px;margin-left:0;min-width:0;}
#content .profileHead .itemSelector ul li a{font-size:11px;}
#content .profileHead .itemSelector strong{color:#555;}

.boxGroupList img{margin-right:7px;}
.boxGroupList li{padding:5px 0;}
.boxGroupList .rightInfo{width:230px;}
/*
############################### loged
*/

#profileAvatar {
	float: left;
}


#shortLinks {
	margin: 0 0 16px 130px;
}

#shortLinks .lastLogin {
	padding-top: 7px;		
	font-size:11px;
	float:right;	
}

#shortLinks .links {height:88px;}


#shortLinks ul {
	float: left;	
	width: 180px;
}

#shortLinks ul li {
	margin: 7px 0;	
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

#shortLinks ul li.active a{
	text-decoration:none;
	color:#222;
	/*
font-weight:bold;
*/
}

#shortLinks ul li a {
	padding-bottom: 2px;
	padding-top: 2px;
}



/*
-------------------- IKONY
*/

.preferences {
	padding-left: 23px;
	background: url( ../img/shared/icons/preferences.png ) no-repeat center left;
}

.recomendedIcon {
	padding-left: 23px;
	background: url( ../img/shared/icons/star.png ) no-repeat center left;
}

.edit_photo {
	padding-left: 23px;
	background: url( ../img/shared/icons/edit_photo.png ) no-repeat center left;
}

.library {
	padding-left: 23px;
	background: url( ../img/shared/icons/library.png ) no-repeat center left;
}

.ico-author {
	padding-left: 23px;
	background: url( ../img/shared/icons/author.png ) no-repeat center left;
}

.profile {
	padding-left: 23px;
	background: url( ../img/shared/icons/profile.png ) no-repeat center left;
}

.faqLib {
	padding-left: 23px;
	background: url( ../img/shared/icons/info.png ) no-repeat center left;
}

/*
------------- Box promocyjno info
*/

.magnifier {
	padding: 8px 0 8px 20px;

	border: 1px solid #ccc;
	background-color: #f5f5f5;
	/*
background:#FFFFFF url(../img/shared/whattodo/bg.png) repeat-x scroll 0 0;
*/
	margin-bottom:16px;
	
	-webkit-border-radius: 5px;   	   
  	-moz-border-radius: 5px; 
   	border-radius: 5px;
}

.magnifier div{
	background: transparent url( ../img/shared/icons/Books.png ) no-repeat 566px center ;
}

.magnifier h6{
	margin-bottom:3px;
	margin-left:0px;
}

.magnifier ul{
	list-style:disc;
	margin-left:30px;
	line-height:20px;
}


/*
--------------- wiadomości
*/

.notify-list { margin-bottom: 25px; }
.notify-list li{ background-color:#FFFFDD;border:1px dotted #BBBBBB;margin-bottom:7px;padding:5px;}

#content .notify-list li a.notify-link{ 
 text-decoration:none;
 font-size:11px;
 color: #444;
 background: url(../img/shared/sprite.png) no-repeat 0 -411px;
 padding: 1px 0 0 18px;
 float:left;
}
#content .notify-list li a.notify-link:hover{ 
 text-decoration:underline;
}

#content .notify-list li a.notify-del{ 
	color: #ccc;
	font-size:14px;
	font-weight:bold;
	padding:0 8px 0 20px;
	text-decoration:none;
}

#content .notify-list li a.notify-del:hover{ 
 color: red;
}

/*
############################### pref
*/

#preferencesForm {
	margin-top: 10px;
}

#preferencesForm fieldset {
	
}

#preferencesForm fieldset label {
	width: 300px;
	margin: 2px 0;
}

#preferencesForm fieldset input[type="checkbox"] {
	width: 15px;
	height: 23px;
	margin: 2px 0 0 0;
}

.save {

}



#photoForm fieldset{
	height:35px;		
}

#photoForm fieldset input{
	height:23px;
	background-color:#fff;		
}

#photoForm div{
	float:left;
	margin-right: 20px;
}


#photoForm input{
	
}



/* -----------------------------*/




#preferencesPrivateForm {
	margin-top: 10px;
}

#preferencesPrivateForm label {
	width: 240px;	
	}
	
#preferencesPrivateForm button{
	margin-left: 240px;	
	}	

#preferencesPrivateForm select{
	width: 210px;	
	}

#preferencesNotifiForm {
	margin-top: 10px;
}

#preferencesNotifiForm p{
	margin: 20px 0 4px 0;
	font-size:12px;
	font-weight:bold;
}



#preferencesNotifiForm div{
	margin: 8px 0;
}

#preferencesNotifiForm input{
	margin: 0 5px 0 10px;
}

#preferencesNotifiForm .save {
	margin-left: 30px;
	border:0 none;
}


/*
############################### edit prof
*/
#profilForm {
	margin-top: 10px;
}

#profilForm #profilForm-email-info{
	padding-left: 185px;
	margin: 4px 0 0;
	line-height:1.4em;	
}

#profilForm .ver-ok{
    background: url( ../img/shared/icons/accept.png ) no-repeat 160px top;
}

#profilForm .ver-no{
    background: url( ../img/shared/icons/exclamation.png ) no-repeat 160px top;
}


/*
############################### messages
*/
#messages_head div.itemSelector li.active{
	background-color: #F7F7F7;
	border-bottom: 1px solid #F7F7F7;
	
}


/** footer **/
#inboxFooter {
	margin-top: 20px;	
	padding: 5px 0 10px 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
	min-height: 16px;
}
#inboxFooter #globalActions {
	float: left;
	font-size: 11px;
}
#inboxFooter #globalActions a {
	font-size: 11px;
}

#inboxFooter #globalActions select {
	width: 120px;
	margin-left: 10px;
	font-size: 11px;
}

#inboxFooter #globalActions select option {
	font-size: 11px;
}
#inboxFooter .pager {
	margin-top: 0;	
}

/*---------- nag�wek tabeli------------------*/
.tableHeader {
	background-color:#F7F7F7;
	height: 30px;
	}
	
.tableHeader div{
	float: left;
	margin-top:7px;
	}
	
.tableHeader .colSender {
	width:160px;
	margin-left: 50px;
}

.tableHeader .colTitle {
	width:182px;
}

#left .itemSelector a.active {	
	background-color:#F7F7F7;
	border-color:#CCCCCC #CCCCCC #F7F7F7;
}

.filtr{
	border-bottom:1px dotted #BBBBBB;
	padding:4px 6px;
	text-align:right;
	background-color:#FCFCFC;
	}
	
#content .filtr .active{
	color:#000000;
	text-decoration:none;
	}
	
/*
 LISTA WIADOMOSCI
*/

#msgList{
	
}



#msgList ul{
}

#msgList ul li {
	background:transparent url(../img/shared/dots/grey_dot_4x1.gif) repeat-x scroll left bottom;
	height:56px;
	padding-top:6px;
}

#msgList ul li.msgToRead {
	background-color: infoBackground;	
}

#msgList ul li:hover {
}

#msgList div.msgTitle{
	width:160px;
	padding: 0px 6px;
} 

#msgList .msgLast {
	width:444px;
}

#msgList .msgLast div{
	margin-top:3px;
}

/*
dyskusji
*/

#discusionList {
	
}

#discusionList .discHead{
	background-color:#F8F8F8;
	border-bottom:1px dotted #AAAAAA;
	padding:5px;
	min-height:1%;
}

#discusionList .discHead .discTitle{
	font-size:15px;
	font-style:italic;	
	float:left;
	}

#discusionList .discHead .del-disc{
	float:right;
	font-size:11px;
	background:transparent url( ../img/shared/icons/delete.png ) no-repeat center right;
	padding: 2px 21px 0  0;
	display:block;
	height:16px;
}

#discusionList ul li {
	background:transparent url(../img/shared/dots/grey_dot_4x1.gif) repeat-x scroll left bottom;	
	padding-top:6px;
	padding-bottom: 4px;
}



#discusionList div.discusionListDetails{
	height:38px;
	margin-left:75px;
	padding-top:5px;
}

#discusionList div.discusionListDetails div{	
	margin-top:3px;	
}

#discusionList div.msgContent{
	margin-left:75px;	
}

#discusionList div.msgContent blockquote{
	border-left:2px solid #cccccc;
	color:#666666;
	display:block;
	font-style:italic;
	margin:9px;
	padding:5px;
}

#discusionList div.discusionListOptions{
	text-align:right;
	min-height:1%;
}

/*
#discusionList div.discusionListOptions .replay{
	float:right;
	font-size:11px;
	background:transparent url( ../img/shared/icons/message.png ) no-repeat center left;
	padding: 2px 0 0  21px;
	display:block;
	height:16px;
	margin-right:10px;
}

#discusionList div.discusionListOptions .quote{
	float:right;
	font-size:11px;
	background:transparent url( ../img/shared/icons/add.gif ) no-repeat center left;
	padding: 2px 0 0  21px;
	display:block;
	height:16px;
}
*/


/*
form
*/

#msgReplayForm {
	margin-top: 15px;
}

#msgReplayForm label{
	float:left;	
	width:75px;
	
}

#msgReplayForm textarea{
	width:450px;
}

#msgReplayForm button{
	margin-left:75px;
	/*
margin-top: 15px;
*/
	margin-right:20px;
}


/***************szczegoly wiadomosci i odpowiadanie na wiadomosc******** TODO ***********/
#inboxMessage {
	margin: 5px 0 0 0;
	padding: 3px;
}

#inboxMessage .content td.icons {
}

#inboxMessage .content td.label {
	padding: 0 10px;
	text-align: right;
}

#inboxMessage #messageForm fieldset {
	margin: 5px 0 0 0;
}
#inboxMessage #messageForm fieldset input,
#inboxMessage #messageForm fieldset textarea {
	width: 560px;
	margin: 3px 10px;
}
#inboxMessage #messageForm fieldset label {
	width: 80px;
	margin: 0;
}

.send {
	margin-left: 100px;
}

/***************formularz nowej wiadomosci*********** TODO ********/

#messageForm {
	margin-top: 10px;
}

#messageForm label {
	width:120px;
}
#messageForm button {
	margin-left:120px;
	margin-right:20px;
}

#messageForm input[type="text"] {
	width:500px;
}

#messageForm textarea {
	width:500px;
}
/*
#newMessage {
	margin: 5px 0 0 0;
	padding: 3px;
}

#newMessage .content label {
	margin: 0 0 0 10px;
	padding: 0;
	text-align: right;
}

#newMessage fieldset input,
#newMessage fieldset textarea{
	width: 470px;
	margin: 3px 10px;
}
*/

/* ------------ box dyskusje -------------*/
.box .forum {}
.box .forum li{border-top:1px dotted #CCCCCC;padding:6px 0;}
.box .forum li div.replays-count{color:#777;padding-top:7px;background: url( ../img/shared/reps.png ) no-repeat top left; float:left;height:41px;text-align:center;width:32px;margin-right:6px;margin-top:3px;}


#content .box .forum li div.d-title a{font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;}

.box .forum li div.d-group{}
#content .box .forum li div.d-group a{font-size:11px;text-decoration:none;color:#444;}

.box .forum li div.d-time{font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:11px;color:#777;}

/* ------ lista grup ------*/
.groups {}
.groups li{float:left;height:80px;width:326px;border-top:1px dotted #CCCCCC;padding-top:6px;}
.groups li.left-group{margin-right:20px;}

.groups li img {margin-right:8px;margin-top:6px;}
#content .groups a.group-a-title{color:#a50;font-size:13px;text-decoration:none;}
#content .groups a.group-a-title:hover{text-decoration:underline;}
.groups li div.info {margin-top:3px;color:#777;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:11px;}
.groups li div.desc {margin-top:3px;height:36px;overflow:hidden;}