/* Start: Recommended Isotope styles */




/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


.isotope .isotope-item {
     -moz-transition-property: -moz-transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
     -moz-transition-duration: 0s;
}

.isotope.infinite-scrolling {
     -moz-transition: none 0s ease 0s ;
}


.isotope-item {
     z-index: 2;
}

.isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1;
}

.isotope, .isotope .isotope-item {
     -moz-transition-duration: 0.8s;
}

.isotope {
     -moz-transition-property: height, width;
}

.isotope .isotope-item {
     -moz-transition-property: -moz-transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
     -moz-transition-duration: 0s;
}

.isotope.infinite-scrolling {
     -moz-transition: none 0s ease 0s ;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

h1, h2, #super-list, .element, .tagline, #index-list, .super-list .link {
     font-family: 'Myriad Pro Light 1166622',sans-serif;
}

h1, h2, h3 {
    
}


h2 {
     color: #00287A;
     font-size: 24px;
     line-height: 1.1em;
}








a img {
     border: medium none;
}

em {
     font-style: italic;
}

strong {
     font-weight: bold;
}

blockquote {
     border-left: 1px solid #333333;
     font-style: italic;
     margin-left: 1em;
     padding-left: 1em;
}

html, body {
     height: 100%;
}

#container {
     clear: both;
     height: 570px;
     margin-bottom: 20px;
     padding: 5px;
     width: 790px;
}

.element {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #00287A;
    color: #00287A;
    float: left;
    font-size: 14px;
    height: 170px;
    margin: 5px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 160px;
}

.element * {
     margin: 0pt;
}

.element .symbol {
     color: #FFFFFF;
     font-size: 3.8em;
     left: 0.2em;
     line-height: 1em;
     top: 0.4em;
}

.element.large .symbol {
     font-size: 4.5em;
}

.element.fake .symbol {
     color: #000000;
}

.element .name {
    color: black;
    font-size: 14px;
    left: 0.5em;
    line-height: 1.2;
    margin-top: 10px;
    position: absolute;
}

.element .weight {
     bottom: 0.5em;
     font-size: 0.9em;
     left: 0.5em;
}

.element .number {
     color: rgba(0, 0, 0, 0.5);
     font-size: 1.25em;
     font-weight: bold;
     right: 0.5em;
     top: 0.5em;
}

.variable-sizes .element.width2 {
     width: 230px;
}

.variable-sizes .element.height2 {
     height: 230px;
}

.variable-sizes .element.width2.height2 {
     font-size: 2em;
}

.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 {
     font-size: 3em;
     height: 350px;
     width: 350px;
     z-index: 100;
}

.clickable .element:hover {
     cursor: pointer;
}

.clickable .element:hover h3 {
     text-shadow: 0pt 0pt 10px white, 0pt 0pt 10px white;
}

.clickable .element:hover h2 {
     color: white;
}

#options {
     float: left;
     height: auto;
     padding-bottom: 1em;
     padding-left: 10px;
     padding-right: 15px;
     width: 780px;
}

#options h3 {
     color: #00287A;
     font-size: 22px;
     margin-bottom: 10px;
}

#options h4 {
     font-weight: bold;
}

#options ul {
     background-color: #F5F5F5;
     list-style: none outside none;
     margin: 0px;
     padding-bottom: 5px;
     padding-left: 8px;
     padding-top: 10px;
	 box-shadow:0 0 5px #E0E0E0 inset;
border-bottom: 3px solid #b90054;
}

#options ul ul {
     margin-left: 1.5em;
}

#options li {
     border-bottom: 1px dashed #e0e0e0;
     float: left;
     margin-bottom: 0.2em;
     margin-right: 19px;
     width: 163px;
}

#options li a {
     color: #666666;
     display: block;
     font-size: 14px;
     font-weight: normal;
     padding: 0.4em 0.5em;
}

#options li a:hover {
     background-color: #55BBFF;
}

#options li a:active {
     background-color: #3399DD;
     box-shadow: 0pt 2px 8px rgba(0, 0, 0, 0.6) inset;
}

