/*http://jqueryui.com/themeroller/#ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=3b3b3b&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=4f4f4f&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=303030&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=75&borderColorDefault=424242&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=dadada&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=787878&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=65&borderColorActive=d9d9d9&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=303030&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=0&opacityOverlay=70&bgColorShadow=ffffff&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=70&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=8px
*/

/* RESET STYLES, 
adapted from Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET STYLES */

/* Utility */
.clear {
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	clear: both;
	margin: -1px 0 0 0;
}

/* End Utility */

/* MAIN LAYOUT */

/* HOME PAGE */

html, body.home {
	height: 100%;
}

body.home {
	overflow: hidden;
}

#Map,
#transitionMap {
	height: 100%;
	width: 100%;
}

#transitionMap {
	visibility: hidden;
}


#Window {
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	overflow-y: scroll;
/*		position: relative;*/
	
}
#Wrapper {
	margin: 0 auto;
	width: 1024px;
	height: 1000px;

/*		position: relative;*/
}

#Content {
	width: 1024px;
	padding: 0 13px;
	display: block;
/*	position: relative;
	top: 0;
	left: 0;
*/}

#Interface {
	/*visibility: hidden;*/
	display: block;
	height: auto;
        margin: 30px 0 0 0;
/*	position: relative;
	z-index: 1000;
*/}


.boxTop {
/*	background: url(../images/boxTop.png) no-repeat;*/
	height: 35px;
}

.boxBottom {
/*	background: url(../images/boxBottom.png) no-repeat;*/
	height: 35px;
}

.boxMiddle {
/*	background: url(../images/boxMiddle.png) repeat-y;*/
	/*height: 67px;*/
/*		position: relative;*/
}

.header {
	display: block;
	width: 100%;
	z-index: 100;
        background: url(../images/bg-sud-header.png)  2px 0px no-repeat;
        height: 80px;


}

.header .logo {
	margin:17px 0 0  25px;
	display: block;
	float: left;
	height: 44px;
}

.header .logo h1 {
	width: 315px;
	height: 65px;
	display: inline-block;
	background: url(../images/suddenly-alt-header-4.png) no-repeat;
	margin: -8px -15px 0;
}
.header .logo h1,
.header .logo h5 {
	float: left;
}

.header .logo h5  {
	margin: 30px 0 0 0;
}


.header .nav {
	float: right;
	display: block;
	height: 35px;
	/*width: 510px;*/
	margin: 25px 70px 0 0;
	/*background: url('../images/mainNav.png') no-repeat;*/
}

.header .nav ul {
	display: block;
	margin: 0 0 0 2px;
}

.header .nav ul li {
	display: block;
	width: auto;
	float: left;
	padding: 5px 0px 0px 0px;
}

/*.header .nav ul li span {
    display: none;
}

#about a, #publications a, #exhibitions a, #agents a {
    background: url(../images/main-nav-inverse-lighter.png) no-repeat;
    display: block;
    height: 21px;
}


#agents a {
    background-position: 0 0;
    width: 81px;
}
    #agents:hover a{
    background-position: 0  -20px;
    width: 81px;
}

#publications a{
    background-position: -87px 0;
    width: 135px;
}
    #publications:hover a{
    background-position: -87px -20px;
}

#exhibitions a{
    background-position: -230px 0;
    width: 135px;
}

    #exhibitions:hover a {
    background-position: -230px -20px;

}

#about a{
    background-position: -444px 0;
    width:68px;
}
    #about:hover a{
        background-position: -444px  -20px;
        width:68px;
}*/


/*.header .nav ul li.about {
	float: right;
}*/

#MapUtility {
	display: none;
	position: relative;
	width: 550px;
	height: 50px;
	background: url(../images/bg-mapUtility.png) no-repeat;
	top: -34px;
	left: 34px;
	
}

#mapBack{
    display: inline-block;
    height: 27px;
    width: 90px;
    background: url(../images/btn-mapBack.png) 0 -30px no-repeat ;
    margin: 2px 0 0 18px;
    cursor: pointer;
}

#mapBack:hover {
    background-position: 0 0;
}

#zoomControls {
    display: inline-block;
    float: right;
    width: 180px;
    margin: 5px 14px;
}

#zoomLabel {
    background: url(../images/zoom.png) no-repeat;
    display: block;
    width: 55px;
    height: 20px;
    float: left;
}

#zoomIn {
    background: url(../images/btn-zoomIn.png) 0 -30px no-repeat;
    display: block;
    width: 35px;
    height: 30px;
    float: left;
     margin: -4px 0 0 5px;
     cursor: pointer;
}

#zoomIn:hover {
    background-position: 0 0;
}

#zoomOut {
    background: url(../images/btn-zoomOut.png) 0 -30px no-repeat;
    display: block;
    width: 35px;
    height: 30px;
    float: left;
     margin: -4px 0 0 5px;
     cursor: pointer;
}

#zoomOut:hover{
    background-position: 0 0;
}

#ListsContent {
	height: 205px;
        margin: 0 0 30px 0;
}

.lists {
	/*padding: 13px 0;*/
	display: inline-block;
	width: 960px;
}

