/* CSS Document */ body, td, input, textarea, select { color:#333333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; } body { background:#bdc9d1; height:100%; } table tr td { padding:3px;} /* LISTS */ div.cms_content ul, ul.ullist { list-style-type:disc; margin-left:30px; list-style-image:url(../img/bullet.gif);} div.cms_content ul li, ul.ullist li { margin:5px 0;} div.cms_content p { line-height:normal; margin:3px 0 7px 0;} div.cms_content h1, div.cms_content h2, div.cms_content h3, div.cms_content h4, div.cms_content h5 { margin:10px 0 3px 0;} div.cms_content {font-size: 120.01%;} h1, h2, h3, h4, h5{ color:#0099CC;} h1 { font-size:16px } h2 { font-size:15px } h3 { font-size:14px } h4 { font-size:12px } h5 { font-size:11px } .inp_width { width:98%;} p.requirednote { margin:10px 0 5px 0; text-align:center} div.news_separator { height:1px; background:url(../img/news_sep.gif) repeat-x 0% 0%;} /* Links */ a { color:#2b4dbb; text-decoration:underline; } a:hover { color:#0066FF; text-decoration:none; } a#logo { display:block; height:105px; width:430px; float:left; text-indent:-999px; } .login_info { text-align:right; margin-bottom:15px;} .inp_chkbx, .inp_radio, label { vertical-align:middle;} a.orangelink {color:#DC930C;} div.separator { padding:10px 0; background:url(../img/separator.jpg) no-repeat 50% 50%;} /* Layout */ #wrap { margin:0 auto; width:956px; text-align:center; background:url(../img/wrap.png) repeat-y 0% 0%; } #wrap_container { width:942px; margin:0 auto; background-color:#ffffff; } #header { height:128px; overflow:hidden; background:url(../img/header.jpg) no-repeat 0% 0%; } #header p, #header a, #header a:visited, #header a:hover { color:white; font-size:10px; } /* Menu, also menu styles in main_nav.css */ #menu { height:28px; background-color:#85aae6; text-align:left; position:relative; z-index:999; } a.r_menu_active { color:#0099CC !important;} /* Content */ #content_wrap {background:#ffffff url(../img/bg_page.jpg) repeat-x 0% 0%;} #content { text-align:left; padding:25px 15px 20px 15px; min-height:400px; _height:400px; width: 680px; float: left; overflow-x:hidden; } .content_head { padding:0 2px; margin:-15px 0 10px 0;} .content_head h1 {color:#003366; text-transform:uppercase; font-size:14px;} #right_content { text-align:left; width: 212px; float: left; background:#E3E4E6; margin: 10px 0 20px 5px; } #right_content h1 { color:#003366; font-size:12px;} #right_content div.rc_head {background:#6c86b7 url(../img/bg_right_column_head.jpg) repeat-x 0% 0%; text-transform:uppercase; border:1px solid #6e88b8; padding:7px 5px 7px 10px; overflow:hidden; } #right_content div.rc_head h2 {font-size:11px; color:#FFFFFF; } #right_content div.rc_padding {padding:15px 5px 20px 15px; background:#eef3f7 url(../img/bg_right_column.jpg) repeat-x 0% 0%; min-height:300px; _height:300px; border: 0px solid #99abb9; } #right_content a { color:#1C407E} #right_content a:hover {color:#666666} /* Footer */ #footer { background-color:#5d5d5d; height:34px; padding:20px 30px; } #footer p { font-size:10px; color:white; line-height:17px; } #footer a, #footer a:visited, #foote a:hover { color:#eee; font-size:10px;} .msg { display:block; text-align:center; padding:10px 0; color:#3C5687; font-weight:bold; font-size:12px;} /* Header Forms Styles */ .topforms { float:right; width:450px; padding:3px 20px;} ul.idTabs { height:19px; overflow:hidden; margin:10px 0 0 0;} ul.idTabs li { float:left; display:inline;} ul.idTabs li a { text-decoration:none;} ul.idTabs li a span { float:left; display:inline; cursor:pointer} span.left_tb, span.right_tb { width:6px; height:19px} ul.idTabs li a span.tb {background:url(../img/tab_inact.png) repeat; padding: 4px 3px 3px 3px;} ul.idTabs li a.selected span.tb {font-weight:bold; background:url(../img/tab_act.png) repeat; padding: 4px 3px 4px 3px} li#login_tab a.selected span.left_tb, li#keyword_tab a.selected span.left_tb { background:url(../img/tab_act_l.png) no-repeat 0% 0%; width:3px; } li#login_tab a.selected span.right_tb, li#keyword_tab a.selected span.right_tb { background:url(../img/tab_act_r.png) no-repeat 0% 0%;} li#login_tab a span.left_tb { background:url(../img/tab_inact_l.png) no-repeat 0% 0%} li#login_tab a span.right_tb { background:url(../img/tab_inact_r.png) no-repeat 0% 0%} li#keyword_tab a span.left_tb { background:url(../img/tab_inact_l.png) no-repeat 0% 0%} li#keyword_tab a span.right_tb { background:url(../img/tab_inact_r.png) no-repeat 0% 0%} li a.selected span.left_tb, li a.selected span.right_tb {padding: 4px 0 4px 0;} li#is_active { float:right;} li#is_active a, li#is_active a:visited { text-decoration:underline;} li#is_active a:hover { text-decoration:none;} .tab_holder { margin:0 0 0 10px; padding:3px 0 0 0; } .tab_holder p { text-align:left; margin:3px 0;} #tab_holder_wrap { background:url(../img/tab_bg.png) repeat; width:453px; height:50px; overflow:hidden;} #tab_holder_wrap input { font-size:10px; margin:0 5px 0 0;} input.login { width:50px; height:19px; background:url(../img/btn-login.jpg) no-repeat; cursor:pointer; border:none; outline:none;} input.search { width:55px; height:19px; background:url(../img/btn-search.jpg) no-repeat; cursor:pointer; border:none; outline:none;} table.logintbl tr td { vertical-align:top;} /* * */ /* Round content */ .roundcont {background:url(../img/bg_title.jpg) repeat-x; } .roundtop { background: url(../img/title_r.jpg) no-repeat top right; height:24px; overflow:hidden;} .roundbottom {background: url(../img/g_box_br.png) no-repeat top right; margin:0 -1px 0 0; position:relative; top:1px} img.corner { width: 4px; height: 24px; border: none;} .roundtop h3, .roundtop img {float:left;} .roundtop h3 { color:#fff; font-size:12px; padding:4px 0 0 5px; margin:0; } .roundcontent { background:url(../img/bg_rss_box.jpg) repeat-x 0% 0%; padding:5px; } .roundcontent h4 { color:#555; font-size:12px; padding:0 0 0 10px; margin:0} /* * */ /* Home Page */ #home_left { width:440px; float:left;} #home_right { width:470px; float:right;} a.hot_btn { float:left; height:41px; margin-right:5px;} .home_events {line-height:18px; font-family:Verdana; font-size:11px;} .home_events_img {padding:1px; border:1px solid #003d90; width:77px; height:62px; overflow:hidden; float:left; margin:0 15px 10px 0;} .home_events span.ttl { font-weight:bold; } /*dl.events span.ttl { font-weight:bold; } dl.events, dl.events p {margin:0; padding:0;} dl.events dt, dl.events dd { float:left;} dl.events dt { padding:1px; border:1px solid #003d90; width:78px; height:63px; overflow:hidden; } dl.events dd { padding:0 0 0 15px; line-height:18px; font-family:Verdana; font-size:11px;}*/ div#words { width:421px; height:110px; overflow:hidden; background:url(../img/bg_website.jpg) no-repeat 0% 0%; margin:20px 0 20px 0;} div#words div { padding:10px 10px 10px 100px; line-height:20px;} a.activate, a.signin, a.myaccount, a.logout2 {height:18px; cursor:pointer; border:none; outline:none; text-indent:-999em; display:block; float:left; margin:15px 15px 20px 0;} a.activate, a.activate:visited {width:149px; background:url(../img/btn-activate-account.jpg) no-repeat 0% 0%; } a.signin, a.signin:visited {width:130px; background:url(../img/btn-already-active.jpg) no-repeat 0% 0%;} a.activate:hover {width:149px; background:url(../img/btn-activate-account-o.jpg) no-repeat 0% 0%; } a.signin:hover {width:130px; background:url(../img/btn-already-active-o.jpg) no-repeat 0% 0%; } a.myaccount, a.myaccount:visited {width:205px; margin:15px 0 5px 0; background:url(../img/btn-my-account.jpg) no-repeat 0% 0%; } a.logout2, a.logout2:visited {width:61px; margin:0; clear:both; background:url(../img/btn-logout2.jpg) no-repeat 0% 0%;} a.myaccount:hover {width:205px; background:url(../img/btn-my-account-o.jpg) no-repeat 0% 0%; } a.logout2:hover {width:61px; background:url(../img/btn-logout2-o.jpg) no-repeat 0% 0%; } #logos { float:left; width:160px; text-align:center; padding:10px 0 0 0;} #logos img { margin:0 0 5px 60px;} #rss { width:470px;} #rss .roundcontent { margin-bottom:10px; min-height:180px; _height:180px;} #rss .roundtop a { float:right; color:#FFFFFF; display:block; font-size:10px; padding:4px 10px 0 0} #online_support, #find_it_fast { width:229px; float:left;} #online_support .roundcontent, #find_it_fast .roundcontent { height:160px; padding:5px 10px;} #online_support .roundcontent p, #find_it_fast .roundcontent p { margin:5px 0; } #online_support .roundcontent { text-align:center;} #online_support .roundcontent p { margin:15px 0 0 0;} #find_it_fast .roundcontent, #find_it_fast a, #find_it_fast input { font-size:11px;vertical-align:middle;} #find_it_fast span { margin-left:20px;} #find_it_fast .search_str, .more_search .search_str { width:200px;} .more_search { width:420px; margin:0 auto; padding-top:20px} /* * */ /* Pager Begin****/ a.pager { font-family:Verdana, Helvetica, sans-serif; font-size:11px; color:#2E629C; text-decoration:underline; font-weight:normal; line-height:18px; margin:2px } a:hover.pager { color:#666666; text-decoration:none; margin:2px } a:active.pager { color:#000000; text-decoration:none; margin:2px } .pager_act{ color:#CC0000; background-color:#ececec; font-weight:bold; font-size:11px; } /* Pager End****/ /* List Table Elements Begin****/ .list_tbl { padding:0px; margin:4px 0; border-collapse:collapse; width:100%; } .list_tbl td{ padding:2px 2px 2px 4px; margin:0; border:1px solid #ccc; font-size:11px; white-space:normal !important; } .list_header{ text-align:center; background:#F7F8FA url(../img/bg_list_tbl_header.jpg) repeat-x 0% 100%; height:30px; font-weight:bold; color:#666; } .list_empty { text-align:center; font-weight:bold; } /* List Table Elements End****/ /* Form Table Elements Begin****/ .form_tbl { padding:0px; margin:4px 0; border-collapse:collapse; width:100%; } .form_tbl td{ padding:2px; margin:0; border:1px solid #999; font-size:11px; } .form_tbl_label { text-align:right; font-weight:bold; color:#333; background-color:#FBFBFB; } tr.submit_grp td.tbl_btn{ text-align:center; border-bottom:0; border-left:0; border-right:0; } td.form_header{ text-align:center; background:#F7F8FA url(../img/bg_list_tbl_header.jpg) repeat-x 0% 100%; height:25px; font-weight:bold; color:#003366; padding:0px; } .form_tbl textarea { width:98%;} /* Form Table Elements End****/ /* CMX Form */ form.cmxform { color:#fff; text-align:center} ul.form_tbl { margin:5px auto 0} form.cmxform label { display:block; margin:0 0 3px 0; text-align:left} form.cmxform input.inp_width, form.cmxform textarea { width: 140px; margin:0 0 10px 0} form.cmxform input.btn { margin:0 auto} /* * */ /* Site MAP */ .site_map_div { padding:0; font-weight:bold; margin-bottom:3px; margin-top:3px;} .site_map_div .site_map_div { padding:0 0 0 20px; font-weight:normal;} .site_map_div span { color:#555;} /* * */ /************BOXES**************/ /* Normal styling */ .cb { margin:0 0 12px 0} /* Top corners and border */ .bt {height:6px; margin:0 0 0 7px; background:url(../img/box.jpg) no-repeat 100% 0;} .bt div { position:relative; left:-7px; width:7px; height:6px; background:url(../img/box.jpg) no-repeat 0 0; font-size:0; line-height:0; } /* Bottom corners and border */ .bb { height:6px; margin:0 0 0 7px; background:url(../img/box.jpg) no-repeat 100% 100%; } .bb div { position:relative; left:-7px; width:7px; height:6px; background:url(../img/box.jpg) no-repeat 0 100%; font-size:0; line-height:0;} /* Left border */ .i1 { padding:0 0 0 3px; background:url(../img/borders.gif) repeat-y 0 0; } /* Right border */ .i2 { padding:0 3px 0 0; background:url(../img/borders.gif) repeat-y 100% 0; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .i3 { display:block; background:#fff url(../img/bg_box.jpg) repeat-x 0% 100%;} /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */ .i3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .i3 {display:inline-block;} .i3 {display:block;} .box_content { padding:10px;} /************OTHER BOXES**************/ /* Normal styling */ .other_cbb .cb { margin:0 0 12px 0} /* Top corners and border */ .other_cbb .bt {height:12px; margin:0 0 0 12px; background:url(../img/other_box.jpg) no-repeat 100% 0;} .other_cbb .bt div { position:relative; left:-12px; width:12px; height:12px; background:url(../img/other_box.jpg) no-repeat 0 0; font-size:0; line-height:0; } /* Bottom corners and border */ .other_cbb .bb { height:12px; margin:0 0 0 12px; background:url(../img/other_box.jpg) no-repeat 100% 100%; } .other_cbb .bb div { position:relative; left:-12px; width:12px; height:12px; background:url(../img/other_box.jpg) no-repeat 0 100%; font-size:0; line-height:0;} /* Left border */ .other_cbb .i1 { padding:0 0 0 4px; background:url(../img/other_borders.jpg) repeat-y 0 0; } /* Right border */ .other_cbb .i2 { padding:0 4px 0 0; background:url(../img/other_borders.jpg) repeat-y 100% 0; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .other_cbb .i3 { display:block; background:#fff; width:100%; overflow:hidden;} /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */ .other_cbb .i3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .other_cbb .i3 {display:inline-block;} .other_cbb .i3 {display:block;} .other_cbb .other_box_title { background-color:#D7DEE4; color:#545653; padding:3px 0 7px 10px; font-weight:bold;} .other_cbb .other_box_content { padding:10px;} /* Events */ .calendar {width:99%; text-align:center; border:1px solid #ccc;} .calendar td {width:14%; height:50px; border:1px solid #ccc; vertical-align:top;} .calendar tr.header td {width:14%; text-align:center; color:#0066CC; background:#F7F8FA url(../img/bg_list_tbl_header.jpg) repeat-x 0% 100%; height:30px; vertical-align:middle; font-weight:bold; } .calendar td.prevmonth, .calendar td.nextmonth {background-color: #ddd;} .calendar tr.header td.yearmonth { color:#006699;} a.prev, a.next { height:12px;} a.prev { background:url(../img/prev.gif) no-repeat 0% 100%; padding:0 0 0 16px;} a.next { background:url(../img/next.gif) no-repeat 100% 100%; padding:0 16px 0 0;} /* * */ table.event td {padding: 5px 2px;} table.event td.header {text-align:right; font-weight:bold;} .event_description {background-color:#eeeeee; padding:5px;} a.events_img { width:79px; height:60px; float:left; padding:2px; border:1px solid #6699CC; margin:0 10px 10px 0; display:block;} a.events_img:hover { background:#D7E2EA; /*#224181;*/} /* Different styles */ .asterisk { color:#CC0000; } .msg_error { color:#CC0000; font-weight:bold; } .msg{ color:#99CC00; } #form_sponsorapplication .form_tbl tr td { border:none; border-top:2px solid #EEF2F7; padding:5px 3px;} /* BUTTONS */ .btn {background:#FDF1CB url(../img/bg_btn.jpg) repeat-x 50% 100%;} a.btn_blue { border:1px solid #ccc; background:#E7EDF9 url(../img/bg_btn_blue.jpg) repeat-x 50% 100%; padding:3px 13px; height:21px;} a.btn_blue:hover { border:1px solid #6699CC; color:#003399;} a.btn {padding:3px 13px; color:#000000;} /* */ .wrap_terms ul { margin:20px 0 20px 10%; } div.form_box {margin-left:2px; width:178px; display:inline; float:left; text-align:left; border:solid #D9DAD4 1px; padding:3px 10px 10px 10px; height:195px;} div.form_links_box_container {margin-left:2px; width:380px; height:220px; display:inline; float:left; text-align:left; } div.form_links_box {border:solid #D9DAD4 1px; padding:3px 10px 10px 10px; height:195px; width:100%;} div#links_container{height:175px; overflow:auto;} div#links_container a{font-size:8pt;} div#links_container .link_options{} table.checkbox_list { border-collapse:separate; border-spacing:3px;} table.checkbox_list td {background-color: #D7DEE4; border:0; padding:2px 10px 2px 5px;} .horizontal_title {text-align:left; margin-bottom:5px; font-weight:bold;} table.form_elements { margin:0 auto;} table.form_elements tr td.btns { text-align:center; padding:10px;} table.form_elements tr td .inp_width { width:140px;} table.form_elements tr td select { width:100%;} #eventform table { margin:10px auto;} /* Member info page */ table.member_info { width:100%} table.member_info tr td { vertical-align:top; padding:0 10px; } table.member_info tr td p { line-height:18px;} /* login form */ form#sssssssssss table tr td { text-align:center;} form#sssssssssss table tr td .inp_login { width:180px;} /* hide borders for account/settings */ form#form_memberprofile .form_tbl tr td { border:none;} form#form_memberprofile .form_tbl, form#form_memberprofile .form_tbl .form_header { border:1px solid #aaa;} /* Sponsors page */ table.sponsors_tbl { width:98%;} table.sponsors_tbl tr td { vertical-align:middle; text-align:center;} img.sponsor_item { } /* Broadcast messages */ .broadcast_bg {background-color:#E7EBED; padding:10px;} form#form_broadcastemail table td {padding:2px 5px 2px 5px;} form#form_broadcastemail input.subject {border:0; background-color:#D8DBD4; padding:2px 4px;} table.white {border-collapse:collapse;} table.white td {border:solid white 1px;} table.brodcast_options tr td { font-weight:bold;} .btn_broadcast { padding:10px; text-transform:uppercase; font-weight:bold; color:#FFFFFF !important; background:#336699; cursor:pointer; text-decoration:none; border:2px solid #ccc;} #form_broadcastemail #body___Frame { width:615px !important;} table.broadcast_no_border { width:100%; border:none;} table.broadcast_no_border tr td { border:none; } table.broadcast_no_border tr td .inp_width { width:98%;} #form_broadcastemail div.info { width:195px; float:right; padding: 10px; background:#FFFFFF; border:1px solid #336699; color:#336699; font-size:10px;} #recipients_container input, #recipients_container label { vertical-align:middle;} .inp_radio { margin:4px;} /* FAQ */ a.faqlink { text-decoration:none;} p.preanswer { font-weight:bold; display:inline;} div.faq_answer dl dt { width:17px; float:left;} div.faq_answer dl dd { width:95%; float:left;} /* Announcements */ #form_announcement .inp_width { width:500px;} table.announcement_tbl {border-collapse:collapse; background:url(../img/news_sep.gif) repeat-x 0% 0%;} table.announcement_tbl tr td {vertical-align:top; background:url(../img/news_sep.gif) repeat-x 0% 100%; padding:5px;} /* POOL */ .quiz_list h1 { font-size:14px; text-transform:capitalize; float:left;} .quiz_list p.orange { float:right; font-weight:bold} .quiz_list span.blue { color:#6699CC} .pool_descr {background:#EEF4F9; padding:10px; margin:10px 0;} table.pool_results tr td { padding:2px 4px;} table.pool_results span.green { color:#0066CC; font-weight:bold;} .voteline { background:#f3f4f9; padding:1px 4px;} /* Account Profile */ .overview_block {float:left;} .block_wellcome_back {width:310px;} .block_wellcome_back p.btnwrap { padding:7px 0;} .block_wellcome_back p.btnwrap a.btn_blue { width:250px; margin:0 auto; padding:7px 0 0 0; display:block; text-align:center;} .block_profile_overview, .block_overview_ce_credits {width:360px; margin-left:10px;} .block_overview_rss #rss {width:430px;} .block_overview_email {width:467px; margin-left:15px;} table.data td{border:solid #fff 1px; background:#eee; padding:3px 6px;} table.email_repository { border:1px solid black; background:#fff;} table.email_repository tr td { padding:3px 3px 3px 10px;} table.email_repository tr td.head { background:#aFaFaF; font-weight:bold;} /* Customize RSS */ #form_membercustomizerss .form_tbl { margin:0 auto;} #form_membercustomizerss .form_tbl tr td { border:none;} #form_membercustomizerss .form_tbl tr th { font-weight:bold; color:#0099CC;} #form_membercustomizerss .form_tbl .tbl_btn { padding:15px 0 0 0; background:url(../img/separator.jpg) no-repeat 50% 3px;} #home_right .wrap_rss a { color:#1C407E;} /* #CDXDirect */ div#CDXDirect ul { list-style-image:none !important;} div#CDXDirect table tr td { padding:3px !important;} .hint { position: absolute; top: 200px; background-color: Lightyellow; visibility: hidden; padding:5px 10px 5px 36px; background-image:url(../img/b_info.png) no-repeat 10px 50%; border:0.1em solid #CC0000;} .titled_phone {width:180px;} .inp_password {width:150px;}