#options li a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
    
}

#options li:first-child a {
     border-left: medium none;
}

#options li:last-child a {
    
}

#options li a.selected {
     background-color: #b90054;
     color: #FFFFFF;
     font-weight: normal;
     text-shadow: none;
    box-shadow:none;
}

#options .option-combo {
     display: inline-block;
     float: left;
     margin-right: 10px;
}

#options .option-combo ul {
     display: inline-block;
     margin-right: 20px;
}

#options .option-combo h2, #options .option-combo h4 {
     display: inline-block;
     line-height: 34px;
     margin-bottom: 0pt;
     margin-right: 5px;
     vertical-align: top;
}

.color-shape {
     float: left;
     height: 70px;
     margin: 5px;
     width: 70px;
}

.color-shape.round {
     border-radius: 35px 35px 35px 35px;
}

.color-shape.big.round {
     border-radius: 75px 75px 75px 75px;
}

.color-shape.red {
     background: none repeat scroll 0% 0% red;
}

.color-shape.blue {
     background: none repeat scroll 0% 0% blue;
}

.color-shape.yellow {
     background: none repeat scroll 0% 0% yellow;
}

.color-shape.wide, .color-shape.big {
     width: 150px;
}

.color-shape.tall, .color-shape.big {
     height: 150px;
}

.color-shape a {
     display: block;
     height: 100%;
}

.color-shape a:hover {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
}

.horizontal #container {
     height: 80%;
}

#copy {
     max-width: 640px;
}

.photos .photo {
     float: left;
     margin: 5px;
     width: 320px;
}

.photos .photo img {
     display: block;
     width: 100%;
}

#content {
     width: 800px;
}

.demos #content {
     height: 100%;
}

.docs #content {
     max-width: 640px;
}

.docs #content a:hover {
     border-bottom: 1px dotted;
}

#site-nav {
     font-size: 12px;
     left: 10px;
     padding-top: 20px;
     position: absolute;
     top: 0px;
     width: 200px;
}

#site-nav h1 {
     font-family: 'Helvetica Neue',Arial,sans-serif;
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 0.5em;
     margin-top: 0pt;
}

#site-nav h2 {
     border-top: medium none;
     font-size: 17px;
     font-weight: normal;
     margin: 0pt 0pt 0.3em;
}

#site-nav h1 a {
     color: #44FFBB;
}

#site-nav h1 a:hover {
     color: #44BBFF;
}

#site-nav ul {
     font-weight: bold;
     list-style: none outside none;
     margin: 0pt 0pt 1em;
}

#site-nav ul ul {
     margin-bottom: 0pt;
}

#site-nav ul a {
     border: medium none;
     display: block;
     padding: 1px 5px;
}

#site-nav ul .current a {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
     color: #11BBFF;
}

#site-nav ul a:hover, #site-nav ul .current a:hover {
     color: white;
}

#site-nav ul .current .toc a {
     font-size: 12px;
     font-weight: normal;
     padding-left: 1.2em;
}

.docs #content h2 {
     border-top: 1px solid #333333;
     margin-bottom: 0.8em;
     padding-top: 0.8em;
}

.docs #content h2:target {
     background: none repeat scroll 0% 0% white;
     color: #222222;
     padding: 10px;
}

.docs #content h3 {
     background: none repeat scroll 0% 0% rgba(191, 191, 191, 0.05);
     color: #FFEECC;
     font-size: 1.15em;
     margin-bottom: 0.5em;
     padding: 2px 0.5em;
}

.docs #content h4 {
     font-size: 14px;
     margin-bottom: 0.5em;
}

footer {
     border-top: 1px solid #333333;
     font-size: 12px;
     font-style: italic;
     padding: 0.8em 0pt;
}

pre {
     padding: 10px;
}

pre, code {
     background: none repeat scroll 0% 0% black;
     color: white;
     font-family: 'Monaco',monospace,sans-serif;
}

#content code {
     font-size: 12px;
}

#content pre {
     line-height: 1.6em;
}

h3#options {
     padding-bottom: 0pt;
}

