/*
v0.03
File Name: default-theme.css
Copyright (c) 2006 AOL LLC. All rights reserved
*/

/*
The top level parent element that will contain the Buddy List. This should appear in your HTML document where you want the buddy list to appear.
and is the only HTML element that should be hardcoded in the document.
*/
#AIMBuddyListContainer {
	width:185px !important;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000000 !important;
}

/*
This is the top level UL element that will contain the Buddy List. 
*/
#AIMBuddyList {
	padding:0 !important;
	margin:0;
	width:auto;
	min-width:185px;
	border:1px solid #686866;
	border-top:0px;
	list-style-type:none;
	display:none;
	background-color:#FFF;
	
}
/*
Buddy list headings, i.e. "Buddies", "Family" etc.
*/
#AIMBuddyList .AIMBuddyListHeading, #AIMBuddyList h2 {
	padding:2px 0 2px 5px;
	margin:0;
	font:bold 10px verdana,arial;
	height:18px;
	background-color:#EAEAEA;
	border-bottom:1px solid #686866;
	color:#000;
	cursor:default;
	width:180px !important;
}

/*
The UL element that will hold all of the buddies in a given group.
*/
#AIMBuddyList .AIMBuddyListGroup {
	font:11px verdana,arial;
	padding-left:12px;
	margin:1px 0;
	line-height:15px;
	list-style-type:none;
}

/*
The LI elements that will contain the screen names in the group
*/
#AIMBuddyList .AIMBuddyListGroup .buddy {
	text-indent:17px;
	background-position: left center;
	background-repeat:no-repeat;
	_width:173px;
	overflow:hidden;
	overflow-x:hidden;
	cursor:pointer;
	word-wrap:none;
	margin-bottom:3px;
}

/*
How the LI that contains screen names should react when the user mouses over it.
*/
#AIMBuddyList .AIMBuddyListGroup .buddy:hover {
	background-color:#C0C0C0;
	color:#FFF;
}

/*
How the LI should be styled when the screen name is has a state of "away"
*/
#AIMBuddyList .AIMBuddyListGroup .away {
	color:#C0C0C0;
	background-image:url(http://o.aolcdn.com/aim/img/away.gif);
}

/*
How the LI should be styled when the screen name is has a state of "online"
*/
#AIMBuddyList .AIMBuddyListGroup .online {
	/*background-image:url(http://o.aolcdn.com/aim/img/online.gif);*/
}

/*
How the LI should be styled when the screen name is has a state of "idle"
*/
#AIMBuddyList .AIMBuddyListGroup .idle {
	background-image:url(http://o.aolcdn.com/aim/img/idle.gif);
	color:#C0C0C0;
}

/*
How the LI should be styled when the screen name is has a state of "mobile"
*/
#AIMBuddyList .AIMBuddyListGroup .mobile {
	background-image:url(http://o.aolcdn.com/aim/img/mobile.gif);
}

/*
How the LI should be styled when the screen name is has a state of "offline"
*/
#AIMBuddyList .AIMBuddyListGroup .offline {
	background-image:url(http://o.aolcdn.com/aim/img/offline.gif);
}

/*
For zebra-striping the buddy list
*/
#AIMBuddyList .AIMBuddyListGroup .even {
	background-color:#FFF;
}

/*
For zebra-striping the buddy list
*/
#AIMBuddyList .AIMBuddyListGroup .odd {
	background-color:#FFF;
}

/*
The box that appears with a screen name's buddy info when you mouseover them
*/
#AIMBuddyListBuddyInfo {
	position:absolute;
	width:220px;
	background-color:#FFF;
	border:1px solid #C0C0C0;
	color:#000;
	display:none !important;
	font:10px verdana,arial;
	min-height:75px;
	padding:2px;
	opacity:0.95;
	z-index:1002;
}

#AIMBuddyListBuddyInfo table {
	font:10px verdana,arial;
}

/*
The container in the Buddy Info window that displays the screen name's away message
*/
#AIMBuddyListBuddyInfo .away {
	border-top:1px solid #C0C0C0;
}

#AIMBuddyListBuddyInfo .away tr td {
	font:9px verdana;
}


/*
An IM Window
*/
.AIMBuddyListIMWindow, .AIMBuddyListAwayBox {
	position:absolute;
	z-index:10000;
	font:12px verdana,arial;
	border:1px solid #C0C0C0;
	background-color:#FFF;
	width:305px !important;
	height:194px !important;
	padding:0;
	display:none;
}

/*
Some clients (ICQ, AIM 5.9) send text in a div element, causing it to wrap to the next line. Set the display to inline to fix that.
*/
.AIMBuddyListIMWindowTextArea div {
	display:inline;
}

/*
The title bar of the IM window containing the screen name of the person you are IM'ing
*/
.AIMBuddyListWindowTitleBar {
	font:bold 12px verdana,arial;
	margin:0;
	padding:2px;
	background-color:#EAEAEA;
	color:#000;
	cursor:default;
}

/*
How the IM window should appear when the user drags it around the page
*/
.AIMBuddyListIMWindowDragState {
	opacity:0.95;
	-moz-opacity:0.95;
	filter:alpha("opacity=95");
}

/*
The element where the IM conversation appears.
*/
.AIMBuddyListIMWindowTextArea {
	position:relative;
	border:1px solid #C0C0C0;
	margin:2px auto;
	padding:2px;
	width:295px !important;
	height:100px;
	overflow:auto;
}

/*
Each IM recieved is contained within a paragraph element
*/
.AIMBuddyListIMWindow .AIMBuddyListIMWindowTextArea p {
	margin:0; 
	padding-bottom:2px;
	font-size:11px;
}

