/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */ .hover-tabs2-cont{ border:3px solid #80a6bb; margin:0px auto 30px;} .hover-tabs2-header{border-bottom:1px solid #80a6bb;} .hover-tabs2-header div{ float:left;border-right:1px solid #80a6bb;font-family: 'Glegoo', serif; font-size:20px; text-transform:uppercase; background-color:#8cc9e6;} .hover-tabs2-header div:nth-child(1) span{ width:156px;} .hover-tabs2-header div:nth-child(2) span{ width:157px;} .hover-tabs2-header div:nth-child(3) span, .hover-tabs2-header div:nth-child(4) span{ width:294px;} .hover-tabs2-header div:nth-child(4){border-right:0px solid #80a6bb;} .hover-tabs2-header div.clear{ float:none;} .hover-tabs2-header div span{height:87px;display: table-cell; vertical-align: middle; text-align:center; line-height:30px;} .hover-tabs2 { height: 477px; position: relative; overflow: hidden; background-color: #8cc9e6;} .tabs-content2, .tabs-info2 { overflow: hidden; position: absolute; top: 0; right: 0; display: none; background: #efefef; font-size: 14px; height:477px; width:747px;} .tabs-info2, #WhatareIndicators .tabs-info2{ display: block;height:477px;} .tabs-info2 span { display: table-cell; height: 477px; text-align: center; vertical-align: middle; width:747px;} .tabs-info2 span { display: table-cell; height: 477px; text-align: center; vertical-align: middle; width:747px;} .tabs2 { overflow: hidden;} .tabs2 a.tab2 { display: block; float: left; position: relative; overflow: hidden; clear: left; color: #000000; text-decoration: none; font-family: 'Glegoo', serif; font-size:20px; text-transform:uppercase;} .tabs2 a.tab2 span{width: 157px; height:159px;display: table-cell; vertical-align: middle; text-align:center; border-bottom:1px solid #80a6bb;border-right:1px solid #80a6bb; line-height:30px;} .tabs2 a.tab2:hover + .tabs-content2 { display: block; } .tabs-content2:hover { display: block;} .process-tab, .process-tab-cont{ background-color:#d6dfe4;} .process-tab:hover{ border-right:1px solid #d6dfe4 !important;} .outcomes-tab, .outcomes-tab-cont{ background-color:#bcd8e6;} .outcomes-tab:hover{ border-right:1px solid #bcd8e6 !important;} .impacts-tab, .impacts-tab-cont{ background-color:#a4d1e6; border-bottom:0px !important;} .impacts-tab:hover{ border-right:1px solid #a4d1e6 !important;} #WhatisanInstitutionalReviewBoard .definition-cont, #WhattypeofdatashouldIcollect .definition-cont{ width:300px;} #WhatisanInstitutionalReviewBoard .definition-cont1{ width:295px;} #WhattypeofdatashouldIcollect{width:904px;} .definition-cont{ float:left; border-right:1px solid #80a6bb; width:157px;} .definition-cont p{width:157px;height:477px;display: table-cell; vertical-align: middle; padding:0px 10px;} .definition-cont1{ float:left; border-right:1px solid #80a6bb;height:477px;width:294px;} .definition-cont2{ float:left; height:477px;width:294px;} .inf1{height:239px; width:294px !important;border-bottom:1px solid #80a6bb; } .inf2{height:477px; width:294px !important;} section.inf1:last-child{border-bottom:0px solid #80a6bb;} .inf1 div{display: table-cell; vertical-align: middle;height:239px; width:294px !important;padding:0px 10px;} .inf2 div{display: table-cell; vertical-align: middle;height:477px; width:294px !important;padding:0px 10px;} .inf1 div .common-ul, .inf2 div .common-ul{ margin:0px; padding:0px;} .inf1 div .common-ul li:last-child, .inf2 div .common-ul li:last-child{ padding-bottom:0px;} #WhattypeofdatashouldIcollect .hover-tabs2, #WhattypeofdatashouldIcollect .tabs-info2, #WhattypeofdatashouldIcollect .tabs-info2 span, #WhattypeofdatashouldIcollect .tabs-content2, .tabs-info2, #WhattypeofdatashouldIcollect .definition-cont p, #WhattypeofdatashouldIcollect .definition-cont1 {height:300px;} #WhattypeofdatashouldIcollect .tabs2 a.tab2 span{ height:100px;} #WhattypeofdatashouldIcollect .hover-tabs2-header div:nth-child(2) span, #WhattypeofdatashouldIcollect .definition-cont p{ width:300px;} #WhattypeofdatashouldIcollect .hover-tabs2-header div:nth-child(3){border-right:0px solid #80a6bb;} #WhattypeofdatashouldIcollect .definition-cont1 {border-right:0px solid #80a6bb; width:446px;} #WhattypeofdatashouldIcollect .inf1, #WhattypeofdatashouldIcollect .inf1 div, #WhattypeofdatashouldIcollect .hover-tabs2-header div:nth-child(3) span{width:446px !important;} #WhattypeofdatashouldIcollect .inf1, #WhattypeofdatashouldIcollect .inf1 div{height:139px;} #WhatisanInstitutionalReviewBoard .hover-tabs2, #WhatisanInstitutionalReviewBoard .tabs-info2, #WhatisanInstitutionalReviewBoard .tabs-info2 span, #WhatisanInstitutionalReviewBoard .tabs-content2, .tabs-info2, #WhatisanInstitutionalReviewBoard .definition-cont p, #WhatisanInstitutionalReviewBoard .definition-cont1 {height:300px;} #WhatisanInstitutionalReviewBoard .tabs2 a.tab2 span{ height:100px;} #WhatisanInstitutionalReviewBoard .hover-tabs2-header div:nth-child(2) span, #WhatisanInstitutionalReviewBoard .definition-cont p{ width:300px;} #WhatisanInstitutionalReviewBoard .hover-tabs2-header div:nth-child(3){border-right:0px solid #80a6bb;} #WhatisanInstitutionalReviewBoard .definition-cont1 {border-right:0px solid #80a6bb; width:446px;} #WhatisanInstitutionalReviewBoard .inf1, #WhatisanInstitutionalReviewBoard .inf1 div, #WhatisanInstitutionalReviewBoard .hover-tabs2-header div:nth-child(3) span{width:446px !important;} #WhatisanInstitutionalReviewBoard .inf1, #WhatisanInstitutionalReviewBoard .inf1 div{height:300px;} #Why-should-I-evaluate { height: 210px; } #Why-should-I-evaluate .tabs-info span { height: 188px; } #Why-should-I-evaluate .tabs-content div { height: 180px; } #Why-should-I-evaluate .tabs-data, #Why-should-I-evaluate .tabs-info{height: 188px;} #What-makes-a-good-evaluation { height: 242px; } #What-makes-a-good-evaluation .tabs-info span { height: 220px; } #What-makes-a-good-evaluation .tabs-content div { height: 210px; } #What-makes-a-good-evaluation .tabs-data, #What-makes-a-good-evaluation .tabs-info{ height: 220px; } #How-do-I-make-evaluation { height: 250px; } #How-do-I-make-evaluation .tabs-info span { height: 228px; } #How-do-I-make-evaluation .tabs-content div { height: 198px; } #How-do-I-make-evaluation .tabs-data, #How-do-I-make-evaluation .tabs-info{ height: 228px; } #resource1-hover-tabs { height: 360px; } #resource1-hover-tabs .tabs-info span { height: 338px; } #resource1-hover-tabs.tabs-data, #resource1-hover-tabs .tabs-info{ height: 338px; } #resource2-hover-tabs { height: 325px; } #resource2-hover-tabs .tabs-info span { height: 303px; } #resource2-hover-tabs .tabs-content div { height: 295px; } #resource2-hover-tabs .tabs-data, #resource2-hover-tabs .tabs-info{ height: 303px; } #resource3-hover-tabs { height: 400px; } #resource3-hover-tabs .tabs-info span { height: 378px; } #resource3-hover-tabs .tabs-content div { height: 370px; } #resource3-hover-tabs.tabs-data, #resource3-hover-tabs .tabs-info{ height: 378px; } #WhichtoolshouldIusetocollectdata-resource-hover-tabs{ height: 420px; } #WhichtoolshouldIusetocollectdata-resource-hover-tabs .tabs-info span { height: 300px; } #WhichtoolshouldIusetocollectdata-resource-hover-tabs .tabs-content div{ height:380px} #WhichtoolshouldIusetocollectdata-resource-hover-tabs .tabs-data, #WhichtoolshouldIusetocollectdata-resource-hover-tabs .tabs-info{height: 380px;} #MoreResourcesonSpecificTypesofTools-resource-hover-tabs{ height: 250px; } #MoreResourcesonSpecificTypesofTools-resource-hover-tabs .tabs-info span { height: 230px; } #MoreResourcesonSpecificTypesofTools-resource-hover-tabs .tabs-content div{ height:210px} #MoreResourcesonSpecificTypesofTools-resource-hover-tabs .tabs-data, #MoreResourcesonSpecificTypesofTools-resource-hover-tabs .tabs-info{height:230px;} #WhenandfromwhomshouldIcollectdata-resource-hover-tabs{ height: 250px; } #WhenandfromwhomshouldIcollectdata-resource-hover-tabs .tabs-info span { height: 230px; } #WhenandfromwhomshouldIcollectdata-resource-hover-tabs .tabs-content div{ height:210px} #WhenandfromwhomshouldIcollectdata-resource-hover-tabs .tabs-data, #WhenandfromwhomshouldIcollectdata-resource-hover-tabs .tabs-info{height: 230px;} #Developguidelinesforhowdatashouldbecollected-resource-hover-tabs{ height: 190px; } #Developguidelinesforhowdatashouldbecollected-resource-hover-tabs .tabs-info span { height: 170px; } #Developguidelinesforhowdatashouldbecollected-resource-hover-tabs .tabs-content div{ height:150px} #Developguidelinesforhowdatashouldbecollected-resource-hover-tabs .tabs-data, #Developguidelinesforhowdatashouldbecollected-resource-hover-tabs .tabs-info{height: 170px;} #HowdoIselectevaluationparticipants-quan-resource-hover-tabs{ height: 310px; } #HowdoIselectevaluationparticipants-quan-resource-hover-tabs .tabs-info span { height: 290px; } #HowdoIselectevaluationparticipants-quan-resource-hover-tabs .tabs-content div{ height:270px} #HowdoIselectevaluationparticipants-quan-resource-hover-tabs .tabs-data, #HowdoIselectevaluationparticipants-quan-resource-hover-tabs .tabs-info{height: 290px;} #Howbigshouldmysamplebe-qual-resource-hover-tabs{ height: 310px; } #Howbigshouldmysamplebe-qual-resource-hover-tabs .tabs-info span { height: 290px; } #Howbigshouldmysamplebe-qual-resource-hover-tabs .tabs-content div{ height:270px} #Howbigshouldmysamplebe-qual-resource-hover-tabs .tabs-data, #Howbigshouldmysamplebe-qual-resource-hover-tabs .tabs-info{height: 290px;} #HowdoIanalyzequantitativedata-resource-hover-tabs{ height: 310px; } #HowdoIanalyzequantitativedata-resource-hover-tabs .tabs-info span { height: 290px; } #HowdoIanalyzequantitativedata-resource-hover-tabs .tabs-content div{ height:270px} #HowdoIanalyzequantitativedata-resource-hover-tabs .tabs-data, #HowdoIanalyzequantitativedata-resource-hover-tabs .tabs-info{height: 290px;} #WhatsoftwarecanIusetoanalyzequantitativedata-resource-hover-tabs{ height: 370px; } #WhatsoftwarecanIusetoanalyzequantitativedata-resource-hover-tabs .tabs-info span { height: 350px; } #WhatsoftwarecanIusetoanalyzequantitativedata-resource-hover-tabs .tabs-content div{ height:330px} #WhatsoftwarecanIusetoanalyzequantitativedata-resource-hover-tabs .tabs-data, #WhatsoftwarecanIusetoanalyzequantitativedata-resource-hover-tabs .tabs-info{height: 350px;} #HowdoIanalyzequalitativedata{ height: 270px; } #HowdoIanalyzequalitativedata .tabs-info span { height: 250px; } #HowdoIanalyzequalitativedata .tabs-content div{ height:230px} #HowdoIanalyzequalitativedata .tabs-data, #HowdoIanalyzequalitativedata .tabs-info{height: 250px;} #HowdoIanalyzequalitativedata-resource-hover-tabs{ height: 290px; } #HowdoIanalyzequalitativedata-resource-hover-tabs .tabs-info span { height: 270px; } #HowdoIanalyzequalitativedata-resource-hover-tabs .tabs-content div{ height:250px} #HowdoIanalyzequalitativedata-resource-hover-tabs .tabs-data, #HowdoIanalyzequalitativedata-resource-hover-tabs .tabs-info{height: 270px;} #WhatsoftwarecanIusetoanalyzequalitativedata-resource-hover-tabs{ height: 300px; } #WhatsoftwarecanIusetoanalyzequalitativedata-resource-hover-tabs .tabs-info span { height: 280px; } #WhatsoftwarecanIusetoanalyzequalitativedata-resource-hover-tabs .tabs-content div{ height:260px} #WhatsoftwarecanIusetoanalyzequalitativedata-resource-hover-tabs .tabs-data, #WhatsoftwarecanIusetoanalyzequalitativedata-resource-hover-tabs .tabs-info{height: 280px;} #HowdoIdevelopconclusionsandrecommendations-resource-hover-tabs{ height: 250px; } #HowdoIdevelopconclusionsandrecommendations-resource-hover-tabs .tabs-info span { height: 230px; } #HowdoIdevelopconclusionsandrecommendations-resource-hover-tabs .tabs-content div{ height:210px} #HowdoIdevelopconclusionsandrecommendations-resource-hover-tabs .tabs-data, #HowdoIdevelopconclusionsandrecommendations-resource-hover-tabs .tabs-info{height: 230px;} #HowshouldIreportmyresultsandconclusions-resource-hover-tabs{ height: 320px; } #HowshouldIreportmyresultsandconclusions-resource-hover-tabs .tabs-info span { height: 300px;} #HowshouldIreportmyresultsandconclusions-resource-hover-tabs .tabs-content div{ height:280px} #HowshouldIreportmyresultsandconclusions-resource-hover-tabs .tabs-data, #HowshouldIreportmyresultsandconclusions-resource-hover-tabs .tabs-info{height: 300px;} #HowshouldIorganizemyreport-resource-hover-tabs{ height: 330px; } #HowshouldIorganizemyreport-resource-hover-tabs .tabs-info span { height: 310px; } #HowshouldIorganizemyreport-resource-hover-tabs .tabs-content div{ height:290px} #HowshouldIorganizemyreport-resource-hover-tabs .tabs-data, #HowshouldIorganizemyreport-resource-hover-tabs .tabs-info{height: 310px;} #HowdoIusegraphicstoillustrateresults-resource-hover-tabs{ height: 310px; } #HowdoIusegraphicstoillustrateresults-resource-hover-tabs .tabs-info span { height: 290px; } #HowdoIusegraphicstoillustrateresults-resource-hover-tabs .tabs-content div{ height:270px} #HowdoIusegraphicstoillustrateresults-resource-hover-tabs .tabs-data, #HowdoIusegraphicstoillustrateresults-resource-hover-tabs .tabs-info{height: 290px;} #Evaluatetheevaluation-resource-hover-tabs{ height: 210px; } #Evaluatetheevaluation-resource-hover-tabs .tabs-info span { height: 190px; } #Evaluatetheevaluation-resource-hover-tabs .tabs-content div{ height:170px} #Evaluatetheevaluation-resource-hover-tabs .tabs-data, #Evaluatetheevaluation-resource-hover-tabs .tabs-info{height: 190px;} #Documentchangestotheorganizationthatmayhaveoccurredasaresultoftheevaluation-resource-hover-tabs{ height:370px; } #Documentchangestotheorganizationthatmayhaveoccurredasaresultoftheevaluation-resource-hover-tabs .tabs-info span { height: 350px; } #Documentchangestotheorganizationthatmayhaveoccurredasaresultoftheevaluation-resource-hover-tabs .tabs-content div{ height:330px} #Documentchangestotheorganizationthatmayhaveoccurredasaresultoftheevaluation-resource-hover-tabs .tabs-data, #Documentchangestotheorganizationthatmayhaveoccurredasaresultoftheevaluation-resource-hover-tabs .tabs-info{height: 350px;} #ShouldIuseaninternalorexternalevaluator-resource-hover-tabs{ height:330px; } #ShouldIuseaninternalorexternalevaluator-resource-hover-tabs .tabs-info span { height: 310px; } #ShouldIuseaninternalorexternalevaluator-resource-hover-tabs .tabs-content div{ height:290px} #ShouldIuseaninternalorexternalevaluator-resource-hover-tabs .tabs-data, #ShouldIuseaninternalorexternalevaluator-resource-hover-tabs .tabs-info{height: 310px;} #WheredoIfindexternalevaluators1-resource-hover-tabs{ height:170px; } #WheredoIfindexternalevaluators1-resource-hover-tabs .tabs-info span { height:150px; } #WheredoIfindexternalevaluators1-resource-hover-tabs .tabs-content div{ height:130px} #WheredoIfindexternalevaluators1-resource-hover-tabs .tabs-data, #WheredoIfindexternalevaluators1-resource-hover-tabs .tabs-info{height: 150px;} #EvaluatorDirectories-resource-hover-tabs{ height:150px; } #EvaluatorDirectories-resource-hover-tabs .tabs-info span { height:130px; } #EvaluatorDirectories-resource-hover-tabs .tabs-content div{ height:110px} #EvaluatorDirectories-resource-hover-tabs .tabs-data, #EvaluatorDirectories-resource-hover-tabs .tabs-info{height: 130px;} #HowdoIchooseanexternalevaluator-resource-hover-tabs{ height:310px; } #HowdoIchooseanexternalevaluator-resource-hover-tabs .tabs-info span { height:290px; } #HowdoIchooseanexternalevaluator-resource-hover-tabs .tabs-content div{ height:270px} #HowdoIchooseanexternalevaluator-resource-hover-tabs .tabs-data, #HowdoIchooseanexternalevaluator-resource-hover-tabs .tabs-info{height: 290px;} #HowcanIworkeffectivelywithmyevaluator-resource-hover-tabs{ height:270px; } #HowcanIworkeffectivelywithmyevaluator-resource-hover-tabs .tabs-info span { height:250px; } #HowcanIworkeffectivelywithmyevaluator-resource-hover-tabs .tabs-content div{ height:240px} #HowcanIworkeffectivelywithmyevaluator-resource-hover-tabs .tabs-data, #HowcanIworkeffectivelywithmyevaluator-resource-hover-tabs .tabs-info{height: 250px;} #Whatisparticipatoryevaluationandhowisitconducted-resource-hover-tabs{ height:420px; } #Whatisparticipatoryevaluationandhowisitconducted-resource-hover-tabs .tabs-info span { height:400px; } #Whatisparticipatoryevaluationandhowisitconducted-resource-hover-tabs .tabs-content div{ height:390px} #Whatisparticipatoryevaluationandhowisitconducted-resource-hover-tabs .tabs-data, #Whatisparticipatoryevaluationandhowisitconducted-resource-hover-tabs .tabs-info{height: 400px;} #Whyandhowtoinvolveyouth-resource-hover-tabs{ height:420px; } #Whyandhowtoinvolveyouth-resource-hover-tabs .tabs-info span { height:400px; } #Whyandhowtoinvolveyouth-resource-hover-tabs .tabs-content div{ height:390px} #Whyandhowtoinvolveyouth-resource-hover-tabs .tabs-data, #Whyandhowtoinvolveyouth-resource-hover-tabs .tabs-info{height: 400px;} #EESpecificEvaluationGuides-resource-hover-tabs{ height:630px; } #EESpecificEvaluationGuides-resource-hover-tabs .tabs-info span { height:610px; } #EESpecificEvaluationGuides-resource-hover-tabs .tabs-content div{ height:600px} #EESpecificEvaluationGuides-resource-hover-tabs .tabs-data, #EESpecificEvaluationGuides-resource-hover-tabs .tabs-info{height: 610px;} #TopicSpecificGuides-resource-hover-tabs{ height:370px; } #TopicSpecificGuides-resource-hover-tabs .tabs-info span { height:350px; } #TopicSpecificGuides-resource-hover-tabs .tabs-content div{ height:340px} #TopicSpecificGuides-resource-hover-tabs .tabs-data, #TopicSpecificGuides-resource-hover-tabs .tabs-info{height: 350px;} #GeneralEvaluationGuides-resource-hover-tabs{ height:420px; } #GeneralEvaluationGuides-resource-hover-tabs .tabs-info span { height:400px; } #GeneralEvaluationGuides-resource-hover-tabs .tabs-content div{ height:390px} #GeneralEvaluationGuides-resource-hover-tabs .tabs-data, #GeneralEvaluationGuides-resource-hover-tabs .tabs-info{height: 400px;} #EnvironmentalEducationEvaluation-resource-hover-tabs{ height:630px; } #EnvironmentalEducationEvaluation-resource-hover-tabs .tabs-info span { height:610px; } #EnvironmentalEducationEvaluation-resource-hover-tabs .tabs-content div{ height:600px} #EnvironmentalEducationEvaluation-resource-hover-tabs .tabs-data, #EnvironmentalEducationEvaluation-resource-hover-tabs .tabs-info{height: 610px;} #GeneralEvaluation-resource-hover-tabs{ height:450px; } #GeneralEvaluation-resource-hover-tabs .tabs-info span { height:430px; } #GeneralEvaluation-resource-hover-tabs .tabs-content div{ height:420px} #GeneralEvaluation-resource-hover-tabs .tabs-data, #GeneralEvaluation-resource-hover-tabs .tabs-info{height: 430px;} #General-resource-hover-tabs{ height:330px; } #General-resource-hover-tabs .tabs-info span { height:310px; } #General-resource-hover-tabs .tabs-content div{ height:300px} #General-resource-hover-tabs .tabs-data, #General-resource-hover-tabs .tabs-info{height: 310px;} #EnvironmentRelated-resource-hover-tabs{ height:210px; } #EnvironmentRelated-resource-hover-tabs .tabs-info span { height:190px; } #EnvironmentRelated-resource-hover-tabs .tabs-content div{ height:180px} #EnvironmentRelated-resource-hover-tabs .tabs-data, #EnvironmentRelated-resource-hover-tabs .tabs-info{height: 190px;} #DataAnalysisTools-resource-hover-tabs{ height:300px; } #DataAnalysisTools-resource-hover-tabs .tabs-info span { height:280px; } #DataAnalysisTools-resource-hover-tabs .tabs-content div{ height:270px} #DataAnalysisTools-resource-hover-tabs .tabs-data, #DataAnalysisTools-resource-hover-tabs .tabs-info{height: 280px;} #OtherUsefulEvaluationGlossaries-resource-hover-tabs{ height:270px; } #OtherUsefulEvaluationGlossaries-resource-hover-tabs .tabs-info span { height:250px; } #OtherUsefulEvaluationGlossaries-resource-hover-tabs .tabs-content div{ height:240px} #OtherUsefulEvaluationGlossaries-resource-hover-tabs .tabs-data, #OtherUsefulEvaluationGlossaries-resource-hover-tabs .tabs-info{height: 250px;} #ChildrenasParticipants-resource-hover-tabs{ height:250px; } #ChildrenasParticipants-resource-hover-tabs .tabs-info span { height:230px; } #ChildrenasParticipants-resource-hover-tabs .tabs-content div{ height:220px} #ChildrenasParticipants-resource-hover-tabs .tabs-data, #ChildrenasParticipants-resource-hover-tabs .tabs-info{height: 230px;} #Whatispower-resource-hover-tabs{ height:280px; } #Whatispower-resource-hover-tabs .tabs-info span { height:260px; } #Whatispower-resource-hover-tabs .tabs-content div{ height:250px} #Whatispower-resource-hover-tabs .tabs-data, #Whatispower-resource-hover-tabs .tabs-info{height: 260px;} #WhatalphavalueshouldIusetocalculatepower-resource-hover-tabs{ height:230px; } #WhatalphavalueshouldIusetocalculatepower-resource-hover-tabs .tabs-info span { height:210px; } #WhatalphavalueshouldIusetocalculatepower-resource-hover-tabs .tabs-content div{ height:200px} #WhatalphavalueshouldIusetocalculatepower-resource-hover-tabs .tabs-data, #WhatalphavalueshouldIusetocalculatepower-resource-hover-tabs .tabs-info{height: 210px;} #HowdoIestimateeffectsizeforcalculatingpower-resource-hover-tabs{ height:270px; } #HowdoIestimateeffectsizeforcalculatingpower-resource-hover-tabs .tabs-info span { height:250px; } #HowdoIestimateeffectsizeforcalculatingpower-resource-hover-tabs .tabs-content div{ height:240px} #HowdoIestimateeffectsizeforcalculatingpower-resource-hover-tabs .tabs-data, #HowdoIestimateeffectsizeforcalculatingpower-resource-hover-tabs .tabs-info{height: 250px;} #MEERAsFeatures{ height: 340px; } #MEERAsFeatures .tabs-info span { height: 320px; } #MEERAsFeatures .tabs-content div{ height:310px} #MEERAsFeatures .tabs-data, #MEERAsFeatures .tabs-info{height: 320px;} #How-do-I-develop-evaluation-questions { height: 390px; } #How-do-I-develop-evaluation-questions .tabs-info span { height: 370px; } #How-do-I-develop-evaluation-questions .tabs-content div{ height: 350px;} #How-do-I-develop-evaluation-questions .tabs-data, #How-do-I-develop-evaluation-questions .tabs-info{height: 370px;} #HowdoIprioritizeevaluationquestions-resource-hover-tabs{ height: 330px; } #HowdoIprioritizeevaluationquestions-resource-hover-tabs .tabs-info span { height: 310px; } #HowdoIprioritizeevaluationquestions-resource-hover-tabs .tabs-content div{ height:290px} #HowdoIprioritizeevaluationquestions-resource-hover-tabs .tabs-data, #HowdoIprioritizeevaluationquestions-resource-hover-tabs .tabs-info{height: 310px;} #WhataregoodIndicators-resource-hover-tabs{ height: 470px; } #WhataregoodIndicators-resource-hover-tabs .tabs-info span { height: 450px; } #WhataregoodIndicators-resource-hover-tabs .tabs-content div{ height:430px} #WhataregoodIndicators-resource-hover-tabs .tabs-data, #WhataregoodIndicators-resource-hover-tabs .tabs-info{height: 450px;} #Howmuchareyouwilling-resource-hover-tabs { height: 290px; } #Howmuchareyouwilling-resource-hover-tabs .tabs-info span { height: 270px; } #Howmuchareyouwilling-resource-hover-tabs .tabs-content div{ height:250px} #Howmuchareyouwilling-resource-hover-tabs .tabs-data, #Howmuchareyouwilling-resource-hover-tabs .tabs-info{height: 270px;} #creatingalogicmodel-resource-hover-tabs{ height: 230px; } #creatingalogicmodel-resource-hover-tabs .tabs-info span { height: 210px; } #creatingalogicmodel-resource-hover-tabs .tabs-content div{ height:190px} #creatingalogicmodel-resource-hover-tabs .tabs-data, #creatingalogicmodel-resource-hover-tabs .tabs-info{height: 210px;} #logicmodels-resource-hover-tabs{ height: 150px;} #logicmodels-resource-hover-tabs .tabs-info span { height: 130px; } #logicmodels-resource-hover-tabs .tabs-content div{ height:110px} #logicmodels-resource-hover-tabs .tabs-data, #logicmodels-resource-hover-tabs .tabs-info{height: 130px;} #HowdoIgetstarted-resource-hover-tabs{height: 300px;} #HowdoIgetstarted-resource-hover-tabs .tabs-info span { height: 280px;} #HowdoIgetstarted-resource-hover-tabs .tabs-content div{ height: 270px;} #HowdoIgetstarted-resource-hover-tabs .tabs-data, #HowdoIgetstarted-resource-hover-tabs .tabs-info{height: 280px;} .icon-resource { margin: 0px; background: url(../images/icon_resources.png) no-repeat; width: 108px; height: 126px; display: block; } .resource-des { padding-bottom: 0px; display: table-cell; vertical-align: middle; } .left-cont{ float:left; width:550px;} .wanted-left{float:left; width:277px;} .pitfall { background: url(../images/pitfall.png) no-repeat 0px 0px; width: 130px; height: 130px; display: block; float:left;} .pitfall-text{ float:left; display:block; width: 145px;} .pitfall-text p{height:130px;} table {width: 100%; border:1px solid #bbbbbb;border-collapse: separate;border-spacing: 0;} thead td{color: #616161;text-align: center;vertical-align: middle; background-color:#d5dfe4; font-size:13px; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,0.5); text-transform:uppercase;} tr td{color: #616161; padding:5px;vertical-align: middle; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;} tr.odd{ background-color:#f3f3f3;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;} tbody tr:hover, tbody tr:hover td{background-color:#8cc9e5;} .text-center{ text-align:center;} .text-left{ text-align:left;} .paper{ background:url(../images/paper-cut.png) no-repeat left bottom; padding-bottom:71px; width:910px; margin:0px auto;} .paper-cont{ padding:30px; padding-bottom:0px; border:1px solid #cfedef; background-color:#f7fcff; border-bottom:none;} .paper-cont .ov_title h2{background:url(../images/expand.png) no-repeat right 6px;} .paper-cont .ov_title.active h2{background:url(../images/colleps.png) no-repeat right 6px;} #mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; } .window { position: absolute; left: 0; top: 0; display: none; z-index: 9999;} #dialog { width: 500px; height: auto; padding: 0px; background-color: #ffffff;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;overflow: hidden; } .bottom-btn{ padding-top:30px;/* text-align:center;*/} .step-diagram{ width:650px; position:relative; height:406px; float:left;} .targetDiv{ float:left; width:270px; height:386px; padding:10px; font-size:13px; line-height:18px;} .targetDiv h1, .targetDiv h1 a{ text-align:center; color:#007e98; margin-bottom:5px;font-family: 'oswaldregular', sans-serif!important;font-weight:normal; text-decoration:none;} .targetDiv h2{ text-align:center; color:#000000; margin-bottom:10px;font-family: 'oswaldregular', sans-serif!important;font-weight:normal;} .step-diagram { background: url(../images/evaluation-phases.png) no-repeat; width:650px; height:406px;} .showSingle{ cursor:pointer;display: block; position:absolute; float:left;} .s1{ width:556px; height:198px; left:104px; top:0px; z-index:5;} .s2{ width:452px; height:154px; left:209px; top:126px; z-index:15} .s3{ width:556px; height:198px; left:104px; top:209px; z-index:10} .s4{ width:198px; height:198px; left:0px; top:105px; z-index:5} #phase1{ background-color:#d5dfe4 !important;} #phase2{ background-color:#bcd7e5 !important;} #phase3{ background-color:#a5d1e5 !important;} #phase4{ background-color:#8cc9e5 !important;} .cir{ width:40px; height:40px; position:absolute; text-align:center; line-height:39px; display:block; border:1px solid #000;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;font-family: 'Oswald', sans-serif; font-size:16px;} .s1c{ background-color:#e89999;} .s1p{ left:37px;top:76px;} .s2c{ background-color:#f8b48a;} .s2p{ left:127px;top:76px; } .s3c{ background-color:#7fca7f;} .s3p{ left:50px;top:57px; } .s4c{ background-color:#ff99e5;} .s4p{ left:142px;top:57px; } .s5c{ background-color:#7fffff;} .s5p{ left:132px;top:72px;} .s6c{ background-color:#b0ec7f;} .s6p{ left:78px;top:127px; } .s7c{ background-color:#fffc7f;} .s7p{ left:38px;top:54px; } .s8c{ background-color:#e4a5ff;} .s8p{ left:52px;top:79px; } .s1c, .s2c, .s3c, .s4c, .s5c, .s6c, .s7c, .s8c{ color:#000;} .s1c:hover, .s2c:hover, .s3c:hover, .s4c:hover, .s5c:hover, .s6c:hover, .s7c:hover, .s8c:hover{ background-color:#fff;} .s1c:hover{ color:#e89999;} .s2c:hover{ color:#f8b48a;} .s3c:hover{ color:#7fca7f;} .s4c:hover{ color:#ff99e5;} .s5c:hover{ color:#7fffff;} .s6c:hover{ color:#b0ec7f;} .s7c:hover{ color:#ffcc00;} .s8c:hover{ color:#e4a5ff;} .phase-cont{ font-family: 'oswaldregular', sans-serif!important; font-size:13px;margin-left: 180px;padding-top: 15px;} .showSingle.s2 .phase-cont{margin-left: 200px;padding-top: 30px;} .showSingle.s3 .phase-cont{margin-left: 200px;padding-top: 82px;} .showSingle.s4 .phase-cont{margin-left:105px;padding-top: 70px;} .phase-cont h1{font-size:22px; color:#007e98; line-height:inherit; margin:0px; margin-bottom:5px; font-family: 'oswaldregular', sans-serif!important; font-weight:normal;} .phase-cont h2{font-size:16px;margin-bottom:5px; font-family: 'oswaldregular', sans-serif!important;font-weight:normal;} .phase-cont a{ margin-left:15px; padding:0px 5px; line-height:20px; color:#000;} .targetDiv a{ padding:0px 5px; line-height:20px; color:#000; font-family: 'oswaldregular', sans-serif!important;} .base{ position:relative;} .showSingle.s1 .base{width:556px; height:198px;} .showSingle.s2 .base{ width:452px; height:154px;} .showSingle.s3 .base{ width:556px; height:198px;} .showSingle.s4 .base{ width:198px; height:198px;} .showSingle .phase-cont a{ width:165px; display:block;} .showSingle.selected .cir{ width:44px; height:44px; line-height:44px; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-size:18px;} .showSingle.selected .phase-cont h1{font-size: 25px;text-shadow: 0px 0px 20px rgba(0, 255, 255, 1);} .showSingle.selected .s1p{ left:32px;top:72px;} .showSingle.selected .s2p{ left:124px;top:76px; } .showSingle.selected .s3p{ left:50px;top:54px; } .showSingle.selected .s4p{ left:140px;top:57px; } .showSingle.selected .s5p{ left:129px;top:72px;} .showSingle.selected .s6p{ left:75px;top:125px; } .showSingle.selected .s7p{ left:35px;top:50px; } .showSingle.selected .s8p{ left:50px;top:76px; } /*-----Step Pages---*/ .inner-accordian{ padding:15px 0px 15px 30px;} .inner-accordian .inn-lcont{width: 630px;} .inner-accordian .inn-lcont.sml1 {width: 250px;} .diagram{ padding-top:30px;} .diagram.inner .step-diagram{margin:0px auto; float:none;}