.option-def dl dt, .option-def dl dd {
     background: none repeat scroll 0% 0% #161616;
     float: left;
     height: 36px;
     line-height: 36px;
     padding: 0pt 1.2em;
}

.option-def dl.header dt, .option-def dl.header dd {
     background: none repeat scroll 0% 0% #444444;
}

.option-def dl .option-type {
     color: #AAAAAA;
     font-size: 13px;
     font-style: italic;
}

.option-def dl dd {
     border-left: 1px solid #222222;
}

.docs .tagline {
     font-size: 22px;
     font-weight: 300;
}

.docs .as-is {
     font-size: 95%;
}

.docs #commercial {
     background: none repeat scroll 0% 0% white;
     color: #1F1F1D;
     font-size: 14px;
     padding: 10px;
}

.docs #commercial a {
     font-weight: bold;
}

code .s1, code .s {
     color: #78BD55;
}

code .mi, code .cp, code .kc {
     color: #5298D4;
}

code .k {
     color: #E39B79;
}

code .kd, code .na {
     color: #A9D866;
}

code .p {
     color: #EEDDBB;
}

code .o {
     color: #FF6633;
}

code .nb {
     color: #AA97AC;
}

code .c, code .c1 {
     color: #666666;
     font-style: italic;
}

code .nt {
     color: #A0C8FC;
}

code .nf {
     color: #9EA8B8;
}

code .nc {
     color: #A78352;
}

code .m {
     color: #DE8E50;
}

code .nd {
     color: #9FAD7E;
}

#sites h2 {
     -moz-transition: background-color 0.8s ease 0s;
     display: none;
     line-height: 32px;
     margin-bottom: 0.4em;
     padding: 0.4em;
}

#sites h2 img {
     display: inline-block;
     margin-right: 0.4em;
     vertical-align: bottom;
}

#sites h2.loading {
     background: none repeat scroll 0% 0% white;
     color: #222222;
}

#sites h2.error {
     background: none repeat scroll 0% 0% red;
     color: #222222;
}

#sites ul {
     margin: 0pt;
}

.super-list .example {
     float: left;
     list-style: none outside none;
     margin: 5px;
     width: 230px;
}

.super-list .example a, .super-list .example b, .super-list .example img {
     display: block;
}

.super-list .example img {
     width: 100%;
}

.super-list .example a {
     background: none repeat scroll 0% 0% #1F1E1D;
}

.super-list .example a:hover {
     background: none repeat scroll 0% 0% white;
     color: #111111;
}

.super-list .example b {
     font-weight: bold;
     line-height: 1.3em;
     padding: 8px 3px 3px;
}

.super-list .link {
     float: left;
     font-size: 24px;
     font-weight: 300;
     line-height: 1.2em;
     margin: 5px;
     position: relative;
}

.super-list .link {
     height: 110px;
     width: 230px;
}

.super-list .link a {
     background: none repeat scroll 0% 0% #1F1E1D;
     border-radius: 14px 14px 14px 14px;
     color: #FFEE55;
     display: block;
     height: 90px;
     padding: 10px 10px 10px 65px;
}

.super-list .link a:before {
     -moz-transform: rotate(90deg);
     content: "➔";
     font-size: 70px;
     left: 5px;
     position: absolute;
     top: 30px;
}

.super-list .link.away a:before {
     -moz-transform: rotate(-45deg);
     left: 0px;
     top: 25px;
}

.super-list .link a:hover {
     background: none repeat scroll 0% 0% #EE5588;
     color: white;
}

.super-list .feature .name {
     bottom: auto;
     font-size: 20px;
     left: 18px;
     top: 140px;
}

.big-graph {
     background: none repeat scroll 0% 0% white;
     height: 600px;
     margin: 20px auto;
}

.big-graph .project {
     float: left;
     height: 45px;
     width: 45px;
}

.big-graph .project .icon {
     -moz-transition: -moz-transform 0.25s ease 0s;
     background: none repeat scroll 0% 0% white;
     height: 31px;
     margin-left: 7px;
     pointer-events: none;
     width: 31px;
}