/*
The text input you type your IM message into
*/
.AIMBuddyListIMWindowTextInput {
	position:relative;
	border:1px solid #C0C0C0;
	padding:2px;
	font:11px verdana,arial;
	margin:0 2px;
	width:240px;
	background-color:#FAFAFA;
}

/*
The object a user clicks on to close an IM window
*/
.AIMBuddyListWindowCloseButton {
	position:absolute;
	right:2px;
	top:4px;
	width:15px;
	height:15px;
	background-image:url(close_btn.png);
	cursor:pointer;
	background-repeat:no-repeat;
}

/*
How your screen name will appear in the IM Window
*/
.AIMBuddyListUser {
	color:#FF5000;
	font:bold 10px verdana,arial;
}

/*
How the person you are having a conversation with screen name will appear in the IM Window
*/
.AIMBuddyListUserBuddy {
	color:black;
	font:bold 10px verdana,arial;
}

/*
The style of the "send" button
*/
.AIMBuddyListIMWindowButton {
	position:relative;
	border:1px solid #000;
	font:bold 10px verdana,arial;
	color:#000;
	background-color:#EAEAEA;
	margin:5px 0 0 2px;
}

/* 
This shows the current status of the user. If it is clicked, it pops the sub menu that allows them to set their availability and away message.
*/
.AIMBuddyListAvailabilityMenu {
	position:relative;
	height:auto;
	font:11px verdana;
	background-color:#FAFAFA;
	text-indent:15px;
	padding:2px;
	background-position: 5px center;
	background-repeat:no-repeat;
	cursor:pointer;
	width:95%;
	_width:180px;
	z-index:1000;
}

.AIMBuddyListAvailabilityMenuActionPoint {
	width:95%;
	display:block;
	background-image:url(arrow_down.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

/* the look of the actionable portion of the menu when the users state is "available" */
.AIMBuddyListAvailabilityMenuAvailable {
	background-image:url(available.png);
}

/* the look of the actionable portion of the menu when the users state is "away" */
.AIMBuddyListAvailabilityMenuAway {
	background-image:url(http://o.aolcdn.com/aim/img/away.gif);
}

/*
This is the sub menu that allows the user to set their away status and away message
*/
.AIMBuddyListAvailabilitySubMenu {
	margin:0;
	padding:2px;
	width:185px;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:2000;
	top:22px;
	left:2px;
	background-color:#FFF;
	opacity:0.95;
}

/*
Each list item in the sub menu
*/
.AIMBuddyListAvailabilitySubMenu li {
	list-style-type:none;
	padding:2px 0;
}

.AIMBuddyListAvailabilitySubMenu li:hover {
	background-color:#C0C0C0;
	color:#FFF;
}

/* The look of the timestamp in the IM Window */
.AIMBuddyListTimeStamp {
	color:brown;
}

/* the users screen name at the top of the buddy list */
.AIMBuddyListUserScreenName {
	padding:2px 0 2px 10px;
	color:#FF5000;
	font:normal 12px verdana,arial;
	background-color:#FFF;
}

/* the area that holds the branding. typically at the top of the budd list */
.AIMBuddyListBranding {
	background-image:url(AIMBuddyListBranding.png);
	background-repeat:no-repeat;
	background-position:center right;
	width:185px;
	height:30px;
	border:1px solid #686866;
	border-bottom:dotted 1px #C0C0C0;
}

/* dividers in menus */
#AIMBuddyListContainer hr {
	border-style:none;
	height:1px;
	background-color:gray;
	margin:2px 0;
}

/* the area where the "soAndSo is typing..." text appears. */
.AIMBuddyListTypingStatusTyping, .AIMBuddyListTypingStatusTyped, .AIMBuddyListTypingStatusStoppedTyping {
	color:gray;
	font:10px arial;
	margin-top:-10px;
	margin-left:20px;
	margin-bottom:5px;
}

/* "on" state for incoming IM visual notification. applies to the title bar of the window. */

.AIMBuddyListIMWindowNotifyOn {
	color:black;
}

/* "off" state for incoming IM visual notification. applies to the title bar of the window. */
.AIMBuddyListIMWindowNotifyOff {
	color:white;
}

/* Presence Styles */

.AIMPresenceWidget {
	text-indent:32px;
	background-repeat:no-repeat;
	background-position:left center;
	height:32px;
	font:bold 14px arial,verdana;
	padding-top:5px;
	width:180px;
	border:0px !important;
}

.AIMPresenceWidget_offline {
	margin-top: 0px !important;
    background:url(/template_assets/images/AIMstatus_offline.png) no-repeat 0 0 !important;
   }
   
.AIMPresenceWidget_online {
	margin-top: 0px !important;
    background:url(/template_assets/images/AIMstatus_online.jpg) no-repeat 0 0 !important;
   }
   
.AIMPresenceWidget_away {
	margin-top: 0px !important;
    background:url(/template_assets/images/AIMstatus_away.jpg) no-repeat 0 0 !important;
   }

.AIMBuddyListSoundOn {
	text-decoration:none;
}

.AIMBuddyListSoundOff {
	text-decoration:line-through;
}

.AIMBuddyListSoundObject {
	position:absolute;
	left:-1000px;
}


/* Auth Window Appearence */
.AIMFrameContainer {
	position:absolute;
	width:530px;
	height:350px;
	top:10px;
	border:2px solid #000;
	z-index:1000;
	background-color:#FFF;
}

.AIMFrameContainer iframe {
	width:530px;
	height:350px;
	border-style:none;
}

.AIMFrameContainer h2 {
	padding:4px;
	margin:0;
	height:18px;
	font:bold 10px verdana,arial,helvetica;
	background-color:#EAEAEA;
	color:#000;
	border-bottom:1px solid #000;
}