/*
	Colors
*/
html{
}

body{
	background-color:	white;
	color:				#000000;
	margin:				0;
	padding:			0;
	font-family:		arial, tahoma, verdana;
	/*font-size:			10px;*/
	font-size:			0.8em;
}

/*
	Reset Styles
*/
table, tr, td, img, p, h1, h2, h3, div{
	color: #000000;
	padding: 0;
	margin: 0;
	border-style: none;
	/*font-size: 0.9em;*/
}
td{/*font-size: 0.9em;*/}

/*
	Links - and with images
*/
a, a:link, a:visited{
	color:			black;
}

a:active, a:hover{
	color:			black;
}
a img, a:link img, a:visited img{
	border-style:	none;
}
a:active img, a:hover img{
	border-style:	none;
}

/*
	Wrapper
*/
div#wrapper{
	
}
div#wrapper p, div#wrapper div{
	padding-left:		5px;
	padding-top:		8px;
	padding-bottom:		5px;
}
div#footer p, div#footer div{
	background-color:#000000;
	font-size:0.8em;
	padding-bottom:0;
	padding-left:8px;
	padding-top:0;
}
#footer a, #footer a:link, #footer a:visited{
	color:				white;
}
 #footer a:active, #footer a:hover{
 	color:				white;
 }
div.footerText {
	color:#FFFFFF;
	font-size:0.8em;
	padding-bottom:0;
	padding-left:8px;
	padding-top:1px;
}

/*
	Exceptions
*/
div#wrapper p div, div#wrapper div p{
	padding-left:		0px;
	padding-top:		0px;
	padding-bottom:		0px;
}
/*
	End Exceptions
*/

/*
	Headings
*/
h1{
	/*font-size:			1.6em;*/
	font-style:normal;
	background-repeat:		no-repeat;
	background-position:	top left;
	color:					black;
	padding:				0;
	margin:					0;
	padding-left:			38px;
	margin-left:			8px;
	height:					34px;
	padding-top:			2px;
	vertical-align:			top;
}
h1.links{
	background-image:		url(/images/wap/icon_links.gif);
}
h1.friends, h1.register{
	background-image:		url(/images/wap/icon_friends.gif);
}
h1.profile{
	background-image:		url(/images/wap/icon_profile.gif);
}
h1.content{
	background-image:		url(/images/wap/icon_content.gif);
}
h1.upload{
	background-image:		url(/images/wap/icon_upload.gif);
}
h1.blogs{
	background-image:		url(/images/wap/icon_blogs.gif);
}
h1.news{
	background-image:		url(/images/wap/icon_news.gif);
}
h1.mailbox{
	background-image:		url(/images/wap/icon_mailbox.gif);
}
h1.chat{
	background-image:		url(/images/wap/icon_chat.gif);
}
h1.sns{
	background-image:		url(/images/wap/icon_sns.gif);
}
h2{
	background-color:	#CC0000;
	color:				#ffffff;
	padding-left:		8px;
	padding-top:		2px;
	border-top:			1px solid #999999;
	border-bottom:		1px solid #000000;
}
h2.profile{
	background-color:	#CCCCCC;
	color:				#000000;
	border-top:			1px solid #999999;
	border-bottom:		1px solid #999999;
}
h3{
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}
p.content_menu{
	padding:0;
	/*padding-left:	8px;*/
	margin:0;
	padding-left:	8px;
}
li.folder, a.folder, .folder{
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	
	padding:				0;
	margin:					0;
	padding-left:			18px;
	height:					17px;
	vertical-align:			top;
	color:					black;
	
	background-image:		url(/images/wap/content/folders.gif);
	
	margin-left:			8px;
}
li.image, a.image, .image{
	background-repeat:		no-repeat;
	background-position:	0px 0px;

	padding:				0;
	margin:					0;
	padding-left:			18px;
	height:					17px;
	vertical-align:			top;
	color:					black;
	
	background-image:		url(/images/wap/content/image.gif);
	margin-left:			8px;
}
li.audio, a.audio, .audio{
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	
	padding:				0;
	margin:					0;
	padding-left:			18px;
	height:					17px;
	vertical-align:			top;
	color:					black;
	
	background-image:		url(/images/wap/content/audio.gif);
	
	margin-left:			8px;
}
li.video, a.video, .video{	
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	
	padding:				0;
	margin:					0;
	padding-left:			18px;
	height:					17px;
	vertical-align:			top;
	color:					black;
	
	background-image:		url(/images/wap/content/video.gif);
	
	margin-left:			8px;
}
/*
	Forms
*/
form.body{
	border-top:			1px solid #999999;
	background-color:	#F0EFEF;
	color:				#ffffff;
	
	padding-left:		8px;
	padding-right:		8px;
	padding-top:		5px;
	padding-bottom:		5px;
}
form.center{
	text-align:center;
}
form label{
	display:			block;
}
form.body label{
	color:				#000000;
	display:			block;
}