.big-graph .project:hover {
     z-index: 5;
}

.big-graph .project:hover .icon {
     -moz-transform: scale(3);
}

.big-graph .project.commercial .icon {
     background: none repeat scroll 0% 0% #6B6B6B;
}

.big-graph .project.urbanism .icon {
     background: none repeat scroll 0% 0% #00CF00;
}

.big-graph .project.public-space .icon {
     background: none repeat scroll 0% 0% #FF8D00;
}

.big-graph .project.culture .icon {
     background: none repeat scroll 0% 0% #D61919;
}

.big-graph .project.body-culture .icon {
     background: none repeat scroll 0% 0% #00ECFF;
}

.big-graph .project.health .icon {
     background: none repeat scroll 0% 0% #FF2251;
}

.big-graph .project.education .icon {
     background: none repeat scroll 0% 0% #00A700;
}

.big-graph .project.housing .icon {
     background: none repeat scroll 0% 0% #FF02FF;
}

.big-graph .project.hotel .icon {
     background: none repeat scroll 0% 0% #0000C3;
}

.big-graph .project.media .icon {
     background: none repeat scroll 0% 0% #292929;
}

.big-graph .project p {
     color: black;
     font-size: 10.5px;
     line-height: 14px;
     margin-left: 7px;
}

#infscr-loading {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
     border-radius: 10px 10px 10px 10px;
     bottom: 30px;
     color: #222222;
     font-size: 15px;
     font-weight: bold;
     left: 42%;
     padding: 20px;
     position: fixed;
     text-align: center;
     z-index: 100;
}

.clearfix:before, .clearfix:after {
     content: "";
     display: table;
}

.clearfix:after {
     clear: both;
}

.clearfix {
    
}

.conference-options {
}
#filterleft {
     float: left;
     width: 385px;
}

#filterright {
     float: right;
     width: 385px;
}

.conference-box {
     border-radius: 0px 0px 0px 0px;
     border: medium none;
     height: 300px;
     width: 185px;
box-shadow: 0px 3px 3px #ccc;
background-color: #eeeeee;
padding: 0;
}

.conference-box a {
text-decoration: none;
color: inherit;
}


.conference-container {
     width: 800px;
}

.conference-info {
height: 20px;
    position: absolute;
    top: 230px;
    width: inherit;
}

.conference-info img {
position: relative;
float: left;
}


.conference-title {
     font-size: 18px;
     line-height: 20px;
     padding-left: 5px;
     padding-right: 5px;
     top: 85px;
color: black;
padding-top: 10px;
}

#options h2 {
     font-size: 25px;
     font-weight: normal;
     margin-bottom: 10px;
}

#conference-category {
     float: left;
     margin-right: 25px;
     width: 305px;
}

#conference-region {
     float: left;
     margin-right: 15px;
     width: 216px;
}

#conference-month {
     float: left;
     width: 216px;
}

.conference-category-list {
     width: 305px;
}

.conference-region-list {
     width: 205px;
}

.conference-month-list {
     width: 205px;
}

#options .conference-category-list li {
     width: 133px;
}

#options .conference-category-list li a {
     font-size: 14px;
}

#options .conference-region-list li {
     width: 83px;
}

#options .conference-region-list li a {
     font-size: 14px;
}

#options .conference-month-list li {
     width: 83px;
}

#options .conference-month-list li a {
     font-size: 14px;
}

#option-button {
     background-color: #E0E0E0;
     float: left;
     height: 32px;
     margin-bottom: 10px;
     margin-left: 10px;
     width: 130px;
}

#option-button a {
     font-size: 14px;
     font-weight: normal;
     transition: all 0.25s ease 0s ;
}

.featured-conference {
     background-color: #00287A;
     height: 300px;
     width: 380px;
}

.conference-details {
     color: #b90054;
     font-size: 16px;
     line-height: 18px;
     margin-bottom: 0px;
     padding-left: 5px;
     bottom: 10px;
position: absolute;
}

#content h1 {
     font-size: 40px;
}

.featured-title {
     font-size: 30px;
     line-height: 30px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     top: 150px;
}

