@charset "UTF-8";

/*PANELS*/
div.top_760 { background:url(/images/boxes/760_top.png) no-repeat; height: 34px; width: 760px; }
div.mid_760 { background:url(/images/boxes/760_mid.png) repeat-y; width: 720px; padding:15px 20px 5px 20px; }
div.bot_760 { background:url(/images/boxes/760_bot.png) no-repeat; height: 17px; width: 760px; clear:both; }
div.top_760_bl { background:url(/images/boxes/760_top_bl.png) no-repeat; height: 34px; width: 760px; }
div.top_760_bl_nt { background:url(/images/boxes/760_NT_top_bl.png) no-repeat; height: 17px; width: 760px; }
div.mid_760_bl { background:url(/images/boxes/760_mid_bl.png) repeat-y; width: 720px; padding:15px 20px 5px 20px; }
div.bot_760_bl { background:url(/images/boxes/760_bot_bl.png) no-repeat; height: 17px; width: 760px; clear:both; }
div.top_680_bl { background:url(/images/boxes/680_top_bl.png) no-repeat; height: 17px; width: 680px; }
div.mid_680_bl { background:url(/images/boxes/680_mid_bl.png) repeat-y; width: 640px; padding:1px 20px; }
div.bot_680_bl { background:url(/images/boxes/680_bot_bl.png) no-repeat; height: 17px; width: 680px; margin-bottom:10px; }
div.top_600 { background:url(/images/boxes/600_top.png) no-repeat; height: 34px; width: 600px; }
div.mid_600 { background:url(/images/boxes/600_mid.png) repeat-y; width: 560px; padding:15px 20px 5px 20px; }
div.bot_600 { background:url(/images/boxes/600_bot.png) no-repeat; height: 17px; width: 600px; margin-bottom:10px; }
div.top_590_bl { background:url(/images/boxes/590_top_bl.png) no-repeat; height: 20px; width: 590px; }
div.mid_590_bl { background:url(/images/boxes/590_mid_bl.png) repeat-y; width: 550px; padding:0px 20px; }
div.bot_590_bl { background:url(/images/boxes/590_bot_bl.png) no-repeat; height: 20px; width: 590px; margin-bottom:10px; }
div.top_500 { background:url(/images/boxes/500_top.png) no-repeat; height: 20px; width: 500px; }
div.mid_500 { background:url(/images/boxes/500_mid.png) repeat-y; width: 460px; padding:0px 20px; }
div.bot_500 { background:url(/images/boxes/500_bot.png) no-repeat; height: 20px; width: 500px; margin-bottom:10px; }
div.top_500_bl { background:url(/images/boxes/500_top_bl.png) no-repeat; height: 20px; width: 500px; }
div.mid_500_bl { background:url(/images/boxes/500_mid_bl.png) repeat-y; width: 460px; padding:0px 20px; }
div.bot_500_bl { background:url(/images/boxes/500_bot_bl.png) no-repeat; height: 20px; width: 500px; margin-bottom:10px; }
div.top_720 { background:url(/images/boxes/720_top.png) no-repeat; height: 34px; width: 720px; }
div.mid_720 { background:url(/images/boxes/720_mid.png) repeat-y; width: 680px; padding:15px 20px 5px 20px; min-height:150px; }
div.bot_720 { background:url(/images/boxes/720_bot.png) no-repeat; height: 17px; width: 720px; margin-bottom:10px; }
div.top_355 { background:url(/images/boxes/355_top.png) no-repeat; height: 34px; width: 355px; }
div.mid_355 { background:url(/images/boxes/355_mid.png) repeat-y; width: 315px; padding:15px 20px 5px 20px; }
div.bot_355 { background:url(/images/boxes/355_bot.png) no-repeat; height: 17px; width: 355px; margin-bottom:10px; }
div.top_335_bl { background:url(/images/boxes/335_top_bl.png) no-repeat; height: 17px; width: 335px; }
div.mid_335_bl { background:url(/images/boxes/335_mid_bl.png) repeat-y; width: 295px; padding:1px 20px; }
div.bot_335_bl { background:url(/images/boxes/335_bot_bl.png) no-repeat; height: 17px; width: 335px; }
div.right_355 { float: right; width: 355px; }
.CollapsiblePanel760 { margin: 0px; padding: 0px; width:780px; }
.CollapsiblePanel720 { margin: 0px; padding: 0px; width:720px; }
.CollapsiblePanel600 { margin: 0px; padding: 0px; width:600px; }
.CollapsiblePanel355 { margin: 0px; padding: 0px; width:355px; }
.CollapsiblePanelTab { float:right; padding-top:10px; padding-right:20px; width:16px; height:16px; overflow:hidden; }
.CollapsiblePanelContent { margin: 0px; padding: 0px; }
.CollapsiblePanelTab a { background:url(/images/boxes/twist.png); float:left; width:16px; height:0px; padding-top:16px; overflow: hidden; }
.CollapsiblePanelTab a:hover { background-position: 0px -16px; }
div.sidediv_top { background:url(/images/boxes/sidediv_top.png) no-repeat; height: 20px; width: 200px; }
div.sidediv_middle { background:url(/images/boxes/sidediv_middle.png) repeat-y; width: 160px; padding:0px 20px 5px 20px; }
div.sidediv_bottom { background:url(/images/boxes/sidediv_bottom.png) no-repeat; height: 20px; width: 200px; margin-bottom:10px; }
div.sidediv_top_bl { background:url(/images/boxes/sidediv_top_bl.png) no-repeat; height: 20px; width: 200px; }
div.sidediv_middle_bl { background:url(/images/boxes/sidediv_middle_bl.png) repeat-y; width: 160px; padding:0px 20px 5px 20px; }
div.sidediv_bottom_bl { background:url(/images/boxes/sidediv_bottom_bl.png) no-repeat; height: 20px; width: 200px; margin-bottom:10px; }