.lists .items ul {

}

.lists div {
	display: block;
/*	position: relative;*/
}

.lists .news {
	width: 400px;
	float: left;
        margin-left: 14px;
}

.line {
	height: 5px;
	display: block;
	width: 100%;
}

.lists .news .line {
	background: url(../images/newsLine.gif) no-repeat;
}

.lists .events .line {
	background: url(../images/eventsLine.gif) no-repeat;
	margin: 0 0 20px 0;
}

.lists .events .content,
.lists .news .content {
	height: auto;
}

.lists .events .header {
    background: url(../images/bg-events-lists_4.png) no-repeat 7px;
    width: 521px;
    height: 50px;
     margin: 0 0 0 13px;
}

.lists .news .header {
    background: url(../images/bg-news-lists_4.png) no-repeat 7px;
    width: 400px;
    height: 50px;
     margin: 0 0 0 0px;
}


.lists h2 a {
    display: block;
    margin: 13px 0 0 28px;
    height: 20px;
}

body.home .lists h2 a:hover {
    background-color: transparent;
}

.lists .events h2 a {
    width: 70px;
    background: url(../images/eventsTitle.png) no-repeat;
}

.lists .news h2 a {
    width: 60px;
    background: url(../images/newsTitle.png) no-repeat ;
}
.lists .events h2 a.open {
	background-position:  -78px 0;
}

.lists .events a.open:hover  {
        background-position: -6px 0;
}
.lists .events a.closed {
     background-position: -6px 0;
}

.lists .events a.closed:hover  {
	background-position:  -78px 0;
}

.lists .news a.open {
	background-position: -69px 0;
}

.lists .news a.closed {
background-position: -5px 0;
}

.lists .news a.open:hover  {
    background-position: -5px 0;
}
.lists .news a.closed:hover  {
    background-position: -69px 0;
}


.lists .news .content ul {
    margin-left: 15px;
}

/*#newsAll {
    background: url(../images/btn-allNews.png) no-repeat;
}

#eventsAll {
    background: url(../images/btn-allEvents.png) no-repeat;
}

#newsAll ,
#eventsAll
{
    display: block;
    width: 123px;
    height: 25px;
    margin-left: 5px;
}

#newsAll:hover,
#eventsAll:hover {
    background-position: -144px 0;
}*/

/*.lists h2.active:hover {
	cursor: pointer;
	background: url(../images/sectionTitle-Grey.png) no-repeat;
}*/

.lists .events {
	float: left;
/*	height: 291px;*/
	margin-left: 19px;
	width: 498px;
	display: inline-block;
/*	position: relative;*/
}

.lists ul {
	/*height: 205px;*/

}

.lists ul li {
	line-height: 1.2em;
	width: 98%;
	margin: 0 0 10px 1px;
        font-size: 15px;
}

.lists ul li a {
	display: inline-block;
	padding: 5px 10px;
	text-shadow: 1px 1px #000;
	font-weight: bold;
	
}

.events .items  {
    margin: 0 0 0 30px;
}

#ListsContent .events .content {
    width: 530px;
}

#Page {
	/*display: none;*/
	margin: 0 0 0 0;
        float: left;
}

#Page .col {
	float: left;
	min-height: 10px;
	display: block;
	margin: 0 13px 0 0;
}
#Page .left {
	margin: 0;
        display: none;
}

#Page .right {
	margin: 4px;
        display: inline-block;
}

#Page .left .inner {
	width: 175px;
	padding: 0 25px 0 32px;
}

#Page img.right {
	float: right;
	display: block;
	padding: 10px 19px 0 18px;
}

#Page img.left {
	float: left;
	display: block;
	padding: 10px 18px 0 0px;
}

#Page .left .inner .date {
	margin: 16px 0 0 0;
	display: block;
}

#Page .left .inner .location {
	margin: 28px 0;
	display: block;
}

#Page .middle {
        margin: 0 0 0 15px;
	width: 481px;
}
#Page .middle .inner { 
	padding: 0px 26px 30px 25px;
}

#Page .middle .top {
	background: url(../images/copyBoxTop.png) no-repeat;
	height: 17px;
	display: block;
	width: 481px;
}

#Page .middle .inner {
	height: auto;
	background: url(../images/copyBoxInner.png) repeat-y;

}

#Page .middle .inner .title {
	margin: 0 0 25px 0;
}

#Page .middle .inner .copy {
	
}

#Page .middle .inner .leadBreak {
	height: 5px;
	width: 430px;
	background: url(../images/leadBreak.png) no-repeat;
	margin-bottom: 15px;
	
}

#Page .middle .bottom {
	background: url(../images/copyBoxBottom.png) no-repeat;
	height: 18px;
	display: block;
	width: 481px;
}

#Page .right .inner {
	width: 211px;
	padding: 0 0 0 12px;
}

#Page .right .inner .documents {
	margin: 14px 0 0 0;
}

#Page .right .inner .documents h2.relDocs {
	margin: 0 0 17px 0;
}

#Page .right .inner .documents ul {
	display: inline-block;
	margin: 15px 0;
}

#Page .right .inner .documents ul li {
	display: inline-block;
	margin: 0 0 7px 0;
}

