#portaladmintabs ul {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	list-style-type: none;
	}

#portaladmintabs ul li {
	display: inline-block;
	clear: none;
	float: left;
	height: 24px;
	}

#portaladmintabs ul li a {
	position: relative;
	margin-top: 16px;
	display: block;
	margin-left: 6px;
	line-height: 24px;
	padding-left: 10px;
	padding-bottom: 40px;
/*	background: #f6f6f6;  */
	z-index: 1;
	border: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	cursor: pointer;

	/* The following four lines are to make the top left and top right corners of each tab rounded. */
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	/* end of rounded borders */

	width: 130px;
/*	color: #000000; */
	text-decoration: none;
	font-weight: bold;
	}

#portaladmintabs ul li a:hover {
	text-decoration: underline; /* a very simple effect when hovering the mouse on tab */
	}



@media (min-width:500px){		/* For Screens wider than 500px	*/
	#TabContent { /* this is the css class for the content displayed in each tab */
		padding: 0 15px;
		clear:both;
		line-height:19px;
		position: relative;
		top: 20px;
		z-index: 5;
		height: 600px; 
		overflow: scroll;
		background-color: lightgray;
		    
		}
	}

@media (max-width:499px){		/* For Screens wider than 500px	*/
	#TabContent { /* this is the css class for the content displayed in each tab */
		padding: 0 15px;
		clear:both;
		line-height:19px;
		position: relative;
		top: 20px;
		z-index: 5;
		height: 600px; 
		overflow: scroll;
		background-color: lightgray;
		
		}
	}