
/* ---------------- */
/*	PAGE STYLING 	*/
/* ---------------- */

.bodyWrapper
{
	background: #FFF\9; /*url('../images/ie8graphics/page_graphics/curvylines_x1.png') top right,*/
	border-right: 1px solid #DDDDDD\9;
}


.topBanner
{
	background: url('../images/ie8graphics/page_graphics/coursebanner_x1.png') no-repeat left bottom\9;
}


.epigeumLogo
{
	background: url('../images/ie8graphics/page_graphics/epigeumLogo_x1.png') no-repeat\9;
}


.bannerTrim
{
	background: url('../images/ie8graphics/page_graphics/bannertrim_x1.png') no-repeat\9;
	
}


.pageHeading
{
	margin-top: -52px\9;
}


.menuAccessible
{
	background: url('../images/ie8graphics/page_graphics/menuaccessible_x1.png')\9 !important;
}


.menuAccessible:hover
{
	background: url('../images/ie8graphics/page_graphics/menuaccessiblehover_x1.png')\9 !important;
}


.menuHelp
{
	background: url('../images/ie8graphics/page_graphics/menuhelp_x1.png')\9 !important;
}


.menuHelp:hover
{
	background: url('../images/ie8graphics/page_graphics/menuhelphover_x1.png')\9 !important;
}


.menuText
{
	margin-left: 50px\9; 	
}


.introPanel
{
	border-bottom: 1px solid #CCCCCC\9;
	padding-bottom: 10px\9;
}


.introPanel:after
{
	background: none\9;
}


.introIcon
{
	background: url('../images/ie8graphics/page_graphics/objectivesicon_x1.png') no-repeat top left\9;
}


.speechBubble:before
{
	background: none\9;
}


.paper
{
	padding-top: 16px\9;
	padding-bottom: 16px\9;	
}


.paper:after
{
	background: none\9;
}


.paper:before
{
	background: none\9;
}


.pageFooter
{
	background: url('../images/ie8graphics/page_graphics/pagefooter_x1.png')\9;
}


.printFooter
{
	background: none\9;
}

/* START ACTIVITY BUTTON/IMAGE */

.start
{
	background: url('../images/ie8graphics/page_graphics/startbutton_x1.png')\9;
	font-size: 0em\9;
}

.start:hover
{
	background: url('../images/ie8graphics/page_graphics/startbuttonhover_x1.png')\9;
	font-size: 0em\9;
}



/* -------------------- */
/*	 ACTIVITY ASSETS	*/
/* -------------------- */


/* ---- MCQ ----*/

.mcq .check, .application .check
{
	background: url('../images/ie8graphics/activity_graphics/checkanswer_x1.png') no-repeat\9 !important;
}

.mcq .check:hover, .application .check:hover
{
    background: url('../images/ie8graphics/activity_graphics/checkanswer_hover_x1.png')\9 !important;
}

.mcq .check:active, .application .check:active
{
    background: url('../images/ie8graphics/activity_graphics/checkanswer_hover_x1.png')\9 !important;
}	


/* ---- REFLECTION ----*/

.qtab a:before
{
	background: url('../images/ie8graphics/activity_graphics/qtabicon_x1.png')\9 !important;
}

.fbtab a:before
{
	background: url('../images/ie8graphics/activity_graphics/fbtabicon_x1.png')\9 !important;
}

.htab a:before
{
	background: url('../images/ie8graphics/activity_graphics/htabicon_x1.png')\9 !important;
}


/* ---- SEESAW ----*/

.seesaw .leftitem:before
{
	background: url('../images/ie8graphics/activity_graphics/seesawicon_x1.png') no-repeat\9 !important;
}


/* ---- SLIDER ----*/

.ui-slider-handle 
{
	background: url('../images/ie8graphics/activity_graphics/sliderhandle_x1.png')\9 !important; 
}

.slider .ui-state-hover, .slider .ui-state-active
{
	background: url('../images/ie8graphics/activity_graphics/sliderhandle_hover_x1.png')\9 !important; 
}


/* ---- OPINIONS ----*/

.opihover, .opiactive
{
	display: none\9;
}

.opinions .spike
{
	top: -5px\9;
}


/* ---- SIGNPOST TABBING ----*/

.tabbing .ui-tabs-nav li:after
{
    background: url("../images/content_images/activity_images/signpost1_x1.png")\9 !important;
}


.tabbing li.ui-tabs-selected:after
{
	background: url('../images/content_images/activity_images/signpost3_x1.png')\9 !important;
}

.ui-tabs-vertical .ui-tabs-nav li a:hover:after
{
	background: url('../images/content_images/activity_images/signpost3_x1.png')\9 !important;
}


/* -------------------- */
/*	REMOVING POD ICONS	*/
/* -------------------- */

div#podSmlTitleUA:after
{
	background: none\9;
}

div#podSmlTitleKT:after
{
	background: none\9;
}

div#podSmlTitleDL:after
{
	background: none\9;
}

div#podSmlTitleUL:after
{
	background: none\9;
}

div#podSmlTitleST:after
{
	background: none\9;
}

div#podSmlTitleQT:after
{
	background: none\9;
}

div#podSmlTitleRE:after
{
	background: none\9;
}

div#podSmlTitlePT:after
{
	background: none\9;
}

div#podSmlTitlePODS:after
{
	background: none\9;
}

div#podSmlTitleSD:after
{
	background: none\9;
}

div#podSmlTitlePA:after
{
	background: none\9;
}

div#podSmlTitleCS:after
{
	background: none\9;
}

div#podSmlTitleLP:after
{
	background: none\9;
}

div#podSmlTitleIP:after
{
	background: none\9;
}

div#podSmlTitleIP-2Lines:after  /* ## FOR SMALL POD TITLES THAT BREAK OVER 2 LINES ## */
{
	background: none\9;
}

div#podSmlTitleGEN:after
{
	background: none\9;
}

div#podSmlTitleFO:after
{
	background: none\9;
}

div#podSmlTitleDYK:after
{
	background: none\9;
}

div#podSmlTitleYC:after
{
	background: none\9;
}

div#podSmlTitleVI:after
{
	background: none\9;
}

div#podSmlTitleAI:after
{
	background: none\9;
}

div#podSmlTitleEV:after
{
	background: none\9;
}

div#podSmlTitleGM:after
{
	background: none\9;
}