form.body dl{
	display:			block;
	color:				#000000;
	margin:0;padding:0;
}
dl dt{

}
dl dd{
	margin:0;
	padding:0;
}

form input{
	height:				17px;
	color:				#000000;
}
form input.button{
	height:				auto;
	background-color:	#89151A;
	color:				#ffffff;
}
form select{
	color:				#000000;
}

/*
	Home Login Form
*/
form input#wap_user{
	-wap-input-format:		"*m";
	-wap-input-required:	"true";
}
form input#wap_pass{
	-wap-input-format:		"*m";
	-wap-input-required:	"true";
}

/*
	Common Styles
*/
#logo{
	padding:3px;
	background-color:#000000;
}
#logoall {
background-color:#000000;
background-image:url(/images/wap/sabc/header_bg_30.png);
background-repeat:repeat-x;
}
#footer {
}
div#footer div.seperater {
background-color:#71BEE0;
background-image:url(/images/wap/sabc/footer.png);
background-repeat:repeat-x;
margin:0;
padding:0;
width:100%;
}
	
p.border_top{
	border-top:			1px solid #999999;
}


.red, a.red, a:link.red, a:visited.red{
	color:				#89151A;
}
a:active.red{
	color:				#89151A;
}
.blue{
	color:				blue;
}


/*
	Login Page
*/
p.highlight{
	border-top:1px solid #89151A;
	background: #89151A url(/images/wap/sabc/hlgrad.jpg) top left repeat-x;
	color: #ffffff;
	font-weight:bold;
}
p.highlight a, p.highlight a:link{
	color: #ffffff;
}
p.highlight2{
	border-top:1px solid #FB9D0C;
	background: #FB9D0C url(/images/wap/sabc/hlgrad2.jpg) top left repeat-x;
	color: #000000;
	font-weight:bold;
}
p.subtitle{
	padding-left:	0px;
	margin-left:	0;
	font-weight:	bold;
}
form.login{

}

/*
	Menu Home
*/
table#menu_home{
	height:				auto;
	width:				100%;
	text-align:			center;
}
table#menu_home tr td.label{
	padding-bottom:		5px;
}
td.label{
	margin:				0;
	padding:			0;
	padding-bottom:		5px;
	font-style:			normal;
	font-weight:		normal;
	/*font-size:			9px;*/
}
td.label a, td.label a:link, td.label:visited{
	font-style:			normal;
	font-weight:		normal;
	/*font-size:			9px;*/
}
td.label a:active, td.label:hover{
	font-style:			normal;
	font-weight:		normal;
	/*font-size:			9px;*/
}
table#menu_home td, table#menu_home tr td{
	text-align:			center;

}
#menu_home img{
}
#menu_home div.label, #menu_home td div.label, #menu_home tr td div.label{
	width:				auto;
}

/*
	Friends Listing Page
*/
div.friend{
	border-top:			1px solid #999999;
	background-color:	#F0EFEF;
	color:				black;
	padding-left:		8px;
	padding-right:		8px;
	padding-top:		5px;
	padding-bottom:		5px;
}
div.friend2{
	border-top:			1px solid #999999;
	background-color:	white;
	color:				black;
	padding-left:		8px;
	padding-right:		8px;
	padding-top:		5px;
	padding-bottom:		5px;
}
p.friend{
	border-top:			1px solid #999999;
	background-color:	#F0EFEF;
	color:				black;
}
p.friend2{
	border-top:			1px solid #999999;
	background-color:	white;
	color:				black;
}

.friend h3{
color:				black;
margin-bottom:		2px;
}
h3 a, h3 a:link, h3 a:visited{
	color:				black;
	text-decoration:	underline;
}
h3 a:active, h3 a:hover{
	color:				black;
	text-decoration:	underline;
}
.friend p.icons{
/*margin-bottom:	2px;*/
}
.friend p.icons img{
	margin-right:	6px;
}
img.profile_pic, img.ppic, img.cpic{
	border: 1px solid #999999;
}

/*
	Message Listings
*/
.message {
	border-top:			1px solid #999999;
	background-color:	#F0EFEF;
}
	.message h3{
		color:				black;
		margin-bottom:		2px;
	}
	.message p.body{
		background-color:	#ffffff;
	}
	
	/*
		Actions
	*/
	p.actions{
		/*color:			#89151A;*/
	}
	p.actions a, p.actions a:link, p.actions a:visited{
		color:				#89151A;
		text-decoration:	underline;
	}
	p.actions a:active, p.actions a:hover{
		color:				#89151A;
		text-decoration:	underline;
	}

