.file1{ position: absolute; left: 473px; top: 721px; filter:alpha(opacity:0); opacity: 0; } .password_empty { WIDTH: 100%; BACKGROUND-COLOR: #cccccc } .disabled{ color: #666; } .current{ border: 1px solid #39C; padding-right: 3px; padding-left: 3px; margin-right: 1px; margin-left: 1px; } .current1{ border: 1px solid #999; padding-right: 3px; padding-left: 3px; margin-right: 1px; margin-left: 1px; } .next{ margin-right: 1px; margin-left: 1px; } .photo { width: 120px; float: left; } .png{ margin-top:5px;height:12px;background:url('../images/SitewideAndHomepage/login-bkgrd-mid.png') 0 0 repeat-x; _background:url('../image/bag.png')_} .password_weak { WIDTH: 25%; BACKGROUND-COLOR: red } .password_fair { WIDTH: 5o%; BACKGROUND-COLOR: yellow } .password_good { WIDTH: 75%; BACKGROUND-COLOR: #6699cc } .password_strong { WIDTH: 100%; BACKGROUND-COLOR: green } .button1 { font-family: Verdana, Arial, sans-serif; display: inline-block; background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important; border: 1px solid #459300 !important; padding: 4px 7px 4px 7px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; } .input { FONT-SIZE: 12px; FLOAT: left; WIDTH: 80px; TEXT-ALIGN: left } .text { FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; WIDTH: 80px; TEXT-ALIGN: right } .note { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #ffffff; FLOAT: right; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 260px; COLOR: #999999; LINE-HEIGHT: 130%; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: left } #name { MARGIN-TOP: 4px; FLOAT: left; WIDTH: 10px } a { color: #333; text-decoration: none; } .inputtext {border:none; background:#fff;} .aboutus { width: 620px; margin-left: 30px; color: #333; line-height: 20px; text-align: justify; font-family: Calibri; font-size: 14px; font-weight: normal; padding-top: 40px; } .aboutus p{ font-size: 16px; margin-top: 20px; } .lang-en { width:41px; font-size: 14px; font-weight: 600; color: #333; } .new1 { width: 310px; float: left; margin-right: 15px; padding-bottom: 15px; } .new3 { width:680; clear: left; margin-left: 20px; } .clearfix{zoom:1;} .clearfix:after{content:´.´;display:block;visibility:none;height:0;clear:both;} .new2 { float: left; width: 320px; padding-bottom: 15px; } .submit2{ margin-left:75px; margin-top:5px; width:80px; height:25px; font-size:14px; color:#333; background: url(../image/tijiao.gif) no-repeat; border-style: none; } .pic1 { height: 115px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; } .sign{font-family: Trebuchet MS,Helvetica,Arial;font-size:20px; font-weight:600; text-align:center; height:40px; margin-top:15px;} .boder { } #langSelector { float: right;padding-right: 5px; } #langSelector .lang {display:inline-block;height:31px;margin-left:10px;background-position:left top;background-repeat:no-repeat;} #langSelector .lang-en {width:41px;background-image:url(../image/lang_en.gif);} #langSelector .lang-zh {width:41px;background-image:url(../image/lang_zh.gif);} #langSelector .lang-ja {width:72px;background-image:url(image/lang_ja.gif);} #langSelector .lang-curr{background-position:left -40px;} #langSelector :hover{background-position:left -40px;} .zcbd3 { width: 70px; margin-left: 10px; } *{padding:0;margin:0;font-size:12px;} ul,li{list-style:none;} #topShow { float:left; width:685px; background:#FCF9F8; border: 1px solid #EEEEEE; } .tabmenu { width:670px; height:28px; border-bottom: 1px solid #EEEEEE; background: url(../image/bar_title.png) no-repeat; margin-left:15px; margin-top: 5px; behavior: url("iepngfix.htc"); } .tabmenu1 { width:670px; height:28px; border-bottom: 1px solid #EEEEEE; background: url(../image/bar_title1.png) no-repeat; margin-left:15px; margin-top: 5px; behavior: url("iepngfix.htc");} .tabmenu li { text-align:center; float:left; overflow:hidden; width:70px; height:27px; line-height:27px; background-color: #FCF9F8; cursor:pointer; font-size: 14px; margin-left: 5px; } .tabmenu1 li { text-align:center; float:left; overflow:hidden; width:108px; height:27px; line-height:27px; background-color: #FCF9F8; cursor:pointer; font-size: 14px; margin-left: 5px; } .content{ height:460px; width:675px; padding:5px; margin-bottom: 15px; border-bottom: 1px solid #EEEEEE; } .xwcon { font-size: 16px; line-height: 20px; color: #000; padding-left: 15px;} .more { float: right; padding-top: 20px; } .list{display:none;} .jsBox .tab_js,.ylBox .tab_yl,.tab_gn,.gwBox .tab_gw,.yxBox .tab_yx{background-color: #f7b57a;} .jsBox .list_js,.ylBox .list_yl,.gnBox .list_gn,.gwBox .list_gw,.yxBox .list_yx{ display:block; } .t_name{ font:normal 20px/25px Arial; color:#2ea5df; color:#e81573;padding-left:10px;} .t_name2{ color:#e81573; padding-left:10px; font-family: Arial; font-size: 20px; font-style: normal; line-height: 25px; font-weight: normal; font-variant: normal; } .t_name a:link,.t_name a:visited{ color:#2ea5df; font-size: 20px; } .t_name a:hover,.t_name a:active{ color:#2ea5df; text-decoration:underline; font-size: 20px; } .t_name2 a:link,.t_name2 a:visited{ color:#e81573; font-size: 20px; } .t_name2 a:hover,.t_name2 a:active{ color:#e81573; text-decoration:underline; font-size: 20px; } .t_info{ font:normal 12px/25px Arial; padding-left:10px;} a.t_more{ color:#2ea5df; margin:5px 0px 0px 10px;} .fr{ float:right; margin-right: 10px; } .fl{ float:left;} .pagination { text-align: right; padding: 20px 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 390px; float: right; margin-right: 50px; } .t_img{ width:110px; height:130px; } .ee { filter:alpha(opacity:0); opacity: 0; width:30px; } .teacher_list { float: left; width: 680px; } .en_kcbbk td{ width: 30px; margin-left: 5px; text-align: center; margin-right: 5px; border: 1px solid #CCC; } .teacher_list li{ width:680px; text-align:left; border-bottom:dashed 1px #ccc; padding-top: 5px; padding-bottom: 10px; } .teacher_table{ width:670px; text-align:left; margin-left: 10px; } .div_1_l{ float:left; width:11px; height:14px; margin-top:20px; background:url(../image/div_1_l.jpg) no-repeat; position:relative; z-index:10;} .div_1_r{ float:left; width:540px; margin:5px 0px 5px -1px; } .div_1_t{ float:left; width:540px; height:7px; background:url(../image/div_1_t.jpg) no-repeat bottom;} .div_1_m{ float:left; width:520px; padding:5px 10px; height:auto; background:url(../image/div_1_m.jpg) repeat-y;} .div_1_b{ float:left; width:540px; height:8px; background:url(../images/div_1_b.jpg) no-repeat top;} .zctop{ width:682px; height:40px; overflow:hidden; float: left; } .zctop li{ float:left; width:340px; height:40px; margin-right: 1px;background:url(../image/zcbg1.gif) no-repeat left; text-align:center; } .zctop li a:link{ font-size: 18px; font-style: normal; line-height: 40px; font-weight: bolder; font-variant: normal; text-decoration: none; } .zctop li a:hover{color:red;} .zchov a:link{ display:block; width:340px; height:40px; background:url(../image/zcbg2.gif) no-repeat; color:#fff; text-decoration: none; font-size: 18px; } .zchov a:hover{ color: ;} .zcbox{ background:url(../image/zcbg3.gif) no-repeat; float: left; } .zctab{width:665px; vertical-align:middle;float: right; } .zctab td{ height:30px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .zcwzleft1{ width:180px; text-align:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; font-weight: bold; color: #666; float: left; margin-left: 5px; } .zcwzleft{ width:210px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; font-weight: bold; color: #666; margin-top: 3px; margin-bottom: 3px; text-align: right; margin-left: 22px; } .apply { list-style: none; } .applyli{ margin-bottom: 3px; list-style:none; float: left; margin-left: 50px; width: 600px; height: 20px; } .applyli1{ float: left; margin-left: 5px; padding-top: 3px; width: 380px; } .textmid{ text-align:center; color:#EF5D16; font:bold 14px/normal tahoma; padding:10px 0; width: 650px; } .colredfon{ color:red; margin-top: 0; margin-bottom: 0; width: 10px; margin-left: 10px; } .zhengque{ padding:0 0 0 15px; margin:0 0 0 10px;background:url(../image/zhengque.gif) no-repeat; color:green;} .zcbd{ border:1px solid #ccc; width:190px; margin-left: 10px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; } .zcbd2{ border:1px solid #ccc; padding:3px; width:190px;} .fon14px{ font-family: tahoma; font-size: 14px; line-height: normal; font-weight: bold; color: #666; } .zhuchean,.chongzhi{width:106px; height:31px;border:none; cursor:pointer; margin:10px 0;} .zhuchean{background:url(../image/imgbody2.gif) no-repeat ; margin-right:10px;} .chongzhi{background:url(../image/imgbody1.gif) no-repeat ;} #mid_right{ float:left; text-align:left; width:640px; padding-left:20px; padding-bottom: 20px;} .r_t1{ width:660px; border-bottom:solid 1px #f0eeee; font:normal 20px/30px ""; color:#878787; } .r_c{ width:630px; height:auto; overflow:hidden; line-height:2em; margin-top:10px; margin-left: 10px; } .teacher_content_table{ width:600px; text-align:left; } .teacher_content_table a{ font-size:16px; text-decoration: none; color: #000; } .t_img{ width:110px; height:130px;} .line3{ border-bottom:dashed 1px #ccc; padding-bottom:10px;} .t_name{ font:normal 20px/25px Arial; color:#2ea5df; padding-left:10px;} .t_name2{ font:normal 20px/25px Arial; color:#e81573; padding-left:10px;} .t_name a:link,.t_name a:visited{ color:#2ea5df;} .t_name a:hover,.t_name a:active{ color:#2ea5df; text-decoration:underline;} .t_name2 a:link,.t_name2 a:visited{ color:#e81573;} .t_name2 a:hover,.t_name2 a:active{ color:#e81573; text-decoration:underline;} .mt10{ margin-top:10px; width: 600px; margin-left: 10px; } .mt11{ margin-top:10px; width: 490px; padding-left: 20px; } .font5{ color:#EF5D16; font:bold 14px/normal tahoma; } .line3{ border-bottom:dashed 1px #ccc; padding-bottom:10px;} .coltxt{ color:#EF5D16; font:bold 14px/normal tahoma;} .file{ position:absolute; top:1px; right:47px; height:40px; filter:alpha(opacity:0); opacity: 0; width:50px } .button { font-family: Verdana, Arial, sans-serif; display: inline-block; background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important; border: 1px solid #459300 !important; padding: 4px 7px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; } .button:hover { text-decoration: underline; } .button:active { padding: 5px 7px 3px 7px !important; } #file-box{ position:relative; } .bkFFF8C9{ border:1px solid #f60; background:#FFF8C9;} .mag10px{ padding:10px 0;} .en_kcbbk { margin: 10px auto; padding: 0; text-align: center; } .en_kcbbk td { width: 60px; } .en_dzlytex{ width:615px; height:163px; margin:10px auto; display:block;border:1px solid #ccc; background:#fff no-repeat bottom right;overflow:auto; padding:10px; font-size:14px;} .en_queding1{ width:106px; height:31px; background:url(../image/qding1.gif) no-repeat; border:none; cursor:pointer; margin: 5px 5px 5px 220px; } .en_queding2{ width:106px; height:31px; background:url(../image/qding2.gif) no-repeat; border:none; cursor:pointer; margin: 5px 5px 5px 220px; } .en_chongqi1{ width:106px; height:31px; background:url(../image/cxie1.gif) no-repeat; border:none;margin:5px;cursor:pointer;} a:hover { text-decoration:underline; color: #F90; } .formline { margin-bottom: 5px; } .label1 { text-align: right; float: left; width: 170px; padding-right: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; font-weight: bold; line-height: 20px; color: #666; margin-left: 50px; } a:visited { } a img { border-width:0px; } .label11 { text-align: right; float: left; width: 200px; margin-left: 10px; } .video { padding-top: 80px; padding-bottom: 30px; } .input1 { float: left; width: 340px; } .zcxx { border-bottom: 1px solid #F60; height: 20px; } .cms_content { margin-left: 5px; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-top: 10px; } .cms_content1 { margin-left: 5px; font-size: 13px; line-height: 13px; padding-bottom:10px;padding-top: 10px; } body { font-size:0.8em; font-family: "宋体"; line-height: 1.5em; text-align: center; z-index:-2; margin: 0px; } select, input, button, textarea { font-family: "宋体"; } h1 { background-position: left bottom; background-repeat: repeat-x; font-size: 2.5em; font-weight: bold; line-height: 1em; padding-bottom: 8px; letter-spacing: -.25px; margin-top:0px; } h2 { font-size:1.75em; font-weight:bold; line-height:1.1em; color: #F60; } .bottom { border-bottom: 1px dashed #F60; padding-bottom: 10px; } h3 { font-size:1.3em; font-weight:bold; margin-bottom:10px; line-height: 20px; } h1 a, h2 a, h3 a, h4 a { color: #3A6FB7; } p,h1,h2{margin-bottom:10px;} p {margin-top: 0px;} strong{font-weight:bold;font-size: 14px; } ul { margin-bottom: 20px; } ul.bulleted { list-style-type: disc; margin-left: 20px; margin-bottom: 10px; margin-top:5px; } ul.bulleted li { list-style-type: disc; } .input_info { font-size: .8em; font-style: italic; line-height: 1em; } html { background-color: #FDEDDE; background-position:top center; background-image:url('../images/SitewideAndHomepage/gradients/body-gradient-orange.gif'); background-repeat:repeat-y; } #Container { margin: 0px auto; padding:0px; text-align: left; width: 1000px; } #ContentMain, #Footer, #Copyright { padding-left:5px; padding-right:5px; clear:left; } #Header { background-position:0% 0%; background-image:url('../images/SitewideAndHomepage/top.gif'); background-repeat:no-repeat; height:90px; margin:0px; padding-top:5px; text-align:center; overflow:hidden; width: 1000px; } .SiteContainingGreyLines { background-position:top left; background-image:url('../images/SitewideAndHomepage/graybar.gif'); background-repeat:repeat-x; height:12px; margin-bottom:10px; } #ContentMain { clear:both; background-position:top left; background-image:url('../images/SitewideAndHomepage/middle.gif'); background-repeat:repeat-y; margin:0px; padding-top: 0px; padding-right: 30px; padding-left: 30px; } #Footer { clear: both; color: #FFFFFF; background-color:#3A6FB7; line-height:1.3em; margin:0px; padding:0px 0px; padding-bottom: 0px; font-size:.8em; } #Footer a { color:#FFFFFF; } #Footer #menu { position: absolute; } #Footer #menu a { position: absolute; height: 55px; width: 55px; text-decoration: none; top: -15px; } #Footer #menu a#n1 { left: 0px; } #Footer #menu a#n2 { left: 155px; } #Footer #menu a#n3 { left: 312px; } #Footer #menu a#n4 { left: 468px; } #Footer #menu a#n5 { left: 625px; } #Footer #menu a#n6 { left: 784px; } #Footer #menu a span { visibility: hidden; } #FooterLinks { margin: 0px auto; padding-bottom: 10px; text-align:center; margin-top: 10px; } #FooterLinks .horizontal_list li { display:inline; margin-left:10px; padding-left:10px; border-left: solid 1px #38A1E5; } #FooterLinks .horizontal_list .first_item { border-left-width:0px; } #Copyright { background-position:0% 0%; background-image:url('../images/backgrounds/site-container-bottom.png'); background-repeat:no-repeat; color:White; font-weight:bold; padding-top:16px; height:35px; /*This give some white-space padding to the bottom of the site*/ text-align:center; behavior: url("iepngfix.htc"); } .horizontal_list { margin:0px; } .horizontal_list li { display:inline; float:left; } .star_list { margin-left: -3px; padding-bottom: 7px; float:left; /*This allows IE6 to render the star list in the correct spot.*/ } .star_list li img { width: 19px; } .star_list li img.star_rated { background: url('../images/icons/stars_blue.gif') top left no-repeat; } .star_list li img.star_rating { background: url('../images/icons/stars_orange.gif') top left no-repeat; } .star_list li img.star_unrated { background: url('../images/icons/stars_white.gif') top left no-repeat; } #TutorLogo { float:left; margin-top:10px; padding-left: 20px; } #HotFeature { float:right; display:inline; position:relative; margin-top:0px; } #TopRightContent { float: right; margin-right: 40px; width: 540px; text-align: right; } #TopRightContent1 { float: right; margin-right: 35px;text-align: right; } #TopRightContent p { margin-bottom:5px; padding-top:5px; } #TopHeaderDiv { width: 100%; } #Salutation { float:right; margin-right:80px; } #SignOut { float:right; } #SignOut a { color:#3A6FB7; text-decoration:none; } #SignOut a:hover { text-decoration:underline; } #SignOut a:visited { color:#3A6FB7; } #SISUSignIn { float:left; width:170px; } #SISUCreateAccount { margin-left:220px; } #SignInSignUp td { padding-bottom:10px; padding-right:5px; } #SignInSignUp td input { width:120px; } #StartASession { position:relative; top:8px; right:-8px; } #BrandingLogo { text-align:left; margin-bottom:10px; } .error_message { color:#b33131; text-decoration:underline; font-size:11px; font-weight:bold; } .errorText { color: #b33131; font-weight: bold; line-height: 18px; } .input_field_error { border-color:#b33131; background-color:#FF00FF; } .poll_result_bar { background-color: #CA1A1A; } .poll_title { } .poll_response { margin-top: 15px; margin-bottom: 7px; line-height: 1em; } .poll_response td { padding-bottom: 7px; line-height: 1em; } .poll_response td label { padding-left: 5px; } .poll_percent { } #call_to_action_box { background-image: url('../images/backgrounds/call-to-action-small-01.gif'); background-repeat: no-repeat; background-position: top left; padding: 15px 30px 0px 22px; margin-bottom:10px; height:126px; position: relative; font-weight: bold; text-align: center; } #call_to_action_box .go { position: absolute; bottom: 0px; right: 0px; } /* Generic Re-usable Styles */ /* ** text ** */ .purple_text { } .green_text, .green_text a { } .blue_text, .blue_text a { } .orange_text, .orange_text a { } .red_text, .red_text a { } .dark_red_text { } .bold_text { font-weight: bold; } .purple_text a, .green_text a, .blue_text a, .orange_text a, .red_text a, .dark_red_text a { text-decoration: underline; } /* ** lines ** */ .purple_underline, .blue_underline, .gray_underline, .green_underline, .orange_underline, .red_underline { background-position: left bottom; padding-bottom: 10px; background-repeat: repeat-x; } .blue_underline { background-image: url(../images/lines/double-underline-blue.gif); } .gray_underline { border-bottom: solid 1px #DDD; } .green_underline { background-image: url(../images/lines/double-underline-green.gif); } .orange_underline { background-image: url(../images/lines/double-underline-orange.gif); } .red_underline { background-image: url(../images/lines/double-underline-red.gif); } .gray_verticalline { background-image: url(../images/lines/vertical_line_gray.gif); background-position: left center; background-repeat: repeat-y; padding-left: 40px; } .gray_topline { background: url(../images/lines/single-underline-gray.gif) repeat-x top center; padding-top: 10px; } /* ** lists ** */ .arrow_list { list-style-type: none; margin-left: 0px; } .arrow_list li { padding: 0px 0px 5px 30px; min-height: 20px; height:auto; padding-bottom: 10px; color: Black; } .arrow_list li a { color: Black; } .arrow_list.blue_on_blue li { background: url('../images/icons/bullet-blue-arrow.gif') top left no-repeat; } .arrow_list.red_on_red li { background: url('../images/icons/bullet-red-arrow.gif') top left no-repeat; } .arrow_list.orange_on_orange li { background: url('../images/icons/bullet-orange-arrow.gif') top left no-repeat; } .arrow_list.purple_on_purple li { background: url('../images/icons/bullet-purple-arrow.gif') top left no-repeat; } .arrow_list.blue_on_white li { background: url('../images/icons/bullet-articles-blue-arrow.gif') top left no-repeat; } .arrow_list.blue_on_white li a { color: #38A1E5; } .arrow_list.orange_on_white li { background: url('../images/icons/bullet-articles-orange-arrow.gif') top left no-repeat; } .arrow_list.orange_on_white li a { color: #d97c28; } .empty_list { list-style-type: none; margin-left: 0px; } .empty_list li { padding: 0px 0px 0px 30px; height:auto; } .standard_list { list-style-type: disc; margin: 5px 0px 15px 25px; } .standard_list li { height:auto; margin-bottom: 5px; } /* Call to action orange box*/ #cta01 { cursor:pointer; width:200px; margin-bottom:15px; } #cta01 .header { text-align:center; background-image:url(../images/backgrounds/cta-orange-header.gif); background-repeat:no-repeat; padding:20px 20px 0px 20px; } #cta01 h2 { margin-top:10px; margin-bottom:0px; font-size:18px; font-weight:bold; } #cta01 .body { background-image:url(../images/backgrounds/cta-orange-body.gif); background-repeat:repeat-y; font-size:17px; margin-bottom:0px; padding:10px 16px 12px 18px; } #cta01 .footer { text-align:right; padding-right:15px; padding-top:5px; background-image:url(../images/backgrounds/cta-orange-footer.gif); background-repeat:no-repeat; height:75px; } /* ** Dynamic Height Callouts Boxes ** */ .blue_box,.red_box,.purple_box,.orange_box,.green_box { width:200px; font-size:.95em; } .blue_box h2,.red_box h2,.purple_box h2,.orange_box h2,.green_box h2 { text-align:center; } .blue_box li,.red_box li,.purple_box li,.orange_box li,.green_box li { /*Additional margin breaks the boxes, but padding is ok*/ margin-bottom:0px; padding-bottom:10px; } .blue_box p,.red_box p,.purple_box p,.orange_box p,.green_box p, .blue_box_wide p,.red_box_wide p,.purple_box_wide p,.orange_box_wide p,.green_box_wide p { /*Additional margin breaks the boxes, but padding is ok*/ margin-bottom:0px; padding-bottom:10px; } .blue_box_wide,.red_box_wide,.purple_box_wide,.orange_box_wide,.green_box_wide { width: 300px; } .red_box_med,.blue_box_med,.purple_box_med,.orange_box_med { width: 250px; } .blue_box,.red_box,.purple_box,.orange_box ,.green_box,.blue_box_wide,.red_box_wide,.purple_box_wide,.orange_box_wide,.green_box_wide,.red_box_med,.blue_box_med,.purple_box_med,.orange_box_med { padding-top:40px; background-position: left top; background-repeat: no-repeat; } .blue_box .body,.red_box .body,.purple_box .body,.orange_box .body,.green_box .body, .blue_box_wide .body,.red_box_wide .body,.purple_box_wide .body,.orange_box_wide .body,.green_box_wide .body,.red_box_med .body,.blue_box_med .body,.purple_box_med .body,.orange_box_med .body { padding:0px 20px; background-position: left top; background-repeat: repeat-y; } .blue_box_wide .body *,.red_box_wide .body *,.purple_box_wide .body *,.orange_box_wide .body *,.green_box_wide .body * { margin-left: 20px; margin-right: 20px; } .red_box_med .body *,.blue_box_med .body *,.purple_box_med .body *,.orange_box_med .body * { margin-left: 15px; margin-right: 15px; } .red_box_med ul,.blue_box_med ul,.purple_box_med ul,.orange_box_med ul { margin-bottom: 0px; } .blue_box_wide .body ul *,.red_box_wide .body ul *,.purple_box_wide .body ul *,.orange_box_wide .body ul *,.green_box_wide .body ul *,.red_box_med .body ul *,.blue_box_med .body ul *,.purple_box_med .body ul *,.orange_box_med .body ul * { margin-left: 0px; margin-right: 0px; } .blue_box_wide .body h3,.red_box_wide .body h3,.purple_box_wide .body h3,.orange_box_wide .body h3,.green_box_wide .body h3,.red_box_med .body h3,.blue_box_med .body h3,.purple_box_med .body h3,.orange_box_med .body h3, .blue_box_wide .body h2,.red_box_wide .body h2,.purple_box_wide .body h2,.orange_box_wide .body h2,.green_box_wide .body h2,.red_box_med .body h2,.blue_box_med .body h2,.purple_box_med .body h2,.orange_box_med .body h2 { text-align: center; } .red_box_med .body h2,.blue_box_med .body h2,.purple_box_med .body h2,.orange_box_med .body h2 { font-size: 1.6em; } .blue_box .footer,.red_box .footer,.purple_box .footer,.orange_box .footer, .green_box .footer, .blue_box_wide .footer,.red_box_wide .footer,.purple_box_wide .footer,.orange_box_wide .footer,.green_box_wide .footer,.red_box_med .footer,.blue_box_med .footer,.purple_box_med .footer,.orange_box_med .footer { padding-bottom:0px; margin-bottom:20px; background-position: left top; background-repeat: no-repeat; height:40px; background-color:White; /* to prevent the bleed through from the body background image*/ } .blue_box{background-image: url(../images/backgrounds/callout-blue-box-top.gif);} .blue_box .body{background-image: url(../images/backgrounds/callout-blue-box-body.gif);} .blue_box .footer{background-image: url(../images/backgrounds/callout-blue-box-bottom.gif);} .purple_box{background-image: url(../images/backgrounds/callout-purple-box-top.gif); padding-top:40px;} .purple_box .body{background-image: url(../images/backgrounds/callout-purple-box-body.gif);} .purple_box .footer{background-image: url(../images/backgrounds/callout-purple-box-bottom.gif);} .red_box{background-image: url(../images/backgrounds/callout-red-box-top.gif);} .red_box .body{background-image: url(../images/backgrounds/callout-red-box-body.gif);} .red_box .footer{background-image: url(../images/backgrounds/callout-red-box-bottom.gif);height:50px;} .green_box{background-image: url(../images/backgrounds/callout-green-box-top.gif);} .green_box .body{background-image: url(../images/backgrounds/callout-green-box-body.gif);} .green_box .footer{background-image: url(../images/backgrounds/callout-green-box-bottom.gif);height:50px;} .orange_box{background-image: url(../images/backgrounds/callout-orange-box-top.gif);padding-top:50px;} .orange_box .body{background-image: url(../images/backgrounds/callout-orange-box-body.gif);} .orange_box .footer{background-image: url(../images/backgrounds/callout-orange-box-bottom.gif);height:50px;} .blue_box_wide{background-image: url(../images/backgrounds/callout-blue-box-wide-top.gif); padding-top: 61px;} .blue_box_wide .body{background-image: url(../images/backgrounds/callout-blue-box-wide-body.gif);padding-bottom: 5px;} .blue_box_wide .footer{background-image: url(../images/backgrounds/callout-blue-box-wide-bottom.gif); height:59px; margin-left: 3px;} .purple_box_wide{background-image: url(../images/backgrounds/callout-purple-box-wide-top.gif); padding-top:81px;} .purple_box_wide .body{background-image: url(../images/backgrounds/callout-purple-box-wide-body.gif); padding-bottom: 5px;} .purple_box_wide .footer{background-image: url(../images/backgrounds/callout-purple-box-wide-bottom.gif);height:61px; margin-left: 2px;} .red_box_wide{background-image: url(../images/backgrounds/callout-red-box-wide-top.gif); padding-top: 73px;} .red_box_wide .body{background-image: url(../images/backgrounds/callout-red-box-wide-body.gif);} .red_box_wide .footer{background-image: url(../images/backgrounds/callout-red-box-wide-bottom.gif); height:90px;} .orange_box_wide{background-image: url(../images/backgrounds/callout-orange-box-wide-top.gif);padding-top:76px;} .orange_box_wide .body{background-image: url(../images/backgrounds/callout-orange-box-wide-body.gif);margin-left: 2px;} .orange_box_wide .footer{background-image: url(../images/backgrounds/callout-orange-box-wide-bottom.gif); height:45px; margin-left: 1px;} .green_box_wide{background-image: url(../images/backgrounds/callout-green-box-wide-top.gif);padding-top:60px;} .green_box_wide .body{background-image: url(../images/backgrounds/callout-green-box-wide-body.gif);margin-left: -1px;} .green_box_wide .footer{background-image: url(../images/backgrounds/callout-green-box-wide-bottom.gif); height:69px; margin-left: -3px;} .red_box_med{background-image: url(../images/backgrounds/callout-red-box-med-top.gif); padding-top: 30px;} .red_box_med .body{background-image: url(../images/backgrounds/callout-red-box-med-body.gif);} .red_box_med .footer{background-image: url(./images/backgrounds/callout-red-box-med-bottom.gif); height:37px;} .blue_box_med{background-image: url(../images/backgrounds/callout-blue-box-med-top.gif); padding-top: 60px;} .blue_box_med .body{background-image: url(../images/backgrounds/callout-blue-box-med-body.gif);} .blue_box_med .footer{background-image: url(../images/backgrounds/callout-blue-box-med-bottom.gif); height:62px;} .purple_box_med{background-image: url(../images/backgrounds/callout-purple-box-med-top.gif); padding-top: 40px;} .purple_box_med .body{background-image: url(../images/backgrounds/callout-purple-box-med-body.gif);} .purple_box_med .footer{background-image: url(/images/backgrounds/callout-purple-box-med-bottom.gif); height:33px;} .orange_box_med{background-image: url(../images/backgrounds/callout-orange-box-med-top.gif); padding-top: 40px;} .orange_box_med .body{background-image: url(../images/backgrounds/callout-orange-box-med-body.gif);} .orange_box_med .footer{background-image: url(../images/backgrounds/callout-orange-box-med-bottom.gif); height:68px;} /* ** Styles for: [Icon?] Header Underline ** */ /* Note: iconed has an icon then header then underline; divider just has header then underline */ h2.iconed, h3.iconed, h2.divider, h3.divider { position: relative; background-position: center left; margin-bottom: 0px; } h2.iconed img.icon, h3.iconed img.icon { width: 50px; background-image: none; background-color: White; position: relative; top: 8px; } h2.iconed span, h3.iconed span, h2.divider span, h3.divider span { position: relative; top: 0px; background-image: none; background-color: White; padding-left: 6px; padding-right: 10px; } h2.iconed span, h3.iconed span { top: -10px; left: -5px; padding-left: 11px; } h2.divider span, h3.divider span { top: -1px; } /* *** End Re-usable *** */ /* Quiz Stuff */ #quizIndexMain { background-image: url('/images/take_a_quiz.gif'); background-position: top right; background-repeat: no-repeat; min-height: 296px; height: auto; padding-top: 10px; } #quizIndexContent { min-height: 250px; height: auto; } #quizIndexContent p { margin-right: 419px; } /* End Quiz */ #MoreMenu { position:absolute; z-index:3; line-height:0em; background-color:#FFFFFF; width:180px; } #MoreMenu ul { margin:0px; padding:0px; } .spotlight_display_object { /*We have to set these both be inline*/ display:inline; cursor:pointer; } .spotlight_this { /*We have to set these both be inline*/ display:inline; } /* Right Callouts */ #calloutMain { width: 240px; padding-bottom: 20px; } #calloutMain .callout { margin: 10px; margin-bottom: 25px; padding-bottom: 20px; } #calloutMain .callout.last { } #calloutMain .callout .callout_header { margin-left: 0px; } #calloutMain .callout_header { font-size: 1.3em; width: 175px; font-weight: bold; } #calloutMain .callout img { float: left; } #calloutMain .callout p { margin-left: 80px; } .callout { border: solid 1px #A8A7A7; background-color: #F5F5F5; padding-right: 15px; padding-left: 15px; } .callout p .mins_in_account { font-weight: bold; } .callout ul { list-style-type: none; margin-left: 4px; } .callout li { padding: 0px 0px 0px 11px; min-height: 4px; height:auto; background: url('../images/icons/bullet-orange-circle-small.gif') top left no-repeat; } .callout .arrow_list, .callout-box { background-position:top left; background-image:url('../images/SitewideAndHomepage/callout-left.gif'); background-repeat:no-repeat; background-color: #C0BFBF; padding: 6px; margin: 0px -15px; font-size: 1.2em; text-align: right; } .callout .arrow_list li, .callout-box .arrow_list li, .callout-box .arrow { padding: 0px 0px 0px 20px; color: inherit; background-image:url('../images/SitewideAndHomepage/right-arrow.gif'); background-repeat:no-repeat; display: inline; } .callout .arrow_list li a, .callout a, .callout-box .arrow_list li a { color:#3A6FB7; font-weight: bold; } .callout_green { } .callout_purple { } .callout_blue { } .callout_red { } .callout_orange { } /* End Right Callouts */ /* Auto launch classroom */ .get_tutor_auto_launch { background: url(../images/backgrounds/little-green-box-w-classroom.gif) no-repeat center; width: 331px; height: 124px; } .get_tutor_auto_launch { } .get_tutor_auto_launch a img { padding: 42px 0 0 119px; } .get_tutor_auto_launch p { padding: 26px 20px 20px 113px; font-size: 1.3em; } .get_tutor_auto_launch span { padding: 0 0 0 56px; font-style: italic; font-size: 0.9em; } /* End Auto launch classroom */ .inline-block { display: inline-block; display: -moz-inline-box; -moz-box-orient: vertical; vertical-align: top; } [if IE]> .inline-block { zoom: 1; display: inline; }