html, div, span, h1, h2, h3, h4, h5, h6, p, a, b, ul, li, img {
	margin: 0; 	
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	background-color:#575757;
}

#wrapper_outer {
	width:946px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

#wrapper_inner {
	clear:both;
	font-size:0.75em;
	padding:0 10px;
	background: transparent url("../images/bg_tile.gif") repeat-y;
}

#shadow_top{
	background: transparent url("../images/bg_header.jpg") top no-repeat;
	height:20px;
}   

#shadow_btm{
	background: transparent url("../images/bg_footer.jpg") bottom no-repeat;
	height:29px;
}

.borderTable {
	border: 1px solid #e7e8ea;
	border-style: solid;
}

.detailTable {
	border: 2px solid #000000;
	border-style: solid;
}

.toptable {
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.midtable {
	background-color:#FFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.bottable {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

.bannertable {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

.menuTable {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

.pbottom {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #e7e8ea;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.red {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #cc0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.blue {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #0000FF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.blacksmall {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.panelsmall {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.offline {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.online {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #79c022;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.BROWSER {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.ABROWSER {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

.ABROWSER:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.PWHITE {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PWHITESMALL {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PWHITEBOLD {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.P {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PSTATUS {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}


.PSMALL {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PBOLD {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PBOLDBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGREY {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGREYSMALL {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGREYB {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PREDBOLD {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #f00;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PREDBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGREYSTATUS {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGREYBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PBLUEBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #0D87D0;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PORANGE {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FB791E;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PORANGEBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #FB791E;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGOLDBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #E6B925;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PGREENBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #70A727;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.PPURPLEBIG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #A238BA;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.menubarblue {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #014687;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.menubar {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

A {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

A:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.AWHITEB {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.AWHITEB:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.ARED {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #F00000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

.ARED:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #F00000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.ABLUE {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #014687;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

.ABLUE:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.A1 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

.A1:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.AGREY {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

.AGREY:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #737373;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.login_button {
	width:55px;
	height:18px;
	padding: 0 0 2px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #F00;
	cursor: pointer;
}

.login_button:hover { 
	width:55px;
	height:18px;
	padding: 0 0 2px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #79c022;
	cursor: pointer;
} 

.orange_form_button {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image:url(../images/menu_mytalk_active.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
}

.orange_form_button:hover { 
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image: url(../images/menu_mytalk_active.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
} 

.purple_form_button {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image: url(../images/menu_contact_active.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
}

.purple_form_button:hover { 
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image: url(../images/menu_contact_active.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
} 

.green_form_button {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image: url(../images/menu_news_active.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
}

.green_form_button:hover { 
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image: url(../images/menu_news_active.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
} 

.shadeform	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/shadeform1.gif);
}

.select {
	background: #FFFFFF; 
	color: #000000;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.radio { 
}

.checkbox { 
}

.image {
	border-style: solid;
	border-color: #cccccc;
	border-width: 3px;
}

.imagefade {
	filter: alpha(opacity=50);
} 

.hr {
	float: left;
	background-color: #000;
	color: #000;
	height: 1px;
	width: 100%;
}

#home {
	float: left;
	margin-left: 65px;
	margin-top: 10px;
}

#signup {
	float: left;
	margin-left: 160px;
	margin-top: 5px;
}

#forgot {
	float: right;
	margin-right: 35px;
	margin-top: 5px;
}

#login {
	float: right;
	margin-right: 25px;
	margin-top: 45px;
}

.login {
	background: #FFFFFF; 
	color: #000000;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

#message_wrapper {
	clear: both;
	position: absolute;
	width: 915px;
	margin: 0 5px 0 5px;
}

#error_message {
	font-family: Arial, Helvetica, sans-serif;
	color:#F00;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

#noscript {
	float: left;
}

#site_stats_wrapper {
	position: absolute;
}

#site_stats {
	position: absolute;
	margin: 10px 0px 0px 400px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	z-index: 999;
}

#chatrequest {
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	color:#F00;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

#countdown {
	font-family: Arial, Helvetica, sans-serif;
	color:#F00;
	font-weight: normal;
	font-size: 12px;
}

#notifier {
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	color:#F00;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

#main_paragraph {
	float: left;
	margin: 10px 0px 0px 10px;
}

#main_get_started {
	float: left;
	margin: 10px 10px 0px 50px;
}

#main_app {
	float: right;
	margin: 183px 10px 0px 0px;
}

#main_signup {
	float: right;
	margin: 183px 10px 0px 0px;
}

#main_refer {
	float: right;
	margin: 183px 10px 0px 0px;
}

#home_image_right {
	float: right;
	width: 528px;
	height: 253px;
	background-image:url(../images/home_image_right2.jpg);
	background-repeat: no-repeat;
}

#home_image_left {
	float: left;
	width: 393px;
	height: 253px;
	background-image:url(../images/home_image_left3.jpg);
	background-repeat: no-repeat;
}

#news_bar {
	float: right;
	width: 525px;
	height: 35px;
	background-image:url(../images/blue_curve_newsbar.jpg);
	background-repeat: no-repeat;
}

#main_read_more {
	float: left;
	margin: 30px 0px 0px 237px;
}

#blog {
	float: right;
	margin: 0 10px 0 0;
	/*background-image:url(../images/home_news_bd.png);*/
	background-color:#FFF;
	width: 500px;
	height: 215px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

#shoutbox {
	width: 640px;
}

#numonline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	padding: 10px 10px 10px 10px;
}

.footer {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

.footer:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

#footermenu {
	padding: 45px 10px 10px 10px;
}

#copyright {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
}

#wallstatus {
	position: relative;
	width: 625px;
	height: 200px;
	overflow: auto;
}

#non_status {
	position: relative;
	margin: 0 100px 25px 100px;
	width: 700px;
	height: 200px;
	overflow: auto;
}

