/* Javascript Accordian CSS */

h3.acc_trigger {
	color:#333;		/*  Color changes per site    */
	margin:0;
	width:auto;
	padding: 0;	margin:0;
	font-weight: normal;
	margin: 10px 0 10px 0;
}

h3.acc_trigger a {
	/* color:#333 ;		  Color changes per site    */
	width:auto;
	text-decoration: underline;
	display: block;
	padding: 5px 10px 5px 30px;
    background: url(/img/icon/leftnavsprite.png) no-repeat;
    background-position: 7px 10px;

}

h3.acc_trigger a:hover {
	text-decoration: underline;
}


h3.boxed-gray {
	
	background-color: #efefef;
	border: 1px solid #ccc;
/*	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px; 
	
	Rounded edges
	*/
	padding: 0;
}
h3.divider-gray {
	border-bottom:1px solid #ccc;
}

.acc_container {
	margin:0; 
	padding: 2%;
	overflow: hidden;
	width: auto;
	clear: both;
	background: #efefef;
	border: 1px solid #ccc;
/*	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; */
}

.acc_container h3 {
	margin: 15px 0 5px 0;
}

.acc_container ul {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Taller trigger code */

h3.acc_trigger_tall {
	color:#00245D;		/*  Color changes per site    */
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	width:100%;
	padding: 0;	margin:0;
	font-weight: normal;
}

h3.acc_trigger_tall a {
	color:#333 ;		/*  Color changes per site    */
	margin: 15px 0 2px 0;
	width:auto;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 30px;
	background:url("https://assets.ucsd.edu/img/icon/accordionBackArrowTestUp.gif") no-repeat;
	background-position:10px 6px;
	background-color: #efefef;
	border: 1px solid #ccc;
/*	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px; */
}

h3.acc_trigger_tall a:hover {
	text-decoration: underline;
}

h3.active a { 
    background: url(/img/icon/leftnavsprite.png) no-repeat;
    background-position: 7px -165px !important;
	background-color: transparent; 
	border: 0px solid #ccc; 
	padding: 5px 10px 5px 30px;
/*	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px; */
}

h3.divider-gray.active A {
	background-color: transparent; 
	background-position:10px 6px;
	border: 0px solid #ccc;
	padding: 5px 10px 5px 30px;

	
}
h3.boxed-gray.active A {
	
	background-color: #efefef;
	border: 0px solid #ccc;
	padding: 0;
	padding: 5px 10px 5px 30px;
}


/* if in tabs */

div.tabsGroup h3.acc_trigger, div.tabsGroup h3.acc_trigger_tall {
 	width:auto;    
}

div.tabsGroup h3.acc_trigger a, div.tabsGroup h3.acc_trigger_tall a {
 	width:auto;    
}

div.tabsGroup .acc_container {
 	width:auto;    
}


/* Parent Accordion */

h2.acc_trigger_parent {
	color:#00245D;		/*  Color changes per site    */
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;	
	margin:0;
	font-weight: normal;
}

h2.acc_trigger_parent a {
	color:#00245D;		/*  Color changes per site    */
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:15px 0 0px 0;
	width:615px;
	height: 30px;
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 15px;
	background:url("/img/icon/accordionBackArrowTestUp.gif") no-repeat;
	background-position:0px 3px;
}

h2.acc_trigger_parent a:hover {
	text-decoration: underline;
}

.acc_container_parent {
	margin:0; padding: 0;
	overflow: hidden;
	width: 632px;
	clear: both;
}

.acc_container_parent .block_parent {
	padding: 0px;
}

/* HTML Code For Accordion */

/*

<h3 class="acc_trigger"><a href="#">Heading</a></h3>
<div class="acc_container">
<div class="block">
Content Goes Here
</div>
</div>

*/