/* Accordion styles */
#accordionSolar {
    width:428px;
    margin-left:10px;
}

/* Need to modify these items from main.css ~line 218 */
.panelHeader, .panelSelected {
   cursor:pointer;
   height:25px;
   margin:1px 0;
   padding:0 0 0 40px;
}

/* Accordion Themes */

div.blueSolar div.panelHeader {
    background:url(../solarimages/themes/sol_bl.jpg);
}
div.blueSolar div.panelSelected {
    background:url(../solarimages/themes/sol_bl_ov.jpg);
}
div.blueSolar div.panelContent {
    border:1px solid #9494c7;
    background:#7D9ED3;
}

div.blueSolar div.panelSelected p, div.blueSolar div.panelHeader p {
    color:#36457E;
}






/* Need to modify these items from main.css ~line 218 */
.panelHeader3, .panelSelected3 {
   cursor:pointer;
   height:26px;
   padding:0 0 0 40px;
}

div.greenDetails div.panelHeader3 {
    background:url(../solarimages/themes/vacation_details.jpg);
}
div.greenDetails div.panelSelected3 {
    background:url(../solarimages/themes/vacation_details_ov.jpg);
}
div.greenDetails div.panelContent3 {
    border:1px solid #A6C661;
    background:#F7F6DA;
}

div.greenDetails div.panelSelected3 p, div.greenDetails div.panelHeader3 p {
    color:#36457E;
}






/* taken from  http://www.trilogylife.com/css/newstyles.css */
/* and adapted -- changed accordion to accordion2 */

.moositformbottom
{
	background:url(../solarimages/redesign/moositformbottom.png)  !important;;
	background: url(../solarimages/redesign/moositformbottom.gif); /*stoopid ie*/
	background-repeat: no-repeat;
	height: 4px;
	margin-left:10px;
	width:240px;
}


#accordion2 {
margin:0px;
padding:0px;
margin-left:10px;
width:240px;
	background: url(../solarimages/redesign/moositformbgcontent.gif);
	background-repeat: repeat-y;
	background-position: 0px top;
}
.panelHeader2, .panelSelected2 {
color:#FFFFFF;
cursor:pointer;
height:25px !important;
height:25px;
margin:0px;
margin-bottom: 0 !important;
padding:0px;
padding-left:28px;
line-height: 10px;
}
.panelHeader2 p, .panelSelected2 p {
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top: 3px;
line-height: 10px;
}
.panelContent2 {
color:#000000;
font-size:10px;
margin:0px;
padding:0px;
overflow-x:hidden;
overflow-y:scroll;
padding-left:10px;
line-height: 10px;
}
.panelContent2 p {
margin:0px;
padding:0px;
font-size:10px;
}

div.moobutton div.panelHeader2 
{
	background:transparent url(../solarimages/redesign/moositformbg.gif);
	background-position: 0px top;
}

div.moobutton div.panelSelected2 
{
	background:transparent url(../solarimages/redesign/moositformbg_ov.gif);
	background-position: 0px top;
}

div.moobutton div.panelContent2 
{
	background: url(../solarimages/redesign/moositformbgcontent.gif);
	background-repeat: repeat-y;
	background-position: 0px top;
}

div.moobutton div.panelSelected2 p, div.violet1 div.panelHeader p, 
{
	color:#38396E;
}