.featured-details {
     color: #999999;
     font-size: 20px;
     line-height: 20px;
     padding: 10px;
     top: 240px;
}

#display-options {
     width: auto;
}

.conference-big {
     height: 350px;
     width: 250px;
}

.conference-big .conference-image {
     height: 125px !important;
     width: 250px !important;
}

.conference-big .conference-title {
     font-size: 24px;
     line-height: 25px;
     top: 130px;
}

.conference-big .conference-details {
     bottom: 10px;
}

.conference-big .conference-info {
top: 280px;
}

.conference-big .featured-title {
     font-size: 24px;
     line-height: 25px;
     top: 122px;
}

.conference-big .featured-details {
     font-size: 16px;
     top: 195px;
}

.filter-button {
	background-image:url(http://www.ibanet.org/ImageHandler.ashx?ImageUid=773b8068-3d31-4865-9441-c1539cada835);
}

.resize-button {
	background-image:url(http://www.ibanet.org/ImageHandler.ashx?ImageUid=e3d5d27b-a677-46e3-8466-0bd78e8d470c);
}

#option-button span {
	float: right;
    height: 32px;
    line-height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    text-align: center;
    width: 72px;
}


#option-button a:hover {
	color: #FFF;
}
#options li a:hover {
	background-color: #00287a;
	color: #FFF;
}

#committee-index {
width: inherit;
}

#options ul.committee-index-alphabetical {
width: inherit;
border-bottom: 3px solid #b90054;
background-color: transparent;
box-shadow: none;
height: 35px;
}

#options ul.committee-index-alphabetical li {
width: auto;
margin-right: 5px;
}

.committee-box {
width: 163px;
background-color: transparent;
border: 2px solid #00287a;
padding: 10px;
height: 280px;
border-radius: 0;

}

.committee-box img {
width: 162px;
}

.committee-title {
font-size: 20px;
top: 100px;
color: black;
padding-left: 0px;
width: inherit;
position: absolute;
}

.read-more a {
font-size: 18px;
color: #b90054;
width: inherit;
padding-left: 0;
font-weight: normal;
position: absolute;
}

.read-more  {
font-size: 18px;
color: #b90054;
top: 270px;
width: inherit;
padding-left: 0;
font-weight: normal;
position: absolute;
}

ul.committee-quicklinks {
color: #666666;
    font-size: 16px;
    margin-left: 10px;
    padding: 0 0 0 10px;
    top: 175px;
line-height: 10px;
position: absolute;

}

ul.committee-quicklinks a {
    font-size: 16px;
    padding: 0 0 0 10px;
line-height: 10px;
font-weight: normal;
position: relative;
padding-left: 0;

}

ul.committee-quicklinks li {
margin-bottom: 10px;
position: relative;
}

.committee-subsection {
float: left;
padding: 10px;
width: 369px;
height: auto;
margin:5px;
overflow: hidden;
padding-bottom: 20px;
}

.committee-subsection ul {
margin:0px;
padding-left: 20px;
}

.committee-subsection ul li {
padding:0;
margin:0;
}

#subsection-container {
width: 800px;
height: 300px;
z-index:2;
margin: 0 auto;
}

.committee-subsection h2 {
    color: #000000;
    font-size: 30px;
border-top: 3px solid #00287a;
border-bottom: 1px dotted #666;
}

.element.hrimp {
    border: 2px solid #00287a;
    width:163px;
    height: 212px;
    color:#666;
}

.element.hrimp img {
    width: 164px;
    height:70px;
    margin-bottom:5px;
}

.element.hrimp h3 {
    margin-bottom: 10px;
    color: black;
    font-size: 14px;
}

.element.hrimp strong {
    margin-bottom: 10px;
    color: black;
    font-size: 14px;
    font-weight:normal;
}

.element.hrimp.hribook {
    border:2px solid #b90054;
}

.element.hrimp.manual {
    border:2px solid green;
}

.element.hrimp.thematic {
    border: 2px solid #e0e0e0;
}

.element.hrimp.annualreport {
    border:2px solid #666666;
}