/* ================================================== basic layout elements */


.rssclass{
overflow: hidden;
float: right;
width: 635px;
height: 30px;
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #999999;
margin-bottom: 1em;
margin-top: 10px; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.rssclass a{
text-decoration: none;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}




#cloud a.tag1 {	font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 {	font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 {	font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 {	font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 {	font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 {	font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 {	font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 {	font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 {	font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight:	900; }

.bordered {
	border: 2px;
	border-color: #000066;
	padding: 5px;
	spacing: 0px
}

.formHighlight {
	background-color: #FFFFCC;
	background-position: left top;
	border:	1px dashed #000066;
	padding-top:	4px;
	padding-bottom:	4px;
	margin-bottom: 4px; padding-left:8px; padding-right:8px; padding-top:4px
	font-size: 75%;
	font-weight: normal;
	-moz-border-radius: 1em;
	border-radius: 1em;
	line-height: 1.3em;
}



#top {
	height: 135px;
	width: 100%;
	margin: 0 auto;
	position: relative;

}
#mainmenu {
	height: 25px;
	background: #000033;
	margin-bottom: 20px;
}
#middle	{
	margin: 0 auto;
	width: 1050px;
}

#main {
	width: 720px;
	overflow: hidden;
	float: left;
	border: none;
	padding: 10px;
	margin-bottom: 10px;
}

#right {
	width: 300px;
	float: right;
	overflow: hidden;
	padding: 4px;
}
#footer	{
	color: #666;
	font-size: 0.9em;
	text-align: center;
	width: 100%;
	float: left;
	clear: left;
	margin-top: 5px;
	padding-top: 10px;

}

#top_info {
	color: #fff;
	BACKGROUND: url(/grafika/back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 100px;
	width: 360px;
	padding-left: 10px;
	padding-right: 200px;
	font-size: 100%;
	font-weight: medium;
	line-height: 1.3em;
	float: left;
	margin-bottom: 10px;
}

#copyright {float: left; font-size: 80%; color:	#8f7847;}

/* ================================================== sidebar stuff */

.side_stuff {
	border: 1px solid #000000;
	padding: 0px 10px 5px 10px;
	background: #ffffff;
	/*-moz-border-radius: 1em; */
	/*border-radius: 1em; */
}


#most_recent_stuff, #most_popular_stuff	{text-align: left;}

.decorative_bar	{
	background: #000000;
	height: 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 1px;
}

/*profile head */
.profilehead {
	background: #ffffff;
	filter:alpha(opacity=93);
	-moz-opacity:.93;
	opacity:.93;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;
	position: relative;
	width: 100%;
}


/* ================================================== message stuff */

.msg {
	filter:alpha(opacity=93);
	-moz-opacity:.93;
	opacity:.93;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 5px;
	height: 94px;
	clear: both;
	background: #fff url(../grafika/message_back.jpg) left top repeat-x;
	border: 1px solid #999999;
	overflow: auto;
	position: relative;
}

.msg.ownerfavorite {
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 5px;
	height: 94px;
	clear: both;
	background: #000033 url(../grafika/message_back.jpg) left top repeat-x;
	border: 2px solid #000033;
	overflow: auto;
	position: relative;
}

.msg.yellow {
	
}

.msg_content {
	position: absolute;
	height: 65px;
	width: 450px;
	//overflow: hidden;
	word-wrap:break-word;
	overflow: auto;
	top: 5px;
	left: 85px;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.3em;
}
.mini_msg {
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 5px;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	clear: both;
}

.when {
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
	padding-left: 19px;
	background: transparent url(../images/time.png) left center no-repeat;
	color: #666;
	position: absolute;
	right: 5px;
	bottom: 3px;
}
.msg_controls {
	position: absolute;
	bottom: 0px;
	left: 5px;
	width: 100px;
	height: 23px;
	overflow: hidden;
}

.msg_share {
	position: absolute;
	bottom: 0px;
	left: 100px;
	width:450px;
	height: 18px;
	overflow: hidden;
	font-size: 80%;
	font-weight: medium;
	line-height: 1.3em;
}


