/*    This is CSS for SocialNetworkConnected.html					    */
/*    It's verified for Firefox and IE8 and some other browsers         */
/*    It's made for Vip.hr by Neuralab.net								*/

#miniBox, #miniBoxConnected
{
	display:block;
	width:335px;
	height:380px;
	background-image:url(../images/background.png);
	background-color:White;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:5px;
	}

#title
{
	display:block;
	position:relative;
	height:30px;
	width:315px;
	background-image:url(../images/titleBackground.png);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	font-size:12px;
	font-family:Arial;
	color:White;
	text-align:left;
	}

#titleText
{
	display:block;
	position:absolute;
	margin:5px 0 0 10px;
	}
	
#icons
{
	display:block;
	height:34px;
	width:315px;
	margin:0px auto 0px auto;
	vertical-align:middle;
	}
	
#icon_facebookIcon
{
	display:block;
	float:left;
	height:19px;
	width:84px;
	margin:7px 0 0 5px;
	border:0;
	background-image:url(../images/facebookIconActive.png);
	background-repeat:no-repeat;
	}

#icon_twitterIcon
{
	display:block;
	float:left;
	height:22px;
	width:82px;
	margin:5px 0 0 10px;
	border:0;
	background-image:url(../images/twitterIconActive.png);
	background-repeat:no-repeat;
	}
	
#websmsIcon
{
	display:block;
	float:right;
	height:19px;
	width:66px;
	margin:7px 0 5px 0;
	border:0;
	background-image:url(../images/websmsIconActive.png);
	background-repeat:no-repeat;
	}
	
#contentConnected
{
	display:block;
	position:relative;
	clear:both;
	width:312px;
	height:302px;
	background-image:url(../images/contentBackgroundConnected.png);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	font-family:Arial;
	overflow:hidden;
	}

#contentTextConnected
{
	display:block;
	position:absolute;
	padding:15px;
	width:300px;
	}
	
#contentTextConnected a
{
	color:blue;
	text-decoration:none;
	cursor:pointer;
	}
	
#contentTextConnected a:hover
{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	}
#connectButton
{
	border:0;
	}
.contentConnected {
	background-color:#ffffff;
	padding:0;
	border:0; 
	display:block;
}

/* Facebook connected design*/
#postFace
{
	display:block;
	float:left;
	margin:0;
	height:280px;
	width:280px;
	overflow:auto;
	padding-right:5px;
	}
#postTwitter
{
	display:block;
	float:left;
	margin:0;
	height:280px;
	width:280px;
	overflow:auto;
	padding-right:5px;
	}

.status
{
	display:block;
	width:255px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #eaedf4;
	}
.profilePic
{
	float:left;
	
	}
.profileImage
{
	border:0;
	width:30px;
	height:30px;
	}
.statusText
{
	padding-left:44px;
	width:210px;
	height:auto;
	font-size:13px;
	text-align:left;
	font-weight:normal;
	}

.statusText a
{
	text-decoration:none;
	color:#335090;
	font-weight:bold;
	}
	
.statusText a:hover
{
	text-decoration:underline;
	}	

#triangle
{
	background-image:url(../images/triangle.png); 
	background-repeat:no-repeat; 
	margin-left:54px;   
	height:6px; 
	width:100px; 
	display:block;
	}
.comments ul
{
	list-style-type:none;
	margin:0 0 0 45px;
	}

.comments ul li
{
	display:block;
	width:210px;
	padding:6px 6px 3px 6px;
	background-color:#eaedf4;
	margin-bottom:2px;
	}


.comments ul li .profilePictureComment
{
	
	float:left;
	margin-right:7px;
	
	}
.comments ul li:last-child
{
	margin-bottom:2px;
	}
.likeorcomment
{
	float:left;
	}
.likeorcommentText
{
	padding-left:25px;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	}
.iconComment
{
	border:0;
	float:left;
	
	}
.commentText
{
	padding-left:37px;
	width:auto;
	height:auto;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	}

.commentText a
{
	text-decoration:none;
	color:#335090;
	font-weight:bold;
	}

.commentText a:hover
{
	text-decoration:underline;
	}
	

/* Connected with tweeter */
.post
{
	text-align:left;
	float:left;	
	overflow:hidden;
	height:252px;
	}