/*
	Feeds
*/
p.event{
	border-top:		1px solid #999999;
}
p#feed{
	padding:		0;
	margin:			0;
	padding-left:	0;
	margin-left:	0;
}
p#feed div#event{
	padding-left:	0;
	margin-left:	0;
}
p#feed div#event p{
	padding-left:	0;
	margin-left:	0;
}
span.date{
	color:		#0032FF;
}
	
/*
	Profile Page 
*/
p img.profile_pic_big{
	margin-right:	13px;
	/*width:			49px;
	height:			46px;*/
}

/*
	Proofile page - Details
*/
table.profile{
	margin-top:		5px;
	margin-bottom:		5px;
	width:			auto;
	height:			auto;
	margin-left:	8px;
}
table.profile tr td{

}

/*
	Comments
	*/
p.comments{

}
p.comments div.heading{
	border-top:			1px solid #999999;
	background-color:	#F0EFEF;
	color:				black;	
}
p.comments div.body{

}
p.comments div.actions{

}
p.footer_menu a, p.footer_menu a:link,p.footer_menu a:visited{
	/*display:block;*/
}
p.footer_menu a:active{
	/*display:block;*/
}
/*
	Chat
*/
.roster ul {
	list-style-type: 	none;
	padding:			0;
	margin:				0;
}

.roster ul li {
	background: 	url(/images/wap/sabc/chat/bullet.green.gif) left center no-repeat;
	padding-left:	2ex;
	font-style: 	bold;
}

.roster ul li.available {
	background: 	url(/images/wap/sabc/chat/bullet.green.gif) left center no-repeat;
    color:			green;
}

.roster ul li.unavailable {
	background: 	url(/images/wap/sabc/chat/bullet.red.gif) left center no-repeat;
    color:	 		red;
}

.roster ul li.busy {
	background: 	url(/images/wap/sabc/chat/bullet.red.gif) left center no-repeat;
    color: 			red;
}

.roster ul li.busy {
	background: 	url(/images/wap/sabc/chat/bullet.red.gif) left center no-repeat;
    color: 			orange;
}

.roster ul li.closedEnvelope {
	background: 	url(/images/wap/sabc/chat/bullet.mail.png) left center no-repeat;
}

.chatContact{
	color:		blue;
}

.chatContact2{
	color:		red;
}
/*
	End Chat
*/


/*
	Common
*/
div#wrapper p.back{
	padding-left:		8px;	
	padding-top:		0px;
	padding-bottom:		3px;	
}

/*
	Menu Normal
*/
table#menu_normal{
	height: auto;
	width: 100%;
	margin: 5px;
}
table#menu_normal tr td.label{
	padding-bottom: 5px;
}
#menu_normal div.label, #menu_normal td div.label, #menu_normal tr td div.label{
	width: auto;
}
.tbl_title{
	/*font-size: 1.1em;*/
	font-weight:bold;
	color:#89151A;
}

/* other */
div#wrapper div.seperater{
	background-color:#feb824;
	height:33px;
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 0px;
}
div#wrapper div.seperater div.tblsim_new_l{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:36px;
	float:left;
	background-color:#feb824;
}
div#wrapper div.seperater div.tblsim_new_r{
	margin:0 0 0 40px;
	padding:5px 0 0 0;
	background-color:#feb824;
}

div#wrapper div.tblsim{
	margin:0; padding:0 0 0 6px;
	clear:both;
}
div#wrapper div.tblsim div.tblsiml{
	margin:0 2px 0 0; padding:0; 
	float:left;
	width:32px;
	height:40px;
}
div#wrapper div.tblsim div.tblsimr{
	padding:0 0 0 0;
	/*font-size: 0.9em;*/
	margin-left:36px;
	/*height:50px;*/
	/*float:left;*/
}

/* Comment Section */

div#wrapper div.topbox {
background-color:	#F0F0F0;
padding: 			5px 5px 5px 5px;
margin: 			0 0 0 0;
}

.commentheading, a.commentheading, a.commentheading:link, a.commentheading:visited{
	color:				#9b2019;
}
a.commentheading:active{
	color:				#9b2019;
}

.commentheading, div.commentheading{
	color:				#9b2019;
}

.commentStyle1, div.commentStyle1 {
	padding:5px 0px 5px 10px;
}

.commentStyle2, div.commentStyle2 {
	padding:5px 0px 5px 10px;
	border-top:thin solid #000000;
}

#bluelogo{
		background-color:	#1d72b9;
		background-image:	url(/images/wap/sabcportal/blue_logo_bg.png);
		background-repeat:	repeat-x;		
		}