/* CSS Document */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body, .body{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
background-color:#7F7F7F;
}
img{
border:none;
}
q:before, q:after {
content: "";
}
#container{
width:950px;
margin:0 auto;
padding:12px;
background-color:#fff;
}
.skip {
position: absolute;
left: -999em;
width: 990em;
}
.skip a:active, .skip a:focus, .skip a:hover {
left: 20px;
border: 3px #3399cc solid;
background-color: #fff;
z-index:9999;
}
p#document_top{
margin-top:35px;
}
p#document_top a.feature_link:link, p#document_top a.feature_link:visited{
margin-left:0;
background-color:#2B7AAF;
}
p#document_top a.feature_link:hover{
margin-left:0;
background-color:#9D005C;
}
/* START cookie statement */
#cookie-statement{
text-align:right;
background-color:#E5E5E5;
padding:5px;
font-size:90%;
border-radius:4px;
margin-bottom:12px;
}
#cookie-statement p{
text-align:left;
margin:0;
}
#cookie-statement p a:link, #cookie-statement p a:visited{
color:#54A3DA;
text-decoration:underline;
background-color:transparent;
}
#cookie-statement p a:hover{
text-decoration:none;
background-color:#54A3DA;
color:#fff;
}
#accept_cookies:link, #accept_cookies:visited{
align:right;
display:inline-block;
background-color: #8bc53e;
color: #ffffff;
font-weight: bold;
border:1 px soild #c6c9cc;
border-radius:4px;
padding:5px;
margin:0;
}
#accept_cookies:hover{
background-color:#9D005C;
}
/* END Cookie statement */
/* START Top function bar */
#top_function_bar{
text-align:right;
/*background-color:#E5E5E5;*/
margin-top:6px;
}
#top_function_bar ul{
padding:0;
margin:0;
list-style:none;
}
#top_function_bar ul li{
display:inline-block;
padding:0 5px;
}
#top_function_bar ul li:first-child{
border-right:1px solid #7F7F7F;
padding-right:5px;
}
#top_function_bar ul li:last-child{
border-left:1px solid #7F7F7F;
padding-right:0px;
}
#top_function_bar ul li a:link, #top_function_bar ul li a:visited{
color:#676767;
text-decoration:none;
padding:2px;
border:1px solid #fff;
border-radius:3px;
}
#top_function_bar ul li a:hover{
background-color:#676767;
color:#fff;
border:1px solid #676767;
border-radius:3px;
}
#top_function_bar ul li a.current_page:link, #top_function_bar ul li a.current_page:visited{
background-color:#E5E5E5;
border-color:#E5E5E5;
color:#3F3F3F;
}
/* END Top function bar */
/* START Header Area */
header{
text-align:right;
}
header #logo{
float:left;
}
header #social_networks_tools ul{
list-style:none;
padding:0;
margin: 0 0 12px 0;
}
header #social_networks_tools ul li{
list-style:none;
display:inline;
padding:0;
margin:0;
}
header form{
padding:0;
margin:0;
}
header form label{
position: absolute;
left: -999em;
width: 990em;
}
header form #query, header form #query:focus, header form #submit{
display:inline-block;
padding:0;
line-height:1.0em;
vertical-align:top;
border:1px solid #7F7F7F;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
margin:0;
appearance:normal;
-webkit-appearance:normal;
border-image-width: 0 0 0 0;
margin-bottom: 0;
font-size: 100%;
line-height:1.0em;
color: #000;
vertical-align: top;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
height:20px;
}
header form #query{
width:260px;
vertical-align:top;
}
header form #submit{
cursor: pointer;
border-left:none;
padding:0px 4px;
height:22px;
}
header input::-moz-focus-inner {
padding: 0;
border: 0;
}
/* END Header Area */
/* START Main Nav Area */
#main_nav{
padding:0;
margin:12px 0 0 0;
clear:left;
}
#main_nav ul{
list-style:none;
padding:0;
margin:0 0 2px 0;
}
#main_nav ul li{
display:inline-block;
list-style:none;
clear:left;
width:158px;
max-width:158px;
min-height:100px;
height:70px;
vertical-align:top;
}
#main_nav ul li a, #main_nav ul li span{
display:block;
height:68px;
text-align:center;
border:1px solid #fff;
border-bottom:1px solid #fff;
font-weight:bold;
padding-top:30px;
}
#main_nav ul li a{
text-decoration:none;
color:#1F1D1D;
transition: background-color 1s linear;
-moz-transition: background-color 1s linear; /* FF3.7+ */
-o-transition: background-color 1s linear; /* Opera 10.5 */
-webkit-transition: background-color 1s linear; /* Saf3.2+, Chrome */
}
#main_nav ul li span{
background-color: #999999;
}
#main_nav ul li #nav_home{
background-color:#D31359;
}
#main_nav ul li #nav_iab{
/*background-color:#A16BAB;*/
background-color:#6D4276;
}
#main_nav ul li #nav_partners{
background-color:#9D005C;
/*background-color:#D31359;*/
}
nav ul li #nav_login{
background-color:#006578;
/*background-color:#40CFB1;*/
}
#main_nav ul li #nav_reg{
/*background-color:#8BC53E;*/
background-color:#435E1C;
}
#main_nav ul li #nav_impact{
background-color:#F6921D;
}
#main_nav ul li #nav_impact a:link, #main_nav ul li #nav_impact a:visited{color:#000;}
#main_nav ul li #nav_members{
background-color:#D8DF20;
}
#main_nav ul li #nav_team{
background-color:#8B6138;
}
#main_nav ul li #nav_contact{
background-color:#9D005C;
}
#main_nav ul li #nav_cpmr{
background-color:#D31359;
}
#main_nav ul li a#nav_cpmr, #main_nav ul li #nav_cpmr span{
padding:12px 15px 18px 15px;
/*padding:0 15px 0 15px;*/
}
#main_nav ul li #nav_logout{
background-color:#006578;
color:#fff;
}
#main_nav ul li a#nav_logout, #main_nav ul li #nav_logout span{
padding:12px 15px 18px 15px;
/*padding:0 15px 0 15px;*/
}
#main_nav ul li #nav_links{
/*background-color:#3EA8F4;*/
background-color:#075B97;
}
#main_nav ul li #nav_workshops{
/*background-color:#81B0CF;*/
background-color:#2B5473;
}
#main_nav ul li #nav_blog{
background-color:#33CCFF;
}
#main_nav ul li a:hover, #main_nav ul li #nav_home:hover, #main_nav ul li #nav_iab:hover, #main_nav ul li #nav_partners:hover, #main_nav ul li #nav_login:hover, #main_nav ul li #nav_reg:hover, #main_nav ul li #nav_impact:hover, #main_nav ul li #nav_members:hover, #main_nav ul li #nav_team:hover, #main_nav ul li #nav_contact:hover, #main_nav ul li #nav_logout:hover, #main_nav ul li #nav_links:hover, #main_nav ul li #nav_workshops:hover, #main_nav ul li #nav_blog:hover, #main_nav ul li #nav_cpmr:hover{
text-decoration:none;
color:#fff!important;
background-color:#121212;
}
#main_nav ul li a.current_page{
background:url(../images/current_page_icon.png) -10px 50% no-repeat;
}
/* END Main Nav Area */
/* START Main Content */
#main_content{
background-color:#E5E5E5;
}
#main_content .three_column{
background:url(../images/3col_bg.gif) #fff repeat-y top left;
}
#main_content .clear{
clear:both;
border:none;
height:0;
visibility:hidden;
margin:0;
padding:0;
}
#main_content #left_column{
float:left;
width:295px;
background-color:#E5E5E5;
padding:10px;
margin-right:4px;
}
#main_content #middle_column{
float:left;
width:295px;
background-color:#E5E5E5;
padding:10px;
}
#main_content div.two_column #left_column{
width:610px;
}
#main_content #single_column{
background-color:#E5E5E5;
padding:10px;
}
/* START dec 2017 nav area */
#main_nav2{
display:block;
clear:both;
width: calc(100% + 2px);
}
#main_nav2 ul{
display:flex;
flex-wrap: wrap;
align-content: space-between;
background-color:#fff;
margin:0;
padding:0;
font-size:95%;
}
#main_nav2 ul li{
display: flex;
flex-direction: column;
width: calc((100% - 18px) / 7);
flex-grow:1;
text-align:center;
margin-right:2px;
margin-bottom:2px;
background-color:#999999;
}
#main_nav2 ul li a{
display:inline-block;
padding:10px 0;
background-color:#314282;
color:#fff;
text-decoration:none;
margin-right:10px;
width:100%;
flex: 1 0 auto;
}
#main_nav2 ul li a:link, #main_nav2 ul li a:visited{
}
#main_nav2 ul li a:hover, #main_nav2 ul li a:focus{
text-decoration:underline;
background-color:#6C3E98 !important;
transition: background-color 0.5s ease;
}
#main_nav2 ul li #nav_home{
background-color:#D31359;
}
#main_nav2 ul li #nav_iab{
background-color:#A16BAB;
}
#main_nav2 ul li #nav_iab:link, #main_nav2 ul li #nav_iab:visited{color:#000;}
#main_nav2 ul li #nav_partners{
background-color:#9D005C;
}
#main_nav2 ul li #nav_login{
background-color:#006578;
}
#main_nav2 ul li #nav_reg{
background-color:#8BC53E;
}
#main_nav2 ul li #nav_reg:link, #main_nav2 ul li #nav_reg:visited{color:#000;}
#main_nav2 ul li #nav_impact{
background-color:#F6921D;
}
#main_nav2 ul li #nav_members{
background-color:#D8DF20;
}
#main_nav2 ul li #nav_members:link, #main_nav2 ul li #nav_members:visited{color:#000;}
#main_nav2 ul li #nav_impact:link, #main_nav2 ul li #nav_impact:visited{color:#000;}
#main_nav2 ul li #nav_team{
background-color:#8B6138;
}
#main_nav2 ul li #nav_contact{
background-color:#9D005C;
}
#main_nav2 ul li #nav_cpmr{
background-color:#D31359;
}
#main_nav2 ul li #nav_logout{
background-color:#006578;
color:#fff;
}
#main_nav2 ul li #nav_links{
background-color:#3EA8F4;
}
#main_nav2 ul li #nav_links:link, #main_nav2 ul li #nav_links:visited{color:#000;}
#main_nav2 ul li #nav_workshops{
background-color:#81B0CF;
}
#main_nav2 ul li #nav_workshops:link, #main_nav2 ul li #nav_workshops:visited{color:#000;}
#main_nav2 ul li #nav_blog{
background-color:#33CCFF;
}
#main_nav2 ul li #nav_blog:link, #main_nav2 ul li #nav_blog:visited{color:#000;}
#main_nav2 ul li #nav_mln{
background-color:#0F68A2;
}
#main_nav2 ul li #nav_dawn{
background-color:#e5a915;
}
#main_nav2 ul li #nav_dawn:link, #main_nav2 ul li #nav_dawn:visited{color:#000;}
body #main_nav2 ul li a.current_page:link,body #main_nav2 ul li a.current_page:visited{
background:url('/images/current_page_icon.png') -18px 50% no-repeat #000 !important;color:#fff!important;
}
@media(max-width:767px){
#main_nav2 ul{
display:flex;
flex-wrap: wrap;
align-content: space-between;
background-color:#fff;
margin:10px 0 10px 0;
padding:0;
font-size:95%;
}
#main_nav2 ul li{
display: flex;
flex-direction: column;
width: calc((100% - 18px) / 2);
flex-grow:1;
text-align:center;
margin-right:2px;
margin-bottom:2px;
background-color:#999999;
}
}
/* END dec 2017 nav area */
article{
/*border:4px solid #FF0;
padding:10px;*/
}
aside{
float:right;
width:289px;
background-color:#E5E5E5;
padding:10px;
margin-right:3px;
}
aside a{
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#main_content h1{
background-color:#D31359;
color:#fff;
font-size:120%;
padding:6px;
margin-top:0;
line-height:normal;
}
#main_content h2{
background-color:#F6921D;
color:#000;
font-size:110%;
padding:6px;
margin-top:0;
}
#main_content h3{
font-size:100%;
}
#main_content h4{
font-size:95%;
}
#main_content p{
color:#535353;
}
#main_content div{
color:#535353;
}
#main_content li{
color:#535353;
list-style-image:url(../images/list-bullet.png);
margin-bottom:7px;
}
/*
#main_content a:link, #main_content #iab_panel #mySlides a:link, #main_content a:visited, #main_content #iab_panel #mySlides a:visited, :not(.nhh #main_content a:link), :not(.nhh #main_content a:visited){
color:#54A3DA;
text-decoration:none;
}
#main_content a:hover, #main_content #iab_panel #mySlides a:hover, :not(.nhh #main_content a:hover){
color:#fff;
background-color:#54A3DA;
padding:0 1px;
}
*/
#main_content a:link, #main_content #iab_panel #mySlides a:link, #main_content a:visited, #main_content #iab_panel #mySlides a:visited{
color:#0000ff;
text-decoration:underline;
}
#main_content a:hover, #main_content #iab_panel #mySlides a:hover,#main_content a:focus, #main_content #iab_panel #mySlides a:focus{
color:#fff;
background-color:#0000ff;
padding:0 1px;
text-decoration:none;
}
.ihhn #main_content a:link, .ihhn #main_content a:visited{
color:#0000ff;
text-decoration:underline;
}
.ihhn #main_content a:hover{
color:#fff;
background-color:#0000ff;
}
#main_content a.feature_link:link,#main_content a.feature_link:visited{
display:inline-block;
background-color:#8BC53E;
color:#000;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px 4px 4px 4px;
padding: 5px;
margin:5px;
text-decoration:none;
}
#main_content a.feature_link:hover{
display:inline-block;
background-color:#9D005C;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
margin:5px;
}
/* START contact button styling */
#main_content a.contact_button:link, #main_content a.contact_button:visited{
background-color:#0A18AC;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px 4px 4px 4px;
padding: 5px;
margin:5px 0;
text-decoration:none;
}
#main_content a.contact_button:hover{
background-color:#9D005C;
color:#fff;
}
/* END contact button styling */
#main_content .right{
text-align:right;
}
/* END Main Content Area*/
/* START pagination control styling */
#main_content .pagination_control{
padding:10px 0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
#main_content .pagination_control strong{
background-color:#3EA8F4;
color:#000;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
margin:1px;
text-decoration:none;
}
#main_content .pagination_control a:link, #main_content .pagination_control a:visited{
background-color:#8BC53E;
color:#000;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
margin:1px;
text-decoration:none;
}
#main_content .pagination_control a:hover{
background-color:#9D005C;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
margin:1px;
text-decoration:none;
}
/* END pagination control styling */
/* START tag cloud styling */
#tagcloud_container{
margin-top:20px;
background-color:#fff;
}
#tagcloud_container h2{
background-color:#3EA8F4;
}
/* END tag cloud styling */
/* START International Advisory Board section */
#main_content #iab_panel a:link, #main_content #iab_panel a:visited{
color:inherit;
text-decoration:none;
}
#main_content #iab_panel a:hover{
color:inherit;
background-color:inherit;
padding:0;
}
#iab_panel #myController{
text-align:center;
}
#iab_panel #myController ul li img{
}
#iab_panel #myController ul li{opacity:0.6;
margin-right:2px;
}
.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }
#iab_panel #myController ul{
text-align:center;
padding:0;
margin:0;
list-style:none;
}
#iab_panel #myController ul li{
background-color:#fff;
padding:6px;
border:6px solid #fff;
float:left;
padding:0;
margin:0 4px 4px 0;
list-style:none;
text-align:center;
font-size:80%;
}
#iab_panel #myController ul li p{
padding:0 0 4px 0;
margin:0;
}
#iab_panel #myController ul li:hover{
opacity:1;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
background-color:transparent;
padding:0;
}
.jFlowPrev, .jFlowNext{
display:none;
}
#iab_panel #myController .jFlowSelected {
opacity:1;
}
#iab_panel #mySlides, #iab_panel .slide{
clear:both;
}
#iab_panel #mySlides{
width:930px;
height:540px;
}
#iab_panel #mySlides .slideContent{
height:500px;
overflow: auto;
}
.iab_image{
float:right;
border:1px solid #B3B4B4;
padding:10px 10px 20px 10px;
background-color:#fff;
margin-left:10px;
margin-bottom:10px;
}
#main_content h2.iab_member{
color:#535353;
background-color:transparent;
padding-left:0;
padding-bottom:0;
}
#main_content .iab_rl{
margin:20px 0 35px 0;
}
#main_content #single_column #iab_panel .iab{
padding-bottom:30px;
}
#main_content .project_team #iab_panel .slideContent a:link, #main_content .project_team #iab_panel .slideContent a:visited{
color:#54A3DA;
text-decoration:underline;
}
#main_content .project_team #iab_panel .slideContent a:hover{
color:#fff;
background-color:#54A3DA;
padding:0 1px;
}
/* END International Advisory Board section */
/* START Keywords styling */
#main_content .keywords{
list-style:none;
padding:0;
margin:0;
}
#main_content .keywords li{
display:inline-block;
padding:5px 10px;
margin:0 2px 2px 0;
color:#fff;
background-color:#3EA8F4;
font-size:80%;
}
#main_content .keywords li a:link, #main_content .keywords li a:visited{
color:#000;
text-decoration:none;
padding:0;
}
#main_content .keywords li a:hover, #main_content .keywords li a:focus{
color:#fff;
font-weight:bold;
text-decoration:underline;
padding:0;
}
/* END Keywords styling */
/* START footer area */
footer{
clear:both;
border-top:1px solid #fff;
background-color:#fff;
}
footer ul{
padding:0;
margin:25px 0 20px 0;
text-align:center;
}
footer ul li{
padding:0 30px 0 0;
margin:0;
list-style:none;
display:inline;
}
footer ul li:last-child{
padding:0;
}
/* END footer area */
/* START parner logos styling */
#partners_logos2{
background-color:#fff;
}
#partners_logos2{
text-align:center;
}
#partners_logos2 a:hover{
border:0;
padding:0;
margin:0;
}
#partner_logos{
background-color:#fff;
list-style:none;
text-align:center;
padding:20px 0 50px 0;
margin:0;
}
#partner_logos li{
list-style:none;
padding:0 0 15px 0;
list-style-image:none;
}
#partner_logos li img{
background-color:#fff;
padding:10px;
}
/* END parner logos styling */
/* START registration form styling */
#registration_form div.invalid{
display:block;
background: url(../images/invalid_icon.png) left center no-repeat;
padding:5px 0px 5px 25px;
}
#registration_form {
border: 1px solid #d0d2d5;
border-bottom: 1px solid #bebfc2;
border-radius: 4px;
margin: 20px auto;
padding: 20px;
width: 880px;
box-shadow:0px 5px 5px #4D4D4D;
}
#registration_form label {
color: #404853;
display: block;
font-weight: bold;
margin-bottom:7px;
}
#registration_form input, #registration_form textarea, #registration_form select {
background: #fff;
border: 1px solid #c6c9cc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
color: #555;
font: 13px/20px 'Droid Sans', Arial, 'Helvetica Neue', 'Lucida Grande', sans-serif;
margin: 0 0 20px 0;
padding: 5px;
width: 870px;
}
#registration_form fieldset{
border:none;
padding:0;
margin:0;
}
#registration_form fieldset #password01, #registration_form fieldset #password02{
width:870px;
}
#registration_form fieldset legend{
color: #404853;
font-weight: bold;
}
#registration_form fieldset .hide{
display:none;
}
#registration_form select{
width:100%;
margin-bottom:20px;
}
#registration_form #register_submit{
background-color:#8BC53E;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
width: 410px;
margin:20px 200px;
}
#registration_form fieldset input {
margin: 0;
width: auto;
}
#registration_form #title_specification label {
color: #888;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0 20px;
}
#registration_form #title_specification label input {
margin: -2px 2px 0 0;
padding: 0;
}
#registration_form #title_specification #other_title_label, #registration_form #title_specification #other_title{
display:inline;
}
#registration_form #title_specification div{
display:block;
clear:both;
}
#registration_form #search_location{
margin-top:20px;
}
#registration_form #search_location label{
width:auto;
display:inline;
}
#registration_form #search_location input{
width:auto;
display:inline;
}
div#map {
position: relative;
}
div#crosshair {
position: absolute;
top: 192px;
height: 40px;
width: 40px;
left: 50%;
margin-left: -8px;
display: block;
background: url(../images/target.png);
background-position: center center;
background-repeat: no-repeat;
}
/* END registration form styling */
/* START Sub nav styling */
#main_content #impact_sub_nav{
padding-bottom:7px;
}
#main_content #impact_sub_nav ul{
list-style:none;
list-style-image:none;
padding:0;
margin:0 0 5px 0;
}
#main_content #impact_sub_nav ul li{
display:inline-block;
padding:0;
margin:0;
color:#000;
}
#main_content #impact_sub_nav ul li a:link, #main_content #impact_sub_nav ul li a:visited{
background-color:#54A3DA;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
margin:1px;
text-decoration:none;
}
#main_content #impact_sub_nav ul li a:hover{
background-color:#666;
}
/* END Sub nav styling */
/* START logged in bar styling */
#logged_in_bar{
background-color:#54A3DA;
margin-right:3px;
padding:5px;
margin-bottom:0;
color:#fff;
}
/* END logged in bar */
/* START members tool bar styling */
#member_tools{
background-color:#6FB2DF;
margin-right:3px;
padding:5px;
margin-bottom:4px;
color:#fff;
}
#member_tools ul{
list-style:none;
list-style-image:none;
padding:5px 0 0 0;
margin:0 0 5px 0;
}
#member_tools ul li{
display:inline-block;
padding:0;
margin:0;
color:#000;
line-height:2.4em;
}
#member_tools ul li a:link, #member_tools ul li a:visited{
background-color:#54A3DA;
color:#fff;
font-weight:bold;
border: 1px solid #fff;
border-radius:4px;
padding: 5px;
margin:1px;
text-decoration:none;
}
#member_tools ul li a:hover{
background-color:#666;
}
/* END members tool bar */
/* START add impact narrative form styling */
#impact_add div.invalid{
display:block;
background: url(../images/invalid_icon.png) left center no-repeat;
padding:5px 0px 5px 25px;
}
#impact_add {
border: 1px solid #d0d2d5;
border-bottom: 1px solid #bebfc2;
border-radius: 4px;
margin: 20px auto;
padding: 20px;
width: 880px;
box-shadow:0px 5px 5px #4D4D4D;
}
#impact_add label {
color: #404853;
display: block;
font-weight: bold;
margin-bottom:7px;
}
#impact_add input, #impact_add textarea {
background: #fff;
border: 1px solid #c6c9cc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
color: #555;
font: 13px/20px 'Droid Sans', Arial, 'Helvetica Neue', 'Lucida Grande', sans-serif;
margin: 0 0 20px 0;
padding: 5px;
width: 860px;
}
#impact_add fieldset{
border:none;
padding:0;
margin:0;
}
#impact_add fieldset legend{
color: #404853;
font-weight: bold;
}
#impact_add fieldset .hide{
display:none;
}
#impact_add select{
width:100%;
margin-bottom:20px;
}
#impact_add #register_submit{
background-color:#8BC53E;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
width: 410px;
margin:20px 200px;
}
#impact_add fieldset input {
margin: 0;
width: auto;
}
#impact_add #title_specification label {
color: #888;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0 20px;
}
#impact_add #title_specification label input {
margin: -2px 2px 0 0;
padding: 0;
}
#impact_add #title_specification #other_title_label, #impact_add #title_specification #other_title{
display:inline;
}
#impact_add #title_specification div{
display:block;
clear:both;
}
/* END narrative form styling */
/* START Success message styling? */
#main_content .success{
margin-left:20px;
padding:5px 5px 5px 30px ;
background:url(../images/success.png) left 5px no-repeat;
}
#main_content p.errors{
padding:5px 5px 5px 30px;
background:url(../images/invalid_icon.png) left 5px no-repeat;
}
/* END Success message styling? */
/* START login form */
#main_content .text_center{text-align:center;}
/* START data table styling */
#data_table{
text-align:center;
width:100%;
background-color:#fff;
}
#data_table th{
padding:10px 5px 5px 5px;
background-color:#999999;
}
#data_table a:link, #data_table a:visited{
text-decoration:underline;
color:#000;
}
#data_table a:hover{
color:#fff;
}
#data_table td{
padding:10px 5px;
}
#data_table .sort_asc:after{
content: "↑";
}
#data_table .sort_desc:after{
content: "↓";
}
#review_impact_report{
padding:20px 20px 40px 20px;
background-color:#fff;
}
#review_impact_report form #update_status{
background-color:#8BC53E;
color:#fff;
font-weight:bold;
border: 1px solid #c6c9cc;
border-radius:4px;
padding: 5px;
margin:0 0 0 20px;
}
#review_impact_report form #update_status:hover{
background-color:#9D005C;
color:#fff;
cursor:pointer;
}
#review_impact_report #short_description,#review_impact_report #narrative, #review_impact_report #contact_information, #review_impact_report #biography{
border:1px solid #E5E5E5;
-webkit-box-shadow: 1px 1px 2px 2px #E5E5E5;
-moz-box-shadow: 1px 1px 2px 2px #E5E5E5;
box-shadow: 1px 1px 2px 2px #E5E5E5;
border-radius:4px;
padding:10px;
}
#main_content .hr {
color:#E5E5E5;
background-color:#E5E5E5;
border-color:#E5E5E5;
border:none;
height:1px;
}
#doc_top_link{
position: absolute;
left: -999em;
width: 990em;
}
.workshops{
width:600px;
height:338px;
}
#blog_entry_single{
background-color:#fff;
border:1px solid #fff;
border-radius:0 0 20px 20px;
padding:20px;
margin-bottom:20px;
}
#blog_entry_single h2{
background-color:transparent;
color:#000;
padding:0;
margin-bottom:4px;
clear:both;
}
#blog_entry_single p.date_author{
color:#AFAFAF;
margin:0 0 20px 0;
}
#blog_entry_single p.previous{
display:inline;
float:left;
}
#blog_entry_single p.next{
display:inline;
float:right;
}
#impact_add #blog_visibility label,#impact_add #blog_visibility input{
display:inline;
width:auto;
font-weight:normal;
padding-right:10px;
}
.blog_edit_author{
border:1px solid #CCCCCC;
border-radius:5px;
background-color:#fff;
padding:5px 5px 5px 55px;
background:url(../images/blog_author.gif) 5px center no-repeat #fff;
margin-bottom:10px;
}
.blog_edit_author p{
padding:0;
margin:0;
}
/* START member contact form */
#main_content #member_contact_form h2{
background-color:transparent;
color:#404853;
padding-left:0px;
}
#main_content form .contact_confirmation{
padding:15px;
margin-top:10px;
border:1px solid #666;
background-color:#EEEF77;
border-radius:5px;
}
#main_content form #contact_confirm_contact{
display:inline;
margin:0 0 0 10px;
width:auto;
}
#main_content .checkbox{
}
#main_content .members_details{
padding:10px;
border:1px solid #ccc;
border-radius:5px;
background-color:#D1E3EF;
margin-bottom:15px;
}
#main_content .member_contact_users_details{
padding:10px;
border:1px solid #ccc;
border-radius:5px;
background-color:#D1EFE6;
margin:15px 0;
}
/* END member contact form*/
/* START creative practice as mutual recovery holding page */
#cpmr{
list-style:none;
text-align:center;
padding:0;
margin:0;
}
#cpmr li{
display:inline;
padding-left:20px;
}
#main_content #cpmr li a:hover, #main_content #cpmr li a:hover img{
padding:0;
border:0;
background-color:transparent;
margin:0;
}
.nhh-postcard{
float:right;
padding-left:10px;
}
#main_content .nhh-postcard a:hover{
border:0;
padding:0;
margin:0;
background-color:transparent;
}
#main_content .nhh-postcard a:hover img {
border:0;
padding:0;
margin:0;
background-color:transparent;
}
#main_content .nhh-postcard-info{
display:block;
width:270px;
background-color:#3EA8F4;
color:#fff;
padding:5px;
}
#main_content a:hover .nhh-postcard-info{
background-color:#D61087;
color:#fff;
}
/* END creative practice as mutual recovery holding page */
.video_container{
border:5px solid #fff;
-webkit-box-shadow: 2px 2px 5px 0px rgba(87, 76, 74, 10);
box-shadow: 2px 2px 5px 0px rgba(87, 76, 74, 10);
}
#main_content address{
font-style:normal;
margin-bottom:1em;
}
#main_content .clear_gen{
clear:both;
}
/* START events styling */
#events_view{
padding:10px;
}
#events_view .event_details{
border:2px solid #999;
padding:10px 20px;
background-color:#fff;
border-radius:10px;
}
#events_view h3{
background-color:#D31359;
color:#fff;
padding:5px;
border:1px solid #D31359;
border-radius:5px;
}
/* END events styling */
/* START Workshop video inclusion */
a.myPlayer {
display:block;
width: 600px;
height:338px;
text-align:center;
margin:15px;
border:1px solid #999;
}
#main_content a.myPlayer:hover{
padding:0;
}
/* END Workshop video inclusion */
/* START misc styling */
.image_centre_background_fill{
background-color:#fff;
text-align:center;
padding:15px 5px;
}
@media (max-device-width:1024px) and (orientation:landscape),(max-device-width:768px) and (orientation:portrait),(max-width:1025px){
/* 2-column */
#container{width:768px;margin:0 auto;padding:12px;background-color:#fff;}
#main_nav ul{
margin-bottom:14px;
}
#main_nav ul li{
display:inline-block;
list-style:none;
clear:left;
width:128px;
max-width:128px;
min-height:70px;
height:70px;
vertical-align:top;
}
#main_nav ul li a, #main_nav ul li span{
display:block;
height:68px;
text-align:center;
border:1px solid #fff;
border-bottom:1px solid #fff;
font-weight:bold;
padding-top:30px;
}
/**/#main_nav ul li a, #main_nav ul li span{width:116px;max-width:116px;padding:25px 5px 5px 5px;min-height:50px;height:50px;}
#main_nav ul li a#nav_cpmr, #main_nav ul li #nav_cpmr span{padding:16px 5px 14px 5px;font-size:90%;}
#main_nav ul li a#nav_logout, #main_nav ul li #nav_logout span{padding:16px 5px 14px 5px;font-size:90%;}
#main_nav ul li.cpmr{padding:0;}
#main_nav ul li.nhh_nav{padding:0;}
/*#container{width:768px;margin:0 auto;padding:12px;background-color:#fff;}
#main_nav ul li a, #main_nav ul li span{width:116px;max-width:116px;padding:25px 5px 5px 5px;min-height:50px;height:50px;}
#main_nav ul li a#nav_cpmr, #main_nav ul li #nav_cpmr span{padding:9px 5px 21px 5px;}*/
#main_content{/*background-image:url(../images/3col_900px_bg.gif);*/background-image:none;}
#main_content .three_column{background:none;}
#main_content #left_column{border-right:none;width:245px;padding:5px;}
#main_content #middle_column{border-right:none;width:245px;padding:5px;}
#main_content aside{width:235px;margin-left:0;padding:5px;}
* { -webkit-transition: width .5s; }
#main_content div.two_column #left_column{float:none;width:758px;}
#main_content div.two_column aside{float:none;width:758px;}
#iab_panel #mySlides{width:748px;height:670px;}
#iab_panel .jFlowControl img{width:70px;height:105px;}
#iab_panel #myController ul {text-align:center;}
/*#iab_panel #mySlides{width:300px;height:auto;}*/
#member_tools ul li{line-height:2.2em; font-size:75%;}
#member_tools{padding:1pxpx 5px 1px 5px;}
#registration_form {margin: 0 auto;padding: 5px;width: 690px;}
#registration_form label {margin-bottom:7px;}
#registration_form input, #registration_form textarea {padding: 0;width: 680px;}
#registration_form fieldset #password01, #registration_form fieldset #password02{width:680px;}
#registration_form #register_submit{width: 690px;margin:20px 0px;}
#registration_form #title_specification label {margin: 5px 0 0 20px;}
#impact_add {margin: 0 auto;padding: 5px;width: 690px;}
#impact_add label {margin-bottom:7px;}
#impact_add input, #impact_add textarea {padding: 0;width: 690px;}
#impact_add select{ width:100%; margin-bottom:20px;}
#impact_add #register_submit{width: 690px;margin:20px 0px;}
#impact_add fieldset input {margin: 0;width: auto;}
#impact_add #title_specification label {margin: 5px 0 0 20px;}
#impact_add #title_specification label input {margin: -2px 2px 0 0;padding: 0;}
#doc_top_link{position:relative;width:auto;left:0px;margin:10px;}
#iab_panel .force_height{height:auto;}
.workshops{margin:0 70px;}
#cpmr li{padding-left:0;}
}
/*@media (max-device-width:480px) and (orientation:landscape),(max-device-width:320px) and (orientation:portrait){*/
@media (max-width: 767px){
/* Small Screen Device landscape or portrait 1-column */
#container{width:320px;margin:0 auto;padding:12px;background-color:#fff;}
header #logo{display:block;text-align:center;float:none;}
header #logo img{width:296px;height:55px;display:block;margin:0 auto;}
header #search_txt{display:block;}
header form #query{margin-top:20px;width:320px;font-size:110%;height:30px;}
header form #query, header form #query:focus, header form #submit{display:block;}
header form #submit{margin:15px auto;width:320px;height:30px;}
#top_function_bar{text-align:center;padding:10px 0;border-top:1px solid #999;border-bottom:1px solid #999;}
p#document_top{
text-align:center;
}
/* START main nav */
#main_nav{
padding:0;
margin:12px 0 0 0;
clear:left;
}
#main_nav ul{
list-style:none;
padding:0;
margin:0 0 20px 0;
}
#main_nav ul li{
display:inline-block;
list-style:none;
clear:left;
width:158px;
max-width:158px;
min-height:70px;
height:70px;
vertical-align:top;
border:1px solid #fff;
padding:0;
}
#main_nav ul li a, #main_nav ul li span{
display:block;
width:100%;
height:68px;
text-align:center;
border:1px solid #fff;
font-weight:bold;
padding:10px 0 0 0;
}
#main_nav ul li a, #main_nav ul li span{width:158px;max-width:158px;padding:15px 0;min-height:50px;height:50px;}
#main_nav ul li a#nav_cpmr, #main_nav ul li #nav_cpmr span{padding:15px 0;font-size:90%;}
/* END main nav */
/*#main_nav ul li a, #main_nav ul li span{width:147px;max-width:147px;}
#main_nav ul li #nav_reg{padding-left:10px;padding-right:10px;width:137px;}*/
#main_content{background-image:none;}
#main_content #left_column{border-bottom:12px solid #fff;float:none;width:300px;}
#main_content #middle_column{border-bottom:12px solid #fff;float:none;width:300px;}
#main_content aside{margin:0;float:none;width:300px;}
#iab_panel #mySlides{width:300px;height:auto;}
#registration_form {margin: 0 auto;padding: 5px;width: 290px;}
#registration_form label {margin-bottom:7px;}
#registration_form input, #registration_form textarea {padding: 0;width: 280px;}
#registration_form fieldset #password01, #registration_form fieldset #password02{width:280px;}
#registration_form #register_submit{width: 290px;margin:20px 0px;}
#registration_form #title_specification label {margin: 5px 0 0 20px;}
#impact_add {margin: 0 auto;padding: 5px;width: 290px;}
#impact_add label {margin-bottom:7px;}
#impact_add input, #impact_add textarea {padding: 0;width: 280px;}
#impact_add select{ width:100%; margin-bottom:20px;}
#impact_add #register_submit{width: 290px;margin:20px 0px;}
#impact_add fieldset input {margin: 0;width: auto;}
#impact_add #title_specification label {margin: 5px 0 0 20px;}
#impact_add #title_specification label input {margin: -2px 2px 0 0;padding: 0;}
#main_content div.two_column #left_column{float:none;width:310px;}
#main_content div.two_column aside{float:none;width:310px;}
#partner_logos #ahrc_logo{width:250px;height:62px;}
#partner_logos #oppnet_logo{width:250px;height:37px;}
#partner_logos #maln_logo{width:250px;height:27px;}
#partner_logos #ars_logo{width:250px;height:61px;}
#main_content #impact_sub_nav ul li{line-height:2.2em;}
#member_tools ul li{line-height:3em}
.searchBox #query{width:200px;}
#results .url{word-wrap: break-word;}
#doc_top_link{position:relative;width:auto;left:0px;margin:10px;text-align:center;}
.workshops{width:300px;height:169px;margin:0;}
a.myPlayer {
display:block;
width: 300px;
height:169px;
text-align:center;
margin:15px 0;
border:1px solid #999;
}
#main_content .video_container{
width:300px;
height:169px;
}
}