@CHARSET "UTF-8";

.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}


/******* TABS *******/
#tabcontainer{
	margin: 5px auto;
	width: 220px;
	margin-top:20px;
	height:250px;
}
#tabcontainer ul{
	list-style: none;
	list-style-position: outside;
}

#tabcontainer ul.menu {
	width:220px;
	padding:0px;
	margin-bottom:0;
	margin-left:0;
}

#tabcontainer ul.menu li{
	float: right;
	margin-right: 5px;
	margin-bottom: -1px;
	font-weight:normal;
	font-size:12px;
	display: block;
	padding: 5px 5px 5px 5px;
	background: #efefef;
	border: 1px solid #d0ccc9;
	position: relative;
	color: #898989;
	cursor: pointer;
}
#tabcontainer ul.menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #5f95ef;
}

/******* TAB CONTENTS *******/
.tabcontent{
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: right;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 14px;
}
.tabcontent h2 {
	line-height: 20px;
	vertical-align: middle;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	padding-right:5px;
	margin-top:0;
}

.tabcontent a{
	color: #0582E7;
}

/******* /CONTENT *******/
.tabcontent ul{
	padding-right:10px;
}
/******* TAB 1 *******/
.tabcontent.tab1 h2{
	/*background: transparent url(images/Book.gif) no-repeat scroll right top;*/
}
.tabcontent.tab1{
	display: none;
}

/******* TAB 2 *******/
.tabcontent.tab2 h2{
	/*background: transparent url(images/Pen.gif) no-repeat scroll right top;*/
}
.tabcontent.tab2{
	display: block;
}