#Page .left .sideBarTop,
#Page .right .sideBarTop {
	background: url(../images/sideBarTop.png) no-repeat;
	height: 5px;
	width: 232px;
}
#Page .left .sideBarMiddle,
#Page .right .sideBarMiddle {
	background: url(../images/sideBarMiddle.png) repeat-y;
	width: 232px;
	display: inline-block;
}

#Page .left .sideBarBottom,
#Page .right .sideBarBottom {
	background: url(../images/sideBarBottom.png) no-repeat;
	height: 12px;
	width: 232px;
}


#Page .right .sideBarTopRight {
	background: url(../images/sideBarTopRight.png) no-repeat;
	height: 5px;
	width: 232px;
}

#Page .right .sideBarMiddleRight {
	background: url(../images/sideBarMiddleRight.png) repeat-y;
	width: 232px;
	display: inline-block;
}

#Page .right .sideBarBottomRight {
	background: url(../images/sideBarBottomRight.png) no-repeat;
	height: 12px;
	width: 232px;
}

.belowFold {
	display: block;
}

.belowFold .searchWrap {
	display: block;
	padding: 20px 0 0 20px;
}

#Quintura {
	width: 550px;
	height: 300px;
	background: white;
	display: inline-block;
}

/* Scroll Window */
.swWindow { position: relative; margin: 5px 0; width: 498px; height: 205px; background: transparent; overflow: hidden; display: inline-block; top: 0px;}
.swArrowUp,
.swArrowDown { position: absolute; right: 0; width: 10px; height: 10px; background: #333; display: none !important;}
.swArrowUp { top: 0; }
.swArrowDown { bottom: 0; }
.swTrack { position: absolute; top: -1px; right: -5px; width: 10px; height: 205px; background: url(../images/slideTrack.gif) no-repeat; }
.swSlider { position: absolute; top: 0; right: 0; width: 10px; background: url(../images/slideSlider.png) no-repeat; height: 35px !important; }
.swContent { position: relative; top: 0px; padding: 0; width: 490px; } /* padding bottom should always be at least 13px */
 
.swArrowDown-over,
.swArrowUp-over { background: #090; }
.swArrowDown-active,
.swArrowUp-active { background: #099; }
 
.swSlider-over { cursor: pointer;}
.swSlider-active { cursor: pointer;}


/* Interior Pages */

body.interior #Page {
	display: inline-block;
	margin-top: 0;
}

body.interior .boxMiddle {
	height: auto;
}

body.interior .boxTop,
body.interior .boxMiddle,
body.interior .boxBottom {
	background: none;
}

body.interior #Page .middle .wrap .top,
body.interior #Page .middle .wrap .inner,
body.interior #Page .middle .wrap .bottom {
	background: none;
}

body.interior .header .nav {
	background: none;
}

body.interior #Page .middle {
	width: auto;
}

body.interior #Page .left .inner {
	padding: 0;
	width: auto;
}


#SuddenlyOverlay .top {
    background: url("../images/copyBoxTop.png") no-repeat scroll 0 0 transparent;
    width: 481px;
    height: 17px;
}

#SuddenlyOverlay .content {
    background: url("../images/copyBoxInner.png") repeat-y scroll 0 0 transparent;
    height: auto;
    min-height: 16px;
}

#SuddenlyOverlay .content .close {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    background: url("../images/16x16_X.png") no-repeat scroll 0 0 transparent;
    margin-right: 16px;
    cursor: pointer;
}

#SuddenlyOverlay .content .loading {
    clear: both;
    padding-bottom: 16px;
}

#SuddenlyOverlay .content .inner {
    padding: 20px;
}

#SuddenlyOverlay .bottom {
    background: url("../images/copyBoxBottom.png") no-repeat scroll 0 0 transparent;
    width: 481px;
    height: 17px;
}


#SuddenlyOverlay li {
    display: block;
    padding-bottom: 5px;
}



/********* AND THEN I STARTED USING JQUERY UI *************/

#Interface .accordion {
    width: 235px;
    margin-left: 7px;
    float: left;
}

#Interface .accordion ul li {
    margin-bottom: 10px;
}

#Interface .accordion  .ui-widget-content {
    background: url(/themes/suddenly-v2/images/copyBoxInner.png)  !important;
    padding-left: 1.8em;
    border: none;
}

.ui-accordion .ui-accordion-header a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: .75em !important;
}

li.eventItem span.date,
li.eventItem span.title {
    display: block;
    font-size: .75em;
    font-weight: bold;
    color: #fff;
}

li.eventItem span.date {
    font-size: .65em;
    margin-bottom: 8px;
    background-color: #000;
    padding: 3px;
}

li.eventItem span.title {
    margin-bottom:  15px;

}

#Interface .accordion li  a:hover span {
    text-decoration: underline;
    color: #fff;
}

#Page .middle a span {
    padding: 5px !important;
    font-size: .55em !important;
    /*color: #fff !important;*/
}

#Page .copy li.teaser p {
    margin: 10px 0;
}

li.teaser {
    display: inline-block;
    margin-bottom: 20px;

}