/*************************************************************** RESET BROWSER VALUES SO EVERYONE IS THE SAME ***************************************************************/ @import url(reset.css); /*************************************************************** TAG STYLES ***************************************************************/ body { background: #fff url(../images/bg.jpg) repeat-x; font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 13px; color: #4c4c4c; } h1 { font-size: 24px; font-weight: normal; margin-bottom: 20px; } h2 { font-size: 15px; color: #fdba31; margin-bottom: 1px; } h3 { font-size: 13px; margin-bottom: 5px; } h4 { font-size: 13px; margin-bottom: 5px; font-weight: normal; } #container a { color: #dc461c; text-decoration: none; } #container a:hover { text-decoration: underline; } #container a:visited {font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; } p { margin-bottom: 20px; line-height: 20px; } input { padding: 2px; } blockquote { font-size: 15px; margin-bottom: 15px; line-height: 20px; } cite { font-size: 11px; } address { font-size: 15px; line-height: 20px; display: block; margin-bottom: 20px;} /*************************************************************** GENERIC CLASSES ***************************************************************/ .clear { clear: both; height: 0; line-height: 0; font-size: 0; } .fillin { color: #00788a; } .ico { display: block; background-repeat: no-repeat; width: 23px; height: 23px; float: left; } .ico_rss { background-image: url(../images/ico_rss.png); } .ico_twitter { background-image: url(../images/ico_twitter.png); } .ico_facebook { background-image: url(../images/ico_facebook.png); } .btn { padding-left: 22px; background-repeat: no-repeat; background-position: left center; } .btn_arrow { padding-left: 22px; background-image: url(../images/btn_arrow.png); } .btn_bubble { padding-left: 22px; background-image: url(../images/btn_bubble.png); } .btn_computer { padding-left: 22px; background-image: url(../images/btn_computer.png); } .btn_pin { padding-left: 22px; background-image: url(../images/btn_pin.png); } .view_demo { display: block; text-decoration: uppercase; font-size: 9px; font-weight: bold; color: #4c4c4c; line-height: 17px; height: 14px; } .dark { color: #231f20 !important; } ul.bullet { margin-bottom: 20px; } ul.bullet li { line-height: 20px; background: transparent url(../images/bullet_blue_dot.png) no-repeat 0px 7px; padding-left: 15px; } .search {height: 27px; border-bottom: 1px solid #e8e8e8; padding: 5px 10px;} .search .input-text, #content-secondary div.search .input-submit{vertical-align: top;} .search .input-text{border: 1px solid #ccc; width: 124px; height: 19px; line-height: 19px; padding: 3px; line-height:25px; background: #FAFAFA;} table.box { width: 100%; color: #fff; margin-left: -3px; margin-top: 10px; } .box_tl { width: 10px; height: 14px; background-repeat: no-repeat; background-position: top left; } .box_t { background-repeat: repeat-x; width: 10px; height: 14px; background-position: top center; } .box_tr { width: 26px; height: 14px; background-repeat: no-repeat; background-position: top right; } .box_l { width: 10px; background-repeat: repeat-y; background-position: center left; } .box_m { width: 584px; font-size: 11px; line-height: 16px; } .box_m h4 { white-space: nowrap; font-size: 16px; } .box_m li { padding: 5px 10px 5px 10px; float: left; display: block; } .box_m p { line-height: 14px; margin-bottom: 0;} .box_bl { width: 10px; height: 26px; background-repeat: no-repeat; background-position: bottom left; } .box_b { background-repeat: repeat-x; width: 10px; height: 26px; background-position: bottom center; } .box_br { width: 26px; height: 26px; background-repeat: no-repeat; background-position: bottom right; } .box_r { width: 26px; background-repeat: repeat-y; background-position: center right; } .faq { margin: 25px 0; } .faq h2 { margin-bottom: 0px;} .faq dt { font-weight: bold; line-height: 20px; text-decoration: underline; cursor: pointer; } .faq dd { line-height: 20px; margin-bottom: 25px; display: none; } div.intro { margin-bottom: 20px; line-height: 20px; } div.intro h1 { padding-right: 15px; font-size: 24px; } div.intro h1, div.intro p { display: inline; } /*************************************************************** PAGE SECTIONS ***************************************************************/ div#container { position: relative; width: 960px; margin: auto; } div#header { position: relative; height: 131px; z-index: 10; } div#header_inner { position: relative; height: 50px; } a#logo { background: #fff url(../images/logo_dynamicbooks.png) no-repeat; height: 79px; width: 228px; display: block; position: absolute; left: 15px; } //a#logo { background: #fff url(../images/comingsoon.jpg) no-repeat; height: 79px; width: 338px; display: block; position: absolute; left: -5px; } div#tagline { background: #fff url(../images/logo_tag.png) no-repeat; height: 79px; width: 420px; position: absolute; left: 270px; } #container div#follow { position: absolute; top: 45px; right: 0px; /*width: 300px; */text-align: right; } #container div#follow li { font-size: 11px; display: block; float: left; margin-right: 3px; } #container div#follow li a { color: #666; width: 23px; height: 23px;} #container div#follow li a span { display: none; } #container div#follow li.txt { padding-top: 10px; margin-right: 5px; color: #666; } div#follow li.home { padding-right: 2px; } div#follow li.last { margin-right: 0; } div#follow li span.divider { padding-left: 7px; font-size: 11px; padding-top: 2px;} div#topnav { position: absolute; top: 80px; left: 12px; } div#topnav li { display: block; float: left; } div#topnav li a { display: block; color: #fff; width: 109px; height: 40px; font-size: 13px; padding: 11px 0 0 8px; } div#topnav li a:hover { text-decoration: none; } div#topnav li:hover a, div#topnav .li_hover a { background-color: #4b9ca3; } div#topnav li:hover ul, div#topnav .li_hover ul { display: block; } div#topnav li.active a { background-color: #2d8188; } div#topnav li ul { display: none; width: 117px; background: transparent url(../images/top_nav_fold.png) no-repeat bottom right; padding-bottom: 23px; } div#topnav li ul li { float: none; background: transparent url(../images/top_sub_bg.png); } div#topnav li ul li a { background-color: transparent !important; color: #000; height: auto; padding: 4px 0px 2px 6px; font-size: 11px; width: 111px; } div#topnav li ul li a:hover { background-color: #f1f8fa !important; } div#topnav li ul li.first a { padding-top: 10px; } div#main { background-color: #fff; min-height: 500px; } div#main_inner { padding: 0; } #container div#footer { position: relative; padding-top: 10px; padding-bottom: 30px;} #container div#footer_inner { position: relative; text-align: center; font-size: 10px; } #container div#footer_inner a { color: #4c4c4c; } div#login_form_container .credentials, .tmp_pwd_fillin { color: #00788a; font-size: 18px; line-height: 18px; height: 24px; width: 198px; border: none; background: transparent url(../images/input_bg.png) no-repeat; padding: 7px 10px; } /*input#login { background: transparent url(../images/btn_login.png) no-repeat; width: 33px; height: 17px; border: none; position: relative; top: -28px; left: 176px; cursor: pointer; z-index: 1; }*/ input#login { background: transparent url(../images/btn_login_med.png) no-repeat; width: 67px; height: 30px; border: none; margin-top: 2px; margin-right: 25px; float: right; cursor: pointer; } .credentials:focus { outline: none; } input#signup { background: transparent url(../images/btn_signup.png) no-repeat; width: 208px; height: 30px; border: none; cursor: pointer; overflow: hidden; margin: 2px 0 0 5px;} input#signup:focus { outline: none; } div#main_inner_left { margin-top: 50px; width: 620px; padding: 20px 80px 20px 20px; float: left; } div#main_inner_right { float: left; width: 240px; } div#main_inner_right dt a { color: #00788a; font-size: 18px; line-height: 18px; } div#main_inner_right dd { padding-left: 22px; font-size: 11px; margin-bottom: 16px; } div#right_img { margin-bottom: 20px; background-color: #86888b; width: 240px; height: 270px;} div#right_img img { width: 240px; height: 270px; } a.big_btn { display: block; margin-bottom: 3px; margin-left: 5px; width: 208px; height: 30px; overflow: hidden; background-repeat: no-repeat; } a.big_btn_signup { background-image: url(../images/btn_signup.png); } a.big_btn_adopt { background-image: url(../images/btn_adopt_now.png); } a.big_btn_submit { background-image: url(../images/btn_submit_now.png); } div.btns_input { padding-left: 5px; } div#popup { visibility: hidden; top: 195px; left: 50%; margin-left: -306px; position: absolute; width: 573px; height: 346px; z-index: 1000; padding: 20px; } div#popup .close { position: absolute; bottom: 22px; right: 22px; } div#popup_bg { background: transparent url(../images/popup_bg.png) no-repeat; position: absolute; top: 0; left: 0; width: 613px; height: 386px; z-index: -1; } /*************************************************************** HOME ***************************************************************/ div#home_pic ul, div#home_pic img { height: 308px; width: 960px; } div#home_pic li { display: block; height: 308px; width: 960px; } div#home_cols { padding: 18px 0 50px 0; } div#home_cols li { cursor: pointer; display: block; float: left; width: 205px; border-right: 1px solid #ebebeb; padding: 0 18px; height: 110px;} div#home_cols li h3 { font-size: 19px; margin-bottom: 12px; letter-spacing: 1px; color: #807f83; font-weight: normal; } div#home_cols li p { line-height: 16px; font-size: 12px; margin-bottom: 5px; } div#home_cols li.student { width: 204px; } div#home_cols li.student.on h3 { color: #fdba31; } div#home_cols li.instructor { width: 203px; } div#home_cols li.instructor.on h3 { color: #009ddc; } div#home_cols li.author { width: 202px; } div#home_cols li.author.on h3 { color: #8cc63f; } div#home_cols li.signup { border-right: none; width: 215px; padding-right: 0; padding-left: 10px; } div#home_cols li.signup input#login { margin-right: 0; } div#home_cols li.signup.on a.big_btn_signup { background-position: 0 -30px; } /*************************************************************** DEFAULT COLORING OF ORANGE ***************************************************************/ h1, h2, h3, cite span.name { color: #fcb02f; } /*************************************************************** STUDENT ADVANTAGE ***************************************************************/ .student-advantage h1, .student-advantage h2, .student-advantage h3, .student-advantage a, .student-advantage cite span.name { color: #fcb02f; } /* cascade the box for this section */ .student-advantage table.box { background-color: #fcb02f; } .student-advantage table.box .box_tl { background-image: url(../images/box_orange_tl.png); } .student-advantage table.box .box_t { background-image: url(../images/box_orange_t.png); } .student-advantage table.box .box_tr { background-image: url(../images/box_orange_tr.png); } .student-advantage table.box .box_l { background-image: url(../images/box_orange_l.png); } .student-advantage table.box .box_m li { width: 15%; border-right: 1px solid #fff; min-height: 80px; } .student-advantage table.box .box_m li.last { width: 20%; border-right: none; } .student-advantage table.box .box_bl { background-image: url(../images/box_orange_bl.png); } .student-advantage table.box .box_b { background-image: url(../images/box_orange_b.png); } .student-advantage table.box .box_br { background-image: url(../images/box_orange_br.png); } .student-advantage table.box .box_r { background-image: url(../images/box_orange_r.png); } /*************************************************************** INSTRUCTOR ADVANTAGE ***************************************************************/ .instructor-advantage h1, .instructor-advantage h2, .instructor-advantage h3, .instructor-advantage a, .instructor-advantage cite span.name { color: #009ddc; } /* cascade the box for this section */ .instructor-advantage table.box { background-color: #32abe1; } .instructor-advantage table.box .box_tl { background-image: url(../images/box_blue_tl.png); } .instructor-advantage table.box .box_t { background-image: url(../images/box_blue_t.png); } .instructor-advantage table.box .box_tr { background-image: url(../images/box_blue_tr.png); } .instructor-advantage table.box .box_l { background-image: url(../images/box_blue_l.png); } .instructor-advantage table.box .box_m { } .instructor-advantage table.box .box_m li { width: 16%; border-right: 1px solid #fff; min-height: 105px; padding-left: 7px;} .instructor-advantage table.box .box_m li.last { width: 100px; border-right: none; } .instructor-advantage table.box .box_bl { background-image: url(../images/box_blue_bl.png); } .instructor-advantage table.box .box_b { background-image: url(../images/box_blue_b.png); } .instructor-advantage table.box .box_br { background-image: url(../images/box_blue_br.png); } .instructor-advantage table.box .box_r { background-image: url(../images/box_blue_r.png); } /*************************************************************** AUTHOR ADVANTAGE ***************************************************************/ .author-advantage h1, .author-advantage h2, .author-advantage h3, .author-advantage a, .author-advantage cite span.name { color: #8dc63f; } /* cascade the box for this section */ .author-advantage table.box { background-color: #a3d063; } .author-advantage table.box .box_tl { background-image: url(../images/box_green_tl.png); } .author-advantage table.box .box_t { background-image: url(../images/box_green_t.png); } .author-advantage table.box .box_tr { background-image: url(../images/box_green_tr.png); } .author-advantage table.box .box_l { background-image: url(../images/box_green_l.png); } .author-advantage table.box .box_m { } .author-advantage table.box .box_m li { width: 21%; border-right: 1px solid #fff; min-height: 115px; } .author-advantage table.box .box_m li.last { width: 22%; border-right: none; } .author-advantage table.box .box_bl { background-image: url(../images/box_green_bl.png); } .author-advantage table.box .box_b { background-image: url(../images/box_green_b.png); } .author-advantage table.box .box_br { background-image: url(../images/box_green_br.png); } .author-advantage table.box .box_r { background-image: url(../images/box_green_r.png); } /*************************************************************** COMMUNITY ***************************************************************/ .our-community h1, .our-community h2, .our-community h3, .our-community a { color: #9d3393; } .our-community input#login { background-image: url(../images/btn_login_med_purple.png); } .map { position: relative; } .overlay { color: #fff; display: none; position: absolute; z-index: 1; width: 110px; height: 80px; background: transparent url(../images/map_overlay.png) no-repeat; } .our-community .map img { width: 648px; height: 385px; } #overlay table { width: 100px; height: 55px; } td#overlay_content { text-align: center; padding: 5px; font-size: 10px;} /*************************************************************** PARTNER ***************************************************************/ .partners h1, .partners h2, .partners h3, .partners a { color: #e86e34; } /*************************************************************** SUPPORT ***************************************************************/ .support h1, .support h2, .support h3, .support a { color: #c80850; } .support_info { margin-bottom: 30px; } .support_info ul { padding-bottom: 5px; margin-bottom: 15px; } .support_info li { float: left; padding-right: 20px; width: 120px; } .support_info li.first { width: 185px; } ul.docs { margin-top: 10px; } ul.docs li { line-height: 20px; background: transparent url(../images/bullet_doc.png) no-repeat 0px 3px; padding-left: 15px; } div#find_rep { margin-top: 10px; } div#find_rep input { display: block; } div#find_rep .tmp_pwd_fillin { color: #6d6e71; font-size: 13px; line-height: 18px; height: 24px; border: none; background: transparent url(../images/input_bg.png) no-repeat; padding: 10px 0 4px 10px; } div#find_rep input#school_name { width: 423px; background-image: url(../images/input_bg_big.png); } div#find_rep input#zip { width: 215px; background-image: url(../images/input_bg_med.png); float: left;} div#find_rep input#find_now { background: transparent url(../images/btn_find_now.png) no-repeat; width: 73px; height: 30px; border: none; margin-top: 4px; margin-right: 20px; float: right; cursor: pointer; float: left; } /*************************************************************** COMPANY ***************************************************************/ .company h1, .company h2, .company h3, .company a { color: #00788a; } .company cite { display: block; padding-top: 4px; color: #4c4c4c; font-style: italic; font-size: 13px;} .company a.readmore { color: #e5a04d; font-style: normal; font-size: 11px; } .company .news { margin-bottom: 50px; } .company .news a.readmore { padding-left: 5px; } .company .news li, .company .press li { margin-bottom: 20px; } .company .press h3 { font-size: 13px; } .company .press p { margin-bottom: 0; } .company .press a.readmore { padding-top: 6px; display: block; } .company h4.inline { float: left; padding-right: 5px; margin-top: -2px; margin-bottom: 10px; }