#smiley {
	position: static;
	text-align: center;
	vertical-align: middle;
}

#dofriend {
	clear:both;
	position:static;
	float: left;
}

#domember {
	clear:both;
	position:static;
	float: left;
}

#search {
	position: static;
	width: 600px;
	height: auto;
	overflow: auto;
}

#loading {
	position: static;
	text-align: center;
	vertical-align: middle;
}

#bus_scroll {
	position:relative;
	width:450px;
	height:250px;
	overflow: auto;	
}

#page_scroll {
	position:relative;
	padding: 10px 0 0 0;
	height: 400px;
	overflow: auto;
}

#reg_scroll {
	position: relative;
	float: left;
	padding: 10px 0 0 0;
	height: 400px;
	overflow: auto;
}

.SlidingPanelsContentGroup {
	min-height:0;
}

#profile_scroll {
	position: relative;
	float: left;
	padding: 0 0 0 0;
	width: 700px;
	height: 650px;
	overflow:auto;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background-image:url(../images/background.jpg);
	visibility: hidden;
	z-index: 10;
	cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 12px Veranda;
	letter-spacing: 1px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-image:url(../images/background.jpg);
	padding: 5px;
	z-index: 5;
}

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 0px #CCC;
	border-right: solid 0px #999;
	border-top: solid 0px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #014687;
	border-bottom: solid 0px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: right;
}

.altCollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #ff0000;
	border-bottom: solid 0px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: right;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	position: static;
	width: 100%;
	height: 400px;
	z-index:1;
	left: 0px;
	top: 0px;
	overflow: auto;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #014687;
	cursor: pointer;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
	cursor: pointer;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #79c022;
	cursor: pointer;
}

.Accordion {
	margin: 0px;
	padding: 0px;
	border-left: solid 0px #CCC;
	border-right: solid 0px #999;
	border-top: solid 0px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	font: bold 0.7em sans-serif;
	background-color: #014687;
	background: transparent url(../images/button_blue1.jpg) center center repeat-x;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: left;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	margin: 0px;
	padding: 0px;
	height: 650px;
	left: 0px;
	top: 0px;
	overflow: auto;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #014687;
	cursor: pointer;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #FFFFFF;
	cursor: pointer;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #FFFFFF;
	cursor: pointer;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #014687;
	cursor: pointer;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #79c022;
	cursor: pointer;
}

/* CSS Document */
.SlidingPanels {
	float: left;
	position: relative;
	width: 650px;
	padding: 0px;
	border: none;
}
#slidingPanel{
	margin-left:30px;
	border-left:1px solid #EEEEEE;
}
.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	sborder: none;
}

