/* Reset styles and more */
*{margin:0;padding:0;border:0}
article,aside,footer,header,nav,section{display:block}
h1,h2,h3,h4{font-size:100%;font-weight:normal}
ul{list-style:none}
a{text-decoration:none;cursor:pointer}
img{vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
td,th{vertical-align:top;}
input[type=submit]{cursor:pointer;overflow:visible}
label{cursor:pointer}
textarea{overflow:auto}
option{padding-right:1em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}
html{overflow-y:scroll}
html,body{height:100%}
.clear{clear:both;height:0;overflow:hidden}


/* Fonts */
body,input,textarea,select,td{color:#666;font:14px/1 arial,sans-serif;}

/* links */
a{color:#1b658e;font-weight:bold;}
a:hover{color:#ea7d34;}

/* some defaults for text */
p{line-height:18px;margin:0 0 18px;}


/* Main blocks */
html{background:#fff;}

#page_wrapper{background:#faedc8;padding:0 0 50px;height:100%;}

#page_body{width:972px;margin:0 auto;}


/* HEADER */
#header{height:197px;}

#header-nav{height:41px;}
#header-nav li{float:left;}
#header-nav a{float:left;height:41px;text-indent:-999px;overflow:hidden;background:url(../img/nav-top.png) no-repeat;}

#header-nav a.home{width:153px;background-position:0 0;}
#header-nav .active a.home,
#header-nav a.home:hover{background-position:0 -41px;}

#header-nav a.about{width:211px;background-position:-153px 0;}
#header-nav .active a.about,
#header-nav a.about:hover{background-position:-153px -41px;}

#header-nav a.prints{width:273px;background-position:-364px 0;}
#header-nav .active a.prints,
#header-nav a.prints:hover{background-position:-364px -41px;}

#header-nav a.picks{width:217px;background-position:-637px 0;}
#header-nav .active a.picks,
#header-nav a.picks:hover{background-position:-637px -41px;}

#header-nav a.faqs{width:118px;background-position:-854px 0;}
#header-nav .active a.faqs,
#header-nav a.faqs:hover{background-position:-854px -41px;}


/* FOOTER */
#footer{height:225px;padding:30px 14px 0;background:url(../img/footer.png) repeat-x;}

#footer h2{font-size:20px;color:#0073b9;font-weight:bold;margin:0 0 10px;}

#footer .about{float:left;width:635px;background:url(../img/footer_logos.png) 100% 0 no-repeat;}
#footer .about p{width:295px;margin:0 0 10px;}
#footer .about p.note{width:auto;margin:0;font-size:10px;line-height:12px;color:#888888;margin:10px 0 0;}

#footer .prints{float:left;width:275px;}
#footer .prints h2{color:#32abdf;}

#footer .picks{float:left;width:275px;margin-top:20px;}
#footer .picks h2{color:#f17030;}


/* MAIN */
#main{height:590px;background:#fff;}

a.more{font-size:12px;padding:0 0 0 10px;background:url(../img/arrow_more.png) 0 6px no-repeat;}
a.more2{font-size:18px;padding:0 0 0 18px;background:url(../img/arrow_more2.png) 0 6px no-repeat;}
a.more2.active{color:#ea7d34;}

.btn{height:31px;display:inline-block;vertical-align:top;text-indent:-999px;overflow:hidden;}
.btn:hover{background-position:0 -31px;}
.btn:active{background-position:0 -62px;}
.btn.inactive{background-position:0 -93px;}

.btn-get_started{width:126px;background:url(../img/btn-get_started.png) no-repeat;}
.btn-next{width:83px;background:url(../img/btn-next.png) no-repeat;}
.btn-done{width:83px;background:url(../img/btn-done.png) no-repeat;}
.btn-print{width:83px;background:url(../img/btn-print.png) no-repeat;}
.btn-submit{width:83px;background:url(../img/btn-submit.png) no-repeat;}

.dogs{color:#32abdf;}
.cats{color:#f17030;}

/* HOME */
#home_main{position:relative;width:649px;height:100%;float:left;background:url(../img/home_main.jpg) no-repeat;}
#home_main .clouds{position:absolute;left:0px;top:0px;}
#home_main .donate{position:absolute;left:0px;bottom:0px;}

#home_main .score{position:absolute;left:0px;bottom:0px;width:649px;height:181px;background:url(../img/home-score.png) no-repeat;}
#home_main .score h2{position:absolute;left:-99999px;top:0px;}
#home_main .score p{font-size:32px;color:#4f4f4f;line-height:50px;}

#home_main .dogs_score{float:left;padding:83px 0 0 20px;width:200px;}
#home_main .cats_score{float:right;padding:83px 20px 0 0;width:200px;text-align:right;}

#home_info{width:299px;padding:0 14px 0 10px;height:100%;float:right;background:url(../img/home_instructions.png) -1px 0 no-repeat;}

#home_info h1{font-size:40px;color:#32abdf;padding:10px 0;font-weight:bold;}
#home_info p.intro{font-size:26px;line-height:34px;}
#home_info h2{font-size:18px;margin:0 0 8px;font-weight:bold;}

#home_info .teachers{margin-top:50px;}
#home_info .teachers h2{color:#f17030;font-size:24px;margin:0 0 8px;text-shadow:1px 1px 1px #d3642d;}
#home_info .teachers p{color:#888888;}


/* REGISTRATION */
#reg_main{float:left;width:638px;}
#reg_main img{float:left;}
#reg_main .info{float:left;width:220px;padding:50px 0 0;}
#reg_main h1{font-size:40px;font-weight:bold;color:#ea7d34;line-height:26px;margin-bottom:10px;}
#reg_main h1 b{font-size:20px;color:#666666;}
#reg_main h2{font-size:20px;font-weight:bold;color:#f17030;line-height:30px;margin-bottom:15px;}
#reg_main h3{font-size:20px;font-weight:bold;margin-bottom:15px;}
#reg_main ol{margin-bottom:15px;}
#reg_main li{font-size:17px;line-height:24px;margin-bottom:5px;margin-left:1.5em;}

#reg_aside{float:right;width:290px;padding:0 22px;height:100%;background:url(../img/reg_aside.png) repeat-y;}
#reg_aside h2{font-size:26px;line-height:32px;color:#32abdf;font-weight:bold;padding:15px 0 20px;}
#reg_aside h3{font-size:17px;color:#32abdf;font-weight:bold;margin:0 0 6px;}
#reg_aside p{font-size:14px;line-height:18px;color:#888888;margin:0 0 25px;}
#reg_aside .downloads{border-top:1px solid #666;margin:30px 0 0;padding:25px 0 0;}
#reg_aside .downloads ul{margin-top:10px;}
#reg_aside .downloads li{float:left;width:145px;line-height:18px;}

#reg_main2{float:left;width:638px;}
#reg_main2 img{float:left;}
#reg_main2 .info{float:left;width:220px;padding:45px 0 0;}
#reg_main2 h1{font-size:38px;font-weight:bold;color:#ea7d34;line-height:46px;margin-bottom:20px;}
#reg_main2 .row{margin-bottom:25px;}
#reg_main2 .row label{display:block;font-size:20px;font-weight:bold;margin-bottom:5px;}
#reg_main2 .row select{font-size:16px;color:#888888;width:200px;height:28px;border:2px inset #eee;}
#reg_main2 .row input{font-size:16px;color:#888888;padding:3px;width:192px;height:20px;border:2px inset #eee;}
#reg_main2 .row input::-webkit-input-placeholder{color:#888888;}
#reg_main2 .row input::-moz-placeholder{color:#888888;}

#reg_main3{float:left;width:584px;padding:0 27px;}
#reg_main3 img{float:left;}
#reg_main3 .info{float:left;width:220px;padding:45px 0 0;}
#reg_main3 h1{font-size:40px;font-weight:bold;color:#ea7d34;line-height:40px;text-align:center;padding:15px 0 10px;}
#reg_main3 p{text-align:center;font-size:16px;font-weight:bold;}

#table_students{width:580px;border:1px solid #ccc;margin-bottom:25px;}
#table_students table{width:565px;margin:10px 0;}
#table_students td{padding:5px 10px;color:#888;white-space:nowrap;line-height:22px;}
#table_students td input{color:#888;border:2px inset #eee;padding:2px;}

.table_buttons{overflow:hidden;}
.table_buttons .btn-add{float:left;padding:0 0 0 20px;background:url(../img/btn-add.png) 0 50% no-repeat;color:#666;font-weight:normal;line-height:17px;margin-top:5px;}
.table_buttons .btn{float:right;}

/* scrollbar_students */
#scrollbar_students .viewport { width: 565px; height: 400px; overflow: hidden; position: relative; }
#scrollbar_students .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar_students .scrollbar{ background:transparent url(../img/scrollbar-track.png) repeat-y; position: relative; float: right; width: 15px; }
#scrollbar_students .track { background:url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar_students .thumb { background:url(../img/scrollbar-thumb.png) no-repeat 50% 100%; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:4px; }
#scrollbar_students .thumb .end { background: url(../img/scrollbar-thumb-end.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 8px; }
#scrollbar_students .disable { display: none; }


/* DASHBOARD */
#dashboard_aside{float:left;width:310px;height:100%;padding:0 36px 0 14px;}
#dashboard_aside.cat{background:url(../img/tracker_cat.jpg) no-repeat;}
#dashboard_aside.dog{background:url(../img/tracker_dog.jpg) no-repeat;}
#dashboard_aside h1{font-size:40px;font-weight:bold;color:#ea7d34;line-height:26px;padding:20px 0 10px;}
#dashboard_aside h1 b{font-size:20px;color:#666666;}
#dashboard_aside h2{font-size:20px;font-weight:bold;line-height:26px;}
#dashboard_aside p{font-size:17px;line-height:24px;}
#dashboard_aside p span{font-size:14px;margin-left:20px;display:block;margin-top:-6px;}
#dashboard_aside p.big{line-height:26px;}
#dashboard_aside h3{font-size:17px;line-height:26px;}

#dashboard_classroom{float:left;width:585px;}

#dashboard_student{float:left;width:585px;}
#dashboard_student h1{font-size:20px;font-weight:bold;padding:20px 0;}
#dashboard_student table{width:585px;margin-bottom:10px;}
#dashboard_student td{padding:8px 10px;font-size:12px;}
#dashboard_student th:first-child{padding-left:25px;}
#dashboard_student td:first-child{padding-left:25px;}
#dashboard_student th{font-weight:bold;padding:8px 10px;font-size:12px;}
#dashboard_student tr:nth-child(2n-1) td{background:#f4fbfe;}
#dashboard_student .row{width:585px;}
#dashboard_student .row h2{font-weight:bold;color:#f17030;margin-bottom:5px;}
#dashboard_student .row p{font-size:12px;}
#dashboard_student .bar{position:relative;height:35px;padding:10px 25px;background:url(../img/tracker_row.png) repeat-x;}
#dashboard_student .btn_open{position:absolute;right:40px;top:10px;background:url(../img/btn-open_close.png) no-repeat;padding:0 0 0 18px;font-size:12px;font-weight:normal;color:#666;line-height:15px;}
#dashboard_student .btn_close{background-position:0 -15px;}
#dashboard_student .table{display:none;}
#dashboard_student .open .table{display:block;}

/* scrollbar_tracker */
#scrollbar_tracker{border:1px solid #ccc;}
#scrollbar_tracker .viewport { width: 565px; height: 490px; overflow: hidden; position: relative; }
#scrollbar_tracker .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar_tracker .scrollbar{ background:transparent url(../img/scrollbar-track.png) repeat-y; position: relative; float: right; width: 15px; }
#scrollbar_tracker .track { background:url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar_tracker .thumb { background:url(../img/scrollbar-thumb.png) no-repeat 50% 100%; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:4px; }
#scrollbar_tracker .thumb .end { background: url(../img/scrollbar-thumb-end.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 8px; }
#scrollbar_tracker .disable { display: none; }


#dashboard_classroom h1{font-size:20px;font-weight:bold;padding:20px 0 5px;}
#dashboard_classroom h2{font-size:40px;line-height:46px;font-weight:bold;color:#ea7d34;margin-bottom:10px;}
#dashboard_classroom .row{margin-bottom:25px;}
#dashboard_classroom .row label{font-size:18px;line-height:30px;margin-right:10px;}
#dashboard_classroom .row select{font-size:16px;color:#888888;width:200px;height:28px;border:2px inset #eee;}
#dashboard_classroom .cats{width:325px;position:relative;float:left;}
#dashboard_classroom .dogs{width:255px;position:relative;float:left;}
#dashboard_classroom .lead{position:absolute;left:170px;top:170px;}
#dashboard_classroom img{margin-bottom:20px;}
#dashboard_classroom p{font-size:20px;font-weight:bold;color:#888;line-height:30px;margin-bottom:10px;}
#dashboard_classroom p b{font-size:34px;font-weight:bold;color:#ea7d34;}
#dashboard_classroom .dogs p b{color:#32abdf;}



/* POPUP */
.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;}
.popup table{width:100%;height:100%;}
.popup table td{vertical-align:middle;}
.popup_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;filter: alpha(opacity=30);}
.popup_close{position:absolute;right:10px;top:10px;display:block;width:16px;height:16px;background:url(../img/btn-remove.png) no-repeat;text-indent:-999px;overflow:hidden;}

.popup_body{position:relative;margin:0 auto;background:#fff;border-radius:10px;}
.popup_body p{font-size:14px;line-height:18px;margin:0 0 18px;}

#popup_terms{padding:20px;width:390px;}
#popup_terms h2{font-size:18px;font-weight:bold;margin:0 0 18px;}
#popup_terms label{display:block;position:relative;padding:0 0 0 20px;font-size:14px;line-height:18px;margin:0 0 18px;}
#popup_terms label input{position:absolute;left:0px;top:3px;}
#popup_terms input[type=submit]{float:right;}

#popup_print{padding:20px;width:200px;}
#popup_print h2{font-size:18px;font-weight:bold;margin:0 0 18px;}
#popup_print label{display:block;position:relative;padding:0 0 0 20px;font-size:14px;line-height:18px;margin:0 0 18px;}
#popup_print label input{position:absolute;left:0px;top:3px;}
#popup_print input[type=submit]{float:right;}


/* HEADER - SPLASH */
#header-splash{height:156px;}

/* SPLASH */
#splash{position:relative;height:655px;margin-top:-24px;margin-right:-22px;margin-left:-17px;padding:24px 0 0;background:url(../img/splash-animals.jpg) no-repeat;}
#splash .body{padding:0 0 0 44px;}
#splash p{font-size:30px;color:#999;line-height:34px;}
#splash p b{color:#666;}
#splash p.note{font-size:10px;line-height:12px;margin-top:20px;}
#splash p sup{font-size:14px;}
#splash .text1{height:308px;padding:20px 0 0;}


/* RADIOBUTTONS / CHECKBOXES */
.label_check,
.label_radio{padding-left:20px;}
.label_check input,
.label_radio input{position:absolute!important;left:-9999px!important;}
.label_radio{background:url(../img/radio_button.png) no-repeat;}
.label_radio.r_on{background:url(../img/radio_button.png) 0 -200px no-repeat;}
.label_check{background:url(../img/check_button.png) no-repeat;}
.label_check.c_on{background:url(../img/check_button.png) 0 -200px no-repeat;}


/* SELECTBOX */
.sbHolder{display:inline-block;width:202px;vertical-align:middle;}

.sbHolder{
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 28px;
  position: relative;
  outline: none;
  background:url(../img/selectbox.png) no-repeat;
}
.sbHolder *{
  outline: none;
}
.sbSelector{
  display:block;
  width:192px;
  height: 28px;
  line-height: 28px;
  padding:0 5px;
  overflow: hidden;
  color: #888;
  font-weight:normal;
}
.sbSelector:hover{
  color: #888;
}

.sbOptions{
  background:#fff;
  border: solid 1px #dedede;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 28px;
  z-index: 1;
  width:200px;
  overflow-y: auto;
}
.sbOptions a{
  display: block;  
  font-weight:normal;
  line-height:14px;
  padding: 4px 5px;
  color:#666;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
  background:#fef0cb;
}
.sbOptions li.last a{
  border-bottom: none;
}