/*********************************/
/*********************************/
/***       questionAnswer      ***/
/*********************************/


/**********************************/
/*top-out-frame, top-frame is the navigation
disblayed when javascript is not available*/


/***********************************/

#wrapper #page .subcontent h2,
#wrapper #page .top-frame h2{
background:transparent url("../media/content/timeline/h2-back.jpg") no-repeat scroll center bottom !important;
border:medium none !important;
margin:5px 0 5px !important;
padding:0 0 15px !important;
text-align:center !important;
}

.top-frame ul{
padding:0 !important;
}

.top-frame ul li{
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
padding:0 !important;
margin:0 !important; 
}

#page .top-frame ul li a, #page .top-frame ul li a:visited:hover, #page .top-frame ul li a:hover{
display:block !important;
background-color:transparent !important;
color:#555555 !important;
font-size:90%;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:2px !important;
padding:5px 5px 5px 34px !important;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#page .top-frame ul li a{
background: #DBEFF6; /* browsers without gradient */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9EAF6', endColorstr='#DFF0F6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#C9EAF6), to(#DFF0F6)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C9EAF6,  #DFF0F6);/*  for firefox 3.6 */
background-position:0 -14px;
border:1px solid #A0B8C8;
}

#page .top-frame ul li a:hover{
background:#F8F8AC; /* browsers without gradient */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBE777', endColorstr='#F8F8AC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EBE777), to(#F8F8AC)) repeat 0 -10px; /* for webkit browsers */
background: -moz-linear-gradient(top,  #EBE777,  #F8F8AC) repeat 0 -10px;/*  for firefox 3.6 */
background-position:0 -14px;
border:1px solid #9E9A70;
}

#page .top-frame ul li a:visited{
color:#748794!important;
}

#page .top-frame ul li a:visited:hover{
color:#9E9A70 !important;
}

.top-frame p{
clear:both;
}


/*top-out-frame, top-frame finish here*/
/*******************************/

/*******************************/
/*subcontent is the div surrounding the
remaining content div.box surrounds each
subsection*/

#wrapper a:hover, #wrapper a:hover b, #wrapper a:hover strong {
color: #FFFFFF;
}

#wrapper .box{
    padding-bottom:15px;
}

#page .subcontent h3 a,
#page .subcontent h3 a:hover,
#page .subcontent h3 a:visited,
#page .subcontent h3 a:visited:hover{
background-color:transparent !important;
color:#555555;
font-size:90%;	
}

#page .subcontent h3:hover{
cursor:pointer;
}


#page .subcontent div.box h3:first-child{
padding-top:5px !important;
}

#page .subcontent h3 {
padding:5px 5px 5px 12px !important;
margin-bottom:0 !important;
margin-top:15px !important;
}

#page p {
padding-left:10px;
padding-right:10px;
}

#page .subcontent li{
margin-left:30px !important;
list-style-image: url("../media/content/layout/icon-url-bar.gif") !important;
}

#page .subcontent h3{
background:#F8F8AC; /* browsers without gradient */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBE777', endColorstr='#F8F8AC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EBE777), to(#F8F8AC)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #EBE777,  #F8F8AC);/*  for firefox 3.6 */     
background-position:0 -14px;
border:1px solid #AAAAAA;
border-bottom:none;
color:#222222;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
}

#page .subcontent h3 + div{
background:#FFFFFF;
border:1px solid #AAAAAA;
border-top:none;
color:#222222;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
margin-top:-2px;
padding-top:1px;
padding-bottom:5px;
}

#page p.back_top{
margin-top:15px !important;
margin-right:5px !important;
clear:both;
}

/*subcontent, .box finish here*/
/*****************************/

/*****************************/
/*ui class are created by the accordion widget
in jquery and are only visible when javascript is
enabled*/ 

#page h3.ui-state-default, .ui-widget-content .ui-state-default a{
background: #DBEFF6; /* browsers without gradient */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9EAF6', endColorstr='#DFF0F6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#C9EAF6), to(#DFF0F6)) ; /* for webkit browsers */
background: -moz-linear-gradient(top,  #C9EAF6,  #DFF0F6);/*  for firefox 3.6 */
background-position:0 -14px;
border:1px solid #A0B8C8;
}

#page h3.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-hover a{
background:#F8F8AC; /* browsers without gradient */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBE777', endColorstr='#F8F8AC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EBE777), to(#F8F8AC)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #EBE777,  #F8F8AC);/*  for firefox 3.6 */
background-position:0 -14px;
border:1px solid #9E9A70;
}

#page h3.ui-state-active, .ui-widget-content .ui-state-active a{
background:#F8F8AC; /* browsers without gradient */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBE777', endColorstr='#F8F8AC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EBE777), to(#F8F8AC)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #EBE777,  #F8F8AC);/*  for firefox 3.6 */
background-position:0 -14px;
border:1px solid #9E9A70;
}

.ui-corner-all {
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#page .ui-accordion-header a {
display:block;
background: url("../media/content/layout/ui-arrows-up.gif") no-repeat left !important;
padding-left:20px !important;
}

#page .ui-state-hover a {
display:block;
background: url("../media/content/layout/ui-arrows-over.gif") no-repeat left !important;
padding-left:20px !important;
}

#page .ui-state-active a{
display:block;
background: url("../media/content/layout/ui-arrows-down.gif") no-repeat left !important;
padding-left:20px !important;
}

/* to reduce margin-top of each h3 when
javascript is applied*/

#page h3.h3margin{
margin-top:3px !important;
}

/*** display all button ***/
.displayAll{
    display:block !important;
}
.gone{
    display:none;
}
#page #displayButton{
    text-align:right;
    margin-bottom:20px;
}
#page #displayButton a{
    margin-bottom:10px;
    float:right;
}