.tweeterID
{
	margin:0 0 15px 0;
	text-align:left;
	}
.tweeterIcon
{
	clear:both;
	float:left;
	width:30px;
	height:30px;
	border:0;
	}
.tweeterUsername
{
	padding-left:45px;
	width:220px;
	font-size:9px;
	line-height:150%;
	font-family:Arial;
	font-weight:normal;
	}
.post ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.post ul li
{

	display:block;
	width:255px;
	border-bottom:dotted 1px #dadada;
	margin:0 0 0 0;
	padding-bottom:2px;

	}

.post ul li:last-child
{
	border-bottom:none;
	}
.postText
{
	padding-left:45px;
	width:220px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	}
.tweeterIconPost
{
	width:30px;
	height:30px;
	border:0;
	float:left;
	}
#twitterIconBottom a
{
	display:block; 
	clear:left; 
	float:left; 
	background-image:url(../images/twitterIconBottom.png); 
	background-repeat:no-repeat; 
	width:200px;
	padding-left:70px;
	color:Black;
	text-decoration:none;
	font-weight:normal;
	margin-top:10px;
	}
	
#miniBoxTwitter			/* ConnectWithSocialNetwork.html */
{
	display:block;
	width:335px;
	height:380px;
	background-image:url(../images/background.png);
	background-color:White;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:5px;
	}
#miniBoxFacebook
{
	display:block;
	width:335px;
	height:380px;
	background-image:url(../images/background.png);
	background-color:White;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:5px;
	}
	
#facebookIconInactive
{
	display:block;
	float:left;
	height:19px;
	width:84px;
	margin:7px 0 0 5px;
	border:0;
	background-image:url(../images/facebookIconInactive.png);
	background-repeat:no-repeat;
	
	}

#twitterIconInactive
{
	display:block;
	float:left;
	height:22px;
	width:84px;
	margin:5px 0 0 10px;
	border:0;
	background-image:url(../images/twitterIconInactive.png);
	background-repeat:no-repeat;
	}
	
#websmsIconInactive
{
	display:block;
	float:right;
	height:19px;
	width:66px;
	margin:7px 0 5px 0;
	border:0;
	background-image:url(../images/websmsIconInactive.png);
	background-repeat:no-repeat;
	}
#content
{
	display:block;
	position:relative;
	clear:both;
	width:315px;
	height:302px;
	background-repeat:no-repeat;
	background-image:url(../images/contentBackground.png);
	margin:0px auto 0px auto;
	text-align:center;
	font-size:12px;
	line-height:170%;
	font-weight:bold;
	font-family:Arial;
	}
#contentFacebook
{
	display:block;
	position:relative;
	clear:both;
	width:313px;
	height:300px;
	background-repeat:no-repeat;
	background-image:url(../images/contentBackgroundFace.png);
	margin:0px auto 0px auto;
	text-align:left;
	font-size:12px;
	line-height:170%;
	font-weight:bold;
	font-family:Arial;
	}
#contentTwitter
{
	display:block;
	position:relative;
	clear:both;
	width:313px;
	height:300px;
	background-repeat:no-repeat;
	background-image:url(../images/contentBackgroundTweet.png);
	margin:0px auto 0px auto;
	text-align:left;
	font-size:12px;
	line-height:170%;
	font-weight:bold;
	font-family:Arial;
	}
#contentText, #contentTextTwitter, #contentTextFacebook
{
	display:block;
	position:absolute;
	top:40%;
	height:auto;
	width:300px;
	margin-top:-5em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	#contentText a
{
	color:Red;
	text-decoration:none;
	cursor:pointer;
	}
	
#contentText a:hover
{
	color:Red;
	text-decoration:underline;
	cursor:pointer;
	}
.arrow
{
	display:block;
	width:24px;
	height:35px;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	margin:0 auto 22px auto;

	}
#contentIcons
{
	width:156px;
	height:38px;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	}
.content {
	background-color:Transparent;
	padding:0;
	border:0; 
	display:block;
}
.connectButton
{
	border:0;
	}
	
	
/* SOKIC 08.01.2010 */
.sms_poruka1 {width:100%; text-align:left; margin-right:10px;}
.sms_broj_mobitela1 {width:65%}
.sms_broj_operatera1 {width: 60px; }
.sms_reklama1 {width:100%}