/*BLOG LIST VIEW*/
.pic_list, .pic_list_on { float:right; padding:5px 50px 0px 0px; width:50px; height:25px;overflow:hidden; z-index:1000; }
.pic_list_cp { padding-right:15px; }
.pic_list a, .pic_list_on a { float:left; width:50px; height:0px; padding-top:250px; background:url(/images/pic_list.png); }
.pic_list a, .pic_list_on a:hover { background-position:0px 25px; }
.pic_list a:hover, .pic_list_on a {background-position:0px 0px; }

/*EDIT MODE*/
.edit_mode, .edit_mode_on { float:right; padding:5px 50px 0px 0px; width:50px; height:25px;overflow:hidden; z-index:1000; }
.edit_mode_cp { padding-right:15px; }
.edit_mode a, .edit_mode_on a { float:left; width:50px; height:0px; padding-top:250px; background:url(/images/kits/edit_mode.png); }
.edit_mode a, .edit_mode_on a:hover {background-position:0px 0px; }
.edit_mode a:hover, .edit_mode_on a { background-position:0px 25px; }

/*FLUENCIES*/
.collaboration { background:url(/images/fluencies/collaboration10.png); width:110px; height:110px; }
.creativity { background:url(/images/fluencies/creativity10.png); width:110px; height:110px; }
.information { background:url(/images/fluencies/information10.png); width:110px; height:110px; }
.media { background:url(/images/fluencies/media10.png); width:110px; height:110px; }
.solution { background-image:url(/images/fluencies/solution10.png); width:110px; height:110px; }
.citizen { background-image:url(/images/fluencies/citizen10.png); width:110px; height:110px; }
.fluency0 { background-position: 0px 0px; }
.fluency1 { background-position: 0px -110px; }
.fluency2 { background-position: 0px -220px; }
.fluency3 { background-position: 0px -330px; }
.fluency4 { background-position: 0px -440px; }
.fluency5 { background-position: 0px -550px; }
.fluency6 { background-position: 0px -660px; }
.fluency7 { background-position: 0px -770px; }
.fluency8 { background-position: 0px -880px; }
.fluency9 { background-position: 0px -990px; }
.fluency10 { background-position: 0px -1100px; }
.collaboration_blank { background:url(/images/fluencies/collaboration_blank.png); width:110px; height:90px; padding-top:20px; text-align:center; }
.creativity_blank { background:url(/images/fluencies/creativity_blank.png); width:110px; height:90px; padding-top:20px; text-align:center; }
.information_blank { background:url(/images/fluencies/information_blank.png); width:110px; height:90px; padding-top:20px; text-align:center; }
.media_blank { background:url(/images/fluencies/media_blank.png); width:110px; height:90px; padding-top:20px; text-align:center; }
.solution_blank { background-image:url(/images/fluencies/solution_blank.png); width:110px; height:90px; padding-top:20px; text-align:center; }
.citizen_blank { background-image:url(/images/fluencies/citizen_blank.png); width:110px; height:90px; padding-top:20px; text-align:center; }