#profile_header	{
	background: #000033;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	word-wrap:break-word;
	position: relative;
}
#profile_header	.when {
	color: #fff;
	font-weight: bold;
	text-align: right;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(../images/time.png) left center no-repeat;
}

.person	{
	height: 75px;
	margin-bottom: 5px;
	clear: both;
}


/* ================================================== settings page */
#settings_menu {
	float: left;
	width: 125px;
	padding: 0px 10px 10px 10px;
	background: #eee;
	border: 1px solid #ccc;
}
#settings_content {
	float: right;
	width: 525px;
}
#picture_set {
	height: 250px;
	overflow: scroll;
}

/* ================================================== misc */
.clear {clear: both; font-size:	0px; height: 1px; margin:0; padding:0;}
#last_msg_tooltip {

	width: 200px;
	overflow: hidden;
	position: absolute;
	color: #000;
	font-size: 1em;
	text-align: center;
	border: 2px solid #CCCCCC;
	padding: 5px;
	font-size: 90%;
	z-index:100;
	background-color: #fff;
}
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

#contact_list {
	height: 300px;
	width: 550px !important;
	width: 530px;
	overflow: scroll;
}
#del_pass_form {margin-top: 10px; position: relative;}
#top_text {
	float: right;
	width: 580px;
	font-weight: bold;
	font-size: 130%;
	color: #000;
	position: absolute;
	right: 0px;
	top: 35px;
}
#avatar_preview	{
	width: 200px;
	float: right;
	text-align: center;
}
#bglib {
	margin-top: 0px;
	margin-bottom: 0px;
}

.jq-context-menu			{background: white;padding: 2px;border: 1px solid #ACA899;font: normal 11px Arial;letter-spacing: 0;cursor: default;}
.jq-context-menu div			{width: 200px; padding-top: 3px; padding-left: 16px;}
.jq-context-menu div.cMenuItem		{background: white; height: 18px;}
.jq-context-menu div.current		{background: #316AC5; color: white;}
.jq-context-menu div.separator		{border-bottom: 1px solid #ACA899; margin-bottom: 2px; padding-bottom: 2px; font-size: 1px;}

.x-layout-back				{position: relative; border: 0px solid green;z-index: 1000; left: 0px; top: 0px; width: 1px; height: 1px}
.x-layout-mask				{position: absolute; display: none; background: #000066; z-index: 1001; left: 0px; top: 0px;}
.x-layout-player			{position: absolute; z-index: 1002;}




/*
following classes added by programmer of Kintu Designs
*/

#tab01{
	width:71px;
	border:0px
	height:99px;
	margin:auto;
	float:left;
	}
#tab02{
	width:17px;
	height:96px;
	margin:auto;
	float:left;
	}
#tab03{
	width:576px;
	height:96px;
	margin:auto;
	float:left;
	}
#tab003{
	width:576px;
	height:74px;
	margin:auto;
	float:left;
	background-image:url(../images/cornor02.gif);
	}
#tab003a{
	overflow: auto;
	width:410px;
	height:68px;
	margin:2px;
	float:left;
	}
#tab0003{
	width:575px;
	height:22px;
	margin-top: 0px;
	padding-top: 5px;
	float:left;
	background-color: #E5E5E5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
#tab04{
	width:10px;
	height:96px;
	margin:auto;
	float:left;
	}
#text{
	width:375px;
	margin:auto;
	float:left;
	}
#text01{
	width:150px;
	margin:auto;
	float:right;
	padding-bottom:6px;
	
	}


.bodytextgray{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
	float:right;
	margin-top: -9px;
	margin-right: 5px;


	}

.headingblack{

	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 0px;
	height: 94px;
	clear: both;
	word-wrap:break-word;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	
	}
.headingblue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000066;
	text-decoration:none;
	}
.boder {
	background: #fff;
	float: left;
	width: 60px;
	height: 60px;
}


.rss_boder {
	padding-top:10px;
}
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #E5E5E6;
}