body {
	color: #4F5155;
	height:1500px;
}
a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	color:#f42;
	text-decoration:underline;
}

@-moz-keyframes pulse{
	0%{		box-shadow:0 0 1px #888; z-index:3000;}
	50%{	box-shadow:0 0 100px #888; z-index:3000;}
	100%{	box-shadow:0 0 1px #888; z-index:3000;}
}

@-webkit-keyframes pulse{
	0%{		box-shadow:0 0 1px #888; z-index:3000;}
	50%{	box-shadow:0 0 100px #888; z-index:3000;}
	100%{	box-shadow:0 0 1px #888; z-index:3000;}
}

@-moz-keyframes pulseMini{
	0%{		box-shadow:0 0 1px #aaa; z-index:3000;}
	50%{	box-shadow:0 0 30px #aaa; z-index:3000;}
	100%{	box-shadow:0 0 1px #aaa; z-index:3000;}
}

@-webkit-keyframes pulseMini{
	0%{		box-shadow:0 0 1px #aaa; z-index:3000;}
	50%{	box-shadow:0 0 30px #aaa; z-index:3000;}
	100%{	box-shadow:0 0 1px #aaa; z-index:3000;}
}

h1.categoryName{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #438BD5;
	margin:0;
	line-height:100%;
}

h3.subCategoryName{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#438BD5;
	padding-left:22px;
	margin:0;
	line-height:100%;
}

a.exampleName{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#438BD5;
	font-size:12px;
	display:block;
	margin:0;
	padding-top:3px;
}


#exampleBodyMenu{
	float:left;
	width:92%;
	height:35px;
	margin-left:60px;
	margin-top:67px;
	border-bottom: 1px solid #acacac;
}

/*	The box where all stuff in in body is generated in.*/
#bodyContainer{
	float:left;
	margin-left:90px;
	margin-top:10px;
	width:90%;
	z-index:0;
}

a.cp{
	float:right;
	position:relative;
	right:-133px;
	height:20px;
	width:100px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background-image: linear-gradient(to top,#fff,#f5f5f5);
	margin-left:7px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.cp:hover{
	background-color:#f5f5f5;
	background-image: linear-gradient(to bottom,#fff,#f5f5f5);
}

a.positionUnder{
	float:right;
	position:relative;
	height:20px;
	width:100px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background-image: linear-gradient(to top,#fff,#f5f5f5);
	margin-left:7px;
	top:40px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.positionUnder:hover{
	background-color:#f5f5f5;
	background-image: linear-gradient(to bottom,#fff,#f5f5f5);
}

.temph1{
	margin-left:20px;
	font-size:20px;
	display:inline;
	
}


.categoryBorder
{
	float:left;
	margin-left:18px;
	width:3px;
	height:25px;
	background-image: url(../img/borderbackground.png);
	display:inline-block;
}

.exampleBorder
{
	float:left;
	margin-left:17px;
	margin-right:5px;
	width:4px;
	height:22px;
	background-image: url(../img/borderbackground.png);
}

.categoryIcon{
	color:#bababa;
	font-family: "icomoon";
	font-size:13px;
	display:inline-block;
	margin-left:11px;
	margin-right:5px;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.categoryIcon.expanded{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.categoryIcon.notExpanded{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Safari and Chrome */
}

.exampleIcon{
	float:left;
	height:9px;
	padding-top:10px;
	width:9px;
	background-image: url(../img/example_indicator.png);
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	margin-right:5px;
	margin-left:10px;
}

/*	Banner is for each category */
.banner{
	display:block;
	width:100%;
}

/* Odd or even rows */
.odd{
	padding-top:5px;
	background-color:#f5f5f5; 
}

.even{
	padding-top:5px;
	background-color:#fff; 
}

.categoryMoveUp{
	float:right;
	position:relative;
	height: 20px;
	width:20px;

	top:-24px;
	margin-right:25%;
	margin-left:2px;
	font-family: icomoon;
	background-color:silver;

	
	
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
	text-align:center;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.categoryMoveDown{
	float:right;
	position:relative;
	height: 20px;
	width:20px;

	top:-24px;
	margin-left:2px;
	font-family: icomoon;
	background-color:silver;
	
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Safari and Chrome */
	text-align:center;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.categoryPulse{
	-moz-animation: pulse 1.5s 1;
	-webkit-animation: pulse 1.5s 1;
}


.categoryPulseMini{
	-moz-animation: pulseMini 1.5s 1;
	-webkit-animation: pulseMini 1.5s 1;
}