/* MEASURES */

div.vertical-accordion {
	position: relative; /* required for bounding--works around a "peculiarity" in Prototype */ 
}

div.vertical-accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #eee;   /* required for effect--can be anything except "transparent" */ 
    cursor: pointer;
    margin-bottom:1px;
	padding:9px 14px 6px 14px;
}

div.vertical-accordion-content{
    overflow: hidden;	/* required for effect */
    padding: 0; /* required for effect */
    margin:  0; /* required for effect */
    
    height: 300px;
}



div.horizontal-accordion {
	position: relative; /* required for bounding--works around a "peculiarity" in Prototype */ 
	width: 100%;
	
	/* Sample 
	min-height: 300px; 
	height: auto !important; 
	height: 300px; */
}

div.horizontal-accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #eee;   /* required for effect--can be anything except "transparent" */ 
    cursor: pointer;
    /*margin-left:1px;*/
	padding:14px 6px 14px 7px;
	
	float: left; 
	width: 17px; 
	
	/* Sample 
	min-height: 272px; 
	height: auto !important; 
	height: 272px;*/
}

div.horizontal-accordion-content{
    overflow: hidden;	/* required for effect */
    padding: 0; /* required for effect */
    margin:  0; /* required for effect */
	
	float: left; 
	
	/* Sample 
	width: 532px; 
	min-height: 300px; 
	height: auto !important; 
	height: 300px;*/
}


/* PORTFOLIO COATINGS */

/* Use it as the base for coating the portfolio accordion */
/* div.accordion.portfolio_accordion_coating */

/* Vertical */

div.portfolio_accordion_coating div.vertical-accordion-toggle{
    background: #002740;
	background-image:url(../images/shastic/assets/portfolio/accordion/portfolio_accordion_off.png);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#ACCDE8;   
	font-weight: bold;
    border-top: 1px solid #154062;	
}
div.portfolio_accordion_coating div.vertical-accordion-toggle:hover, div.portfolio_accordion_coating div.vertical-accordion-toggle-active{
	background-image:url(../images/shastic/assets/portfolio/accordion/portfolio_accordion_on.png);
	background-color:#063351;
	border-top: 1px solid #154f75;
}

div.portfolio_accordion_coating div.vertical-accordion-content{
    background: #093858;
	color:#ACCDE8;
	/*border-bottom: 1px solid #001a27;*/
}

/* Horizontal */

div.horizontal-accordion {
	border-top: 1px solid #154062;
	border-bottom: 1px solid #001a27;
}

div.portfolio_accordion_coating div.horizontal-accordion-toggle{
    background: #002740;
	background-image:url(../images/shastic/assets/portfolio/accordion/portfolio_accordion_h_off.png);
	background-repeat:repeat-y;
	background-position: right;
	color:#ACCDE8;   
	font-weight: bold;
    border-left: 1px solid #002034;
    border-right: 1px solid #154062;
	text-align: center;
}
div.portfolio_accordion_coating div.horizontal-accordion-toggle:hover, div.portfolio_accordion_coating div.horizontal-accordion-toggle-active{
	background-image:url(../images/shastic/assets/portfolio/accordion/portfolio_accordion_h_on.png);
	background-color:#063351;
	border-right: 1px solid #154f75;
}

div.portfolio_accordion_coating div.horizontal-accordion-content{
    background: #093858;
	color:#ACCDE8;
	/*border-right: 1px solid #001a27;*/
}



div.vertical-accordion div.in_content_coating, div.horizontal-accordion div.in_content_coating {
	background-color: #04253f; /* #052a43 */
	border: 1px solid #154467;
}
div.vertical-accordion div.in_content_frame_coating, div.horizontal-accordion div.in_content_frame_coating {
	background-color: #06304d;
	border: 1px solid #153859;
	margin: 5px;
	padding: 5px;
}

div.vertical-accordion div.in_content_coating a.left_arrow, div.vertical-accordion div.in_content_coating a.right_arrow, div.horizontal-accordion div.in_content_coating a.left_arrow, div.horizontal-accordion div.in_content_coating a.right_arrow {
	position: absolute;
	top: 43px;
	background: url(../images/shastic/assets/calendar/buttons/calendar_nav_arrows.png) no-repeat 0 0;
	overflow: hidden;
	height: 0;
	width: 13px;
	padding-top: 23px;
	z-index: 5;
}
div.vertical-accordion div.in_content_coating a.left_arrow, div.horizontal-accordion div.in_content_coating a.left_arrow {
	left: -13px;
	background-position: 0 0;
}
div.vertical-accordion div.in_content_coating a.right_arrow, div.horizontal-accordion div.in_content_coating a.right_arrow {
	right: -13px;
	background-position: -13px 0;
}
div.vertical-accordion div.in_content_coating a.left_arrow:hover, div.horizontal-accordion div.in_content_coating a.left_arrow:hover {
	background-position: -26px 0;
}
div.vertical-accordion div.in_content_coating a.right_arrow:hover, div.horizontal-accordion div.in_content_coating a.right_arrow:hover {
	background-position: -39px 0;
}


/* Use it as the base for coating the profile accordion */
/* div.accordion.profile_accordion_coating */

/* Headers */

div.portfolio_accordion_header_coating {
	background-color:#002740;
	border-top: 1px solid #154062;
	border-bottom:1px solid #002335;
	padding: 15px 30px 10px; 
	letter-spacing:-1px; 
	font-size: 14px; 
	color: #ACCDE8;
}

div.empty_day_msg {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	color: #00253c;
	margin-top: 101px;
}