.rubric { width:720px; }
.rubnum4 { background:url(/images/boxes/4.png) no-repeat left center; }
.rubnum3 { background:url(/images/boxes/3.png) no-repeat left center; }
.rubnum2 { background:url(/images/boxes/2.png) no-repeat left center; }
.rubnum1 { background:url(/images/boxes/1.png) no-repeat left center; }
.rubtext { width:660px; float:right; }
.rubric_top { background:url(/images/boxes/rubric_top.png) no-repeat; height: 20px; width: 660px; }
.rubric_middle { background:url(/images/boxes/rubric_middle.png) repeat-y; min-height:90px; width:620px; padding:1px 20px; }
.rubric_bottom { background:url(/images/boxes/rubric_bottom.png) no-repeat; height:20px; width:660px; margin-bottom:5px; }
/*Smaller Rubrics */

.rubric_sm { width:630; }
.rubtext_sm { width:630px; float:right;   }
.rubric_top_sm { background:url(/images/boxes/rubric_top_2.png) no-repeat; height: 20px; width:625px; }
.rubric_middle_sm { background:url(/images/boxes/rubric_middle_2.png) repeat-y; min-height:90px;  padding:0px 18px ;width:625px;  }
.rubric_bottom_sm { background:url(/images/boxes/rubric_bottom_2.png) no-repeat; height:20px;  margin-bottom:5px;width:625px;  }
/*RIGHT SIDE BOX */
.pdf_link { width:170px; height:60px; background:url(/images/pdf_link.png) no-repeat; padding:20px 15px; }

/*PILL TABS*/
.pill_tabs_wrapper { width:260px; margin-top:30px; font-weight: bold; font-size: 14px; line-height: 18px; position:relative; left:5px;  }
.pill_tabs { width:260px; height:45px; }
.pill_tabs a { float:left; background:url(/images/boxes/pill_tabs.png) 0px -40px; width:240px; height:30px; color:#999; padding-left:20px; padding-top:10px; cursor:pointer; }
.pill_tabs a:hover { background-position:0px -80px; color:#3c7dac; text-decoration:none;}
.pill_tabs_top { width:260px; height:45px; }
.pill_tabs_top a { float:left; background:url(/images/boxes/pill_tabs.png); color:#3c7dac; width:240px; height:30px; padding-left:20px; padding-top:10px; }
.pill_tabs_top a:hover { text-decoration:none; }
.pill_tabs_target {width:500px; float:right; }
.target_content { position:absolute; left:20px; top:0px; width:440px; margin:0px 10px; visibility: hidden; }
.target_image { margin: 20px auto 30px auto; text-align:center; }

/*FLUENCY PILL TABS*/
.fluency_tabs_wrapper { width:170px; margin-top:30px; font-weight: bold; font-size: 14px; line-height: 18px; position:relative; left:5px;  }
#ftcitizen { background-image:url(/images/fluencies/citizen_tab.png); }
#ftsolution { background-image:url(/images/fluencies/solution_tab.png); }
#ftcreativity { background-image:url(/images/fluencies/creativity_tab.png); }
#ftinformation { background-image:url(/images/fluencies/information_tab.png); }
#ftcollaboration { background-image:url(/images/fluencies/collaboration_tab.png); }
#ftmedia { background-image:url(/images/fluencies/media_tab.png); }
.fluency_tabs { width:170px; height:120px; overflow:hidden; }
.fluency_tabs a { float:left; background-position:0px -240px; width:170px; height:120px; color:#999; padding-left:20px; padding-top:120px; cursor:pointer; }
.fluency_tabs a:hover { background-position:0px -120px; color:#3c7dac; text-decoration:none;}
.fluency_tabs_top { width:170px; height:120px; overflow:hidden; }
.fluency_tabs_top a { float:left; color:#3c7dac; width:170px; height:120px; padding-left:20px; padding-top:120px; }
.fluency_tabs_target {width:590px; float:right; }
.fluency_target_content { position:absolute; top:8px; width:530px; margin:0px 10px; visibility:visible; }
.target_image { margin: 20px auto 30px auto; text-align:center; }

