@charset "utf-8";
/* CSS Document */
/* This is just my page stuff Scroll down to get to my tab css (You'll see the comment) */
/* Get firebug to see what is happening in the DOM */
* {
	border:0pt none;
	font-family:inherit;
	font-size: 100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0pt;
	padding:0pt;
	vertical-align:baseline;
}
small{
	font-size: 75%;	
}
body{
	/*padding:25px;
	font-size:14px;
	color:#666;
}*/
#goal{
	width:100%;
	max-width:1200px;
	margin:25px auto 0 auto;
	left:50%;
	/*background:#fff;*/
}
#main{
	display:block;
	/*padding:15px;*/
}
#menu{
	background:none;
	height:30px;
}
#content1{
	background:#fff;
	border:1px solid #999;
	padding:1px;
}

#menu ul{
	list-style:none;
}
#menu ul#tabs1 li{
	display:inline;	
	background:#fff;
	height:28px;
	margin:0 5px 0 0 ;
	border:1px solid #999;
	border-bottom:2px solid #eee;
	float:left;
	padding:1px 1px 0 1px
}
ul#tabs1 li a{
	display:block;
	float:left;
	background:#eee;
	height:100%;
	line-height:2;
	padding:0 10px 0 10px;
	cursor:pointer;
}
ul#tabs1 li a:hover{
	background:#D7D7D7;
	color:#fff;
}


/* Tab World */
.space{
	padding:10px;
	background:#ECF3F8;
}
#main2{
	display:block;
	
}
#menu2{
}

#menu2 ul{
	list-style:none;
	width:456px;
	margin:0;
	
}
#menu2 ul.menu{
	list-style:none;
	width:456px;
	margin:0;
	float:left;
	background:#fff;
	padding:0 0 0 10px;
	height:27px;
	border:0;
}
#menu2 ul.menu li{
	float:left;
	border:0;
	padding:0;
	margin:0 3px 0 0;
	display:inline;
	height:28px;
	background: url(../images/tab.gif) no-repeat 0 0;
	
}
#menu2 ul.menu li a{
	background:url(../images/tab.gif) no-repeat 100% -29px;
	float:left;
	border:0;
	color:#007AC8;
}
#menu2 ul.menu li a:hover{
	color:#666;
}

#menu2 ul.menu li.tabactive{
	float:left;
	border:0;
	padding:0;
	height:28px;
	background: url(../images/tab.gif) no-repeat 0 -58px;
	
}
#menu2 ul.menu li.tabactive a{
	background:url(../images/tab.gif) no-repeat 100% -88px;
	float:left;
	color:#E36627;
	border:0;

}
/*****************/
/
/********************/
#menu2 ul li{
	display:inline;	
	background:#fff;
	height:28px;
	margin:0 5px 0 0 ;
	border:1px solid #999;
	border-bottom:2px solid #eee;
	float:left;
	padding:1px 1px 0 1px
}
/*--------------table---------------*/
/*#menu2 ul li a {
	position:relative;
	z-index:8;
}
.tabcont{
	position:relative;
	z-index:6;
}*/
#menu2 ul li .box_profile{
	display:none;
}
#menu2 ul li.tabactive a.tabactive .box_profile{
	display:block;
}
/*--------------table---------------*/
#menu2 ul li.tabactive{
	/*display:inline;	
	background:#fff;
	height:28px;
	margin:0 5px 0 0 ;
	border:1px solid #000;
	border-bottom:2px solid #eee;
	float:left;
	padding:1px 1px 0 1px*/
}

#menu2 ul li a{
	display:block;
	float:left;
	/*background:#eee;*/
	height:100%;
	line-height:28px;
	padding:0 10px 0 10px;
	cursor:pointer;
}

#menu2 ul li a.tabactive{
	color:#000;
}

#menu2 ul li a:hover{
	/*background:#D7D7D7;*/
	color:#fff;
}

.menu{
	background:none;
	height:30px;
}
.area{
	background:#fff;
	border:1px solid #999;
	padding:1px;
}

.tabcont{
	background:#fff;
	border:1px solid #d6d6d6;
	padding:1px;
	width:455px;
	float:left;
	margin:0;
}