.SlidingPanelsContent {
	float: left;
	width: 650px;
	overflow: hidden;
	margin:0px;
	padding-right:10px;
	padding-left:50px;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.slidingTabPanelWrapper {
	height:47px;
	margin:20px 0 0px 30px;
	display: none;
	width: 550px;
	background:url(images/tab_shadow.png) bottom center no-repeat;
}
.slidingTabPanel {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:220px;
	height:46px;
}
.slidingTabPanel LI {
	list-style:none;
	float:left;
	width:50px;
	margin:0 2px;
}
.tabActive {
	position:relative;
	top:1px;
	display:block;
	width:50px;
	height:46px;
	cursor:default;
	outline:none;
	
}
.tab {
	position:relative;
	top:1px;
	display:block;
	width:50px;
	height:46px;
	background-position:-100px;
	cursor:pointer;
	outline:none;
	
}
.tab:hover {
	background-position:-50px;
}


#navcontainer {
	/*background: #F7F7F7; */
	width: 150px;
	float:left;
	padding: 0;
}

ul#navlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 70%;
}

ul#navlist li {
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #ECECEC;
}

ul#navlist span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}

ul#navlist li.submenu>a {
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li.submenu:hover>a {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #ECECEC;
}

#navlist>ul#navlist li a {
	width: 150px;
	float:left;
	padding: 0;
}

ul#navlist li#active a {
	background: #E2E2E2;
	color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #FB791E;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist ul ul{
	position:absolute;left:98%;top:-2px;}


#notcontainer {
	/*background: #F7F7F7; */
	width: 350px;
	float:left;
	padding: 0;
}

ul#notlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 70%;
}

ul#notlist li {
	display: block;
	margin: 0;
	padding: 0;
}

ul#notlist li a {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #ECECEC;
}

#notcontainer>ul#notlist li a {
	width: auto;
}

ul#notlist li#active a {
	background: #E2E2E2;
	color: #800000;
}

ul#notlist li a:hover, ul#notlist li#active a:hover {
	color: #FB791E;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

#phonecontainer {
	float:left;
	background: #FFF;
	width: 600px;
	padding: 0;
}

ul#phonelist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 70%;
}

ul#phonelist li {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

ul#phonelist li a {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #ECECEC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

#phonecontainer>ul#phonelist li a {
	width: auto;
}

ul#phonelist li#active a {
	background: #E6B925;
	color: #800000;
}

ul#phonelist li a:hover, ul#phonelist li#active a:hover {
	color: #E6B925;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

#friendcontainer {
	float:left;
	background: #FFF;
	width: 150px;
	padding: 0;
}

ul#friendlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto 0 0;
	width: 70%;
}

ul#friendlist li {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

ul#friendlist li a {
	display: block;
	width: 100%;
	padding: 1px 1px 1px 1px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #ECECEC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

#friendcontainer>ul#friendlist li a {
	width: auto;
}

ul#friendlist li#active a {
	background: #FB791E;
	color: #800000;
}

ul#friendlist li a:hover, ul#friendlist li#active a:hover {
	color: #FB791E;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

.Not {
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	background-color: #ECECEC;
	display:inline;
	padding: 3px 3px 3px 3px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #777777;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

.Not:hover {
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	background: transparent;
	display:inline;
	padding: 3px 3px 3px 3px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #FB791E;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	cursor: pointer;
}

#signupcontainer {
	float:left;
	background: #FFF;
	width: 600px;
	padding: 0;
}

ul#signuplist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 70%;
}

ul#signuplist li {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

ul#signuplist li a {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #ECECEC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

#signupcontainer>ul#signuplist li a {
	width: auto;
}

ul#signuplist li#active a {
	background: #E6B925;
	color: #800000;
}

ul#signuplist li a:hover, ul#signuplist li#active a:hover {
	color: #FB791E;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

#user_loading{
	visibility: hidden;
	padding-left: 5px;
}
#ajax_response ul li {
	list-style: none;
}
#search_ajax_response ul li {
	list-style: none;
}
#idletimeout { background:#006699; border:0; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:9999; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }