/* Responsive Horizontal Tabs */
#block-2 #page-wrap ul.resp-tabs-list { margin: 0px;  padding: 0px; padding-top:10px;}
#block-2 #page-wrap ul.resp-tabs-list { background: url('http://www.csu.edu.au/__data/assets/image/0009/5211/wrap-bg-grey-border.gif') repeat-x scroll left bottom transparent;
	float: left; margin: 0 0 10px;	padding: 0;	text-align: left;	width: 100%; padding-left:0;}
#block-2 #page-wrap .resp-tabs-list li {  display: inline-block;  padding: 10px 12px;  margin: 0; list-style: none;   cursor: pointer;  float: left;	color: #FFFFFF;	margin-right: 1px ;
	background: url("http://www.csu.edu.au/__data/assets/image/0008/5210/gradient-a.jpg") repeat-x scroll left bottom #666666;clear:none; }
#block-2 #page-wrap .resp-tabs-list li:hover {background: url("http://www.csu.edu.au/__data/assets/image/0016/5209/a-hover.gif") no-repeat scroll center bottom #666666;}
#block-2 #page-wrap .resp-tabs-container { padding: 0px; background-color: #fff;  clear: left;}
#block-2 #page-wrap h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}
#block-2 #page-wrap .resp-tab-content { display: none; padding: 1em;}
#block-2 #page-wrap li.resp-tab-active { margin-bottom: -1px !important;
    padding: 8px 12px 12px 12px !important;
	background: url("http://www.csu.edu.au/__data/assets/image/0015/5208/a-active.jpg") no-repeat scroll center bottom #434142;
	color: #FFFFFF;	 border-bottom: none;}
#block-2 #page-wrap .resp-content-active,#block-2 #page-wrap  .resp-accordion-active { display: block;}

#block-2 #page-wrap h2.resp-accordion { font-size: 13px;  border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1;  margin: 0px; padding: 10px 15px;background-color:#F6F6F3;}
#block-2 #page-wrap h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important; }

#block-2 #page-wrap h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue; }

#block-2 #page-wrap .resp-arrow { width: 0; height: 0; float: right; margin-top: 4px; border-left: 4px solid transparent;  border-right: 4px solid transparent; border-top: 8px solid #c1c1c1;}

#block-2 #page-wrap h2.resp-tab-active span.resp-arrow { border: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #9B9797;}
#block-2 #page-wrap li.resp-tab-item a {
    color: #FFF;
}


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 600px) {
	/*-----------Accordion styles-----------*/
	
#block-2 #page-wrap h2.resp-tab-active { background: #DBDBDB !important;}
#block-2 #page-wrap .resp-easy-accordion  h2.resp-accordion { display: block;}
#block-2 #page-wrap .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1;}
#block-2 #page-wrap .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;}
#block-2 #page-wrap .resp-jfit { width: 100%; margin: 0px;}
#block-2 #page-wrap .resp-tab-content-active { display: block;}
#block-2 #page-wrap h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important;}

	
   /*--- removed for mobile view in student #block-2 #page-wrap ul.resp-tabs-list { display: none; }----*/
    #block-2 #page-wrap h2.resp-accordion { display: block; font-family:"arial", sans-serif;}
    #block-2 #page-wrap .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
    #block-2 #page-wrap .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial;  clear: none;  }
    #block-2 #page-wrap .resp-accordion-closed { display:none !important;  }
    #block-2 #page-wrap .resp-vtabs .resp-tab-content:last-child {  border-bottom: 1px solid #c1c1c1 !important; }
}