/* ============================================================================================================== */ /* GLOBAL: RESET /* ============================================================================================================== */ * { margin:0; padding:0; outline:none; } html { background:#efefef url(graphics/background_pattern.gif) top left repeat; /*background:#ddd url(graphics/main_background.jpg) top center repeat-x;*/ min-height:100%; } body { width:100%; font-size:13px; color:#333; font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif; } /* ============================================================================================================== */ /* GENERAL /* ============================================================================================================== */ p { margin-bottom:14px; } img { border:0; } h2 { font-weight:bold; font-size:20px; padding:2px 0 4px 0; margin:0 !important; } a { color:#00A5EC; } .image_right { float:right; border:0; margin:0 0 5px 12px; } .image_left { float:left; border:0; margin:0 20px 5px 0; } /* -- LAYOUT -------------------- */ #header, #nav1, #content, #footer { width:100%; } #header_container, #content_container { width:960px; margin:0 auto; } .nav2, #content_sidebar { float:left; border:0px solid #f00; } #content_container { position:relative; } /* ============================================================================================================== */ /* HEADER /* ============================================================================================================== */ #header { background:transparent url(graphics/header_background.gif) bottom left repeat-x; height:100px; z-index:999; padding-top:10px; margin-bottom:20px; } #header #header_container { position:relative; height:80px; outline:0px solid #f00; position:relative; } #header #workflow_logo { position:absolute; text-indent:-9999px; display:block; top:0px; left:0px; width:300px; height:100px; background:transparent url(graphics/header_logo.gif) no-repeat center center; } #header #workflow_description { position:absolute; } #header #tagline { position:absolute; top:120px; left:36px; } #header #site_title { font-size:35px; display:none; } #header #site_tagline { width:280px; font-size:11px; font-weight:normal; color:#999; } #header #beta_notice { font-size:12px; color:#999; font-weight:bold; } /* ============================================================================================================== */ /* NAV /* ============================================================================================================== */ #nav1 { text-align:right; position:absolute; right:0; top:8px; width:520px; list-style:none; padding:24px 0 0 0; height:38px; z-index:999; } #nav1 .nav_item { display: inline; height:25px; line-height:25px; text-decoration:none; padding:6px 14px 6px 14px; background-color:#bbb; border-bottom:1px solid #a9a9a9; border-right:1px solid #aaa; color:#333; font-family:verdana; font-size:11px; margin-left:14px; } #nav1 .nav_item:hover { background-color:#a5a5a5; border-bottom:1px solid #959595; border-right:1px solid #959595; } #nav1_admin { text-align:right; position:absolute; top:60px; width:520px; } #nav1 .nav_item_admin { height:18px; line-height:18px; margin:35px 0 0 6px; padding:3px 6px 4px 6px; font-size:11px; background-color:transparent !important; color:#666; border:0; } #nav1 .nav_item_admin:hover { text-decoration:underline; border:0; } #nav1 #nav_admin_logout a { float:right; background-color:transparent !important; color:#999; text-decoration:underline; border:none !important; } /* SELECTED */ #page_home #nav1 #nav_home, #page_features #nav1 #nav_features, #page_download #nav1 #nav_download, #page_blog #nav1 #nav_blog, #page_help #nav1 #nav_help { cursor:default; background-color:#00A5EC; color:#fff; font-weight:bold; border-bottom:1px solid #0095D6; border-right:1px solid #0088C3; } #page_admin_downloads #nav1 #nav_admin_downloads, #page_admin_updates #nav1 #nav_admin_updates, #page_admin_reg #nav1 #nav_admin_reg, #page_admin_bugs #nav1 #nav_admin_bugs { cursor:default; background-color:transparent !important; color:#333; font-weight:bold; } /* ============================================================================================================== */ /* SUBNAV /* ============================================================================================================== */ #nav2_container { position:absolute; top:75px; left:0px; z-index:500; } .nav2 { clear:both; width: 178px; list-style:none; margin-left:0; border-bottom:2px solid #f5f5f5; } .nav2 .nav2_title { margin:0; padding:0; } .nav2 .nav2_title a { display:block; background-color:#e6e6e6; font-weight:normal; color:#000; font-size:11px; text-decoration:none; padding:9px 4px 9px 24px; } .nav2 .nav2_title a:hover { background-color:#bfbfbf !important; } .nav2 .nav2_item { list-style:none; display:none; } .nav2 .nav2_item a { padding:4px 4px 4px 24px; display:block; color:#333; color:#555; font-size:11px; text-align:left; } .nav2 li { padding:0; margin:0; } #nav2_settings .nav2_title a { border:0; } .is_ie6 #nav2_container { left:0px; } .is_ie6 .nav2 { clear:both; width: 176px !important; list-style:none; margin-left:0px; } .is_ie6 .nav2 .nav2_item { padding:0; margin:0; } .is_ie6 .nav2 .nav2_item a { padding:0px 0px 0px 14px !important; margin:0; } /* selected */ .pagesub_index #nav2_index, .pagesub_pages #nav2_pages, .pagesub_shapes #nav2_shapes, .pagesub_proto #nav2_proto, .pagesub_align #nav2_align, .pagesub_fill #nav2_fill, .pagesub_settings #nav2_settings { background-color:#dadada; padding:8px 0 18px 0; } /* selected */ .pagesub_index #nav2_index .nav2_title a, .pagesub_pages #nav2_pages .nav2_title a, .pagesub_shapes #nav2_shapes .nav2_title a, .pagesub_proto #nav2_proto .nav2_title a, .pagesub_align #nav2_align .nav2_title a, .pagesub_fill #nav2_fill .nav2_title a, .pagesub_settings #nav2_settings .nav2_title a { font-size:13px; background-color:#dadada !important; cursor:default; color:#333; font-weight:bold; padding-bottom:2px; } /* show sub items */ .pagesub_index #nav2_index .nav2_item , .pagesub_pages #nav2_pages .nav2_item , .pagesub_shapes #nav2_shapes .nav2_item , .pagesub_proto #nav2_proto .nav2_item , .pagesub_align #nav2_align .nav2_item , .pagesub_fill #nav2_fill .nav2_item , .pagesub_settings #nav2_settings .nav2_item { display:block; } /* ============================================================================================================== */ /* CONTENT /* ============================================================================================================== */ #intro_banner { background:transparent url(graphics/intro_banner_background.jpg) top center repeat-x; height:128px; width:100%; } #intro_banner_img { height:128px; } #content { width:980px; margin:0 auto 0 auto; position:relative; z-index:100; } #content_container { float:left; position:relative; /*width:960px;*/ width:100%; min-height:400px; height:auto !important; height:400px; padding:0px 0 56px 0; z-index:100; } #content #content_main { float:left; /*width:680px;*/ } #content #content_main h2 { margin-bottom:4px; } #content #content_main h3 { font-size:15px; margin:16px 0 0 0; } #content #content_main { font-size:13px; line-height:18px; } #content #content_box_border { border-top:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; width:712px; margin-top:22px; } #content #content_box { z-index:5; position:relative; background-color:#fff; border:9px solid #dadada; width:694px; padding:0; min-height:500px; } #content .content_subbox { background-color:#fff; border-top:1px solid #e6e6e6; padding:26px 28px 14px 28px; } #content .content_subbox_odd { background-color:#fafafa; } #content .content_subbox_first { border-top:0; } #titlezone_zone { display:none; height:40px; padding:0px 10px 0px 0px; margin:0px 0 7px 0; } #titlezone_zone #titlezone_title { float:left; font-size:34px; font-weight:normal; color:#00A5EC; font-family:verdana; font-family:arial; } #titlezone_zone #titlezone_desc { float:left; width:450px; font-size:12px; line-height:18px; height:28px; vertical-align:bottom; color:#9f9f9f; padding:18px 0 0 20px; text-transform:uppercase; font-family:arial; } .is_ie6 #titlezone_zone { margin:0px 0 1px 0; } #content #content_main .small_instructions p { font-size:11px; color:#777; margin-bottom:2px; } #content #under_construction h2 { color:#999; } #content #under_construction p { color:#999; } /* -- SIDE CONTENT ------------------- */ #content_sidebar { float:right; width:231px; padding-top:3px; } #content_sidebar .sideitem { display:block; width:230px; background-color:transparent; text-indent:-9999px; margin-bottom:15px; } #content_sidebar #sideitem_download { height:117px; background:transparent url(graphics/sidebar_download_box.png) top left no-repeat; margin-top:2px; } #content_sidebar #sideitem_buy { height:50px; background:transparent url(graphics/sidebar_buy_box.gif) top left no-repeat; } #content_sidebar #sideitem_features { height:126px; background:transparent url(graphics/sidebar_features_box.jpg) top left no-repeat; } #content_sidebar #sideitem_documentation { height:94px; background:transparent url(graphics/sidebar_documentation_box.gif) top left no-repeat; } #content_sidebar #sideitem_download:hover { background-position:top right; } #content_sidebar #sideitem_buy:hover { background-position:top right; } #content_sidebar #sideitem_features:hover { background-position:top right; } #content_sidebar #sideitem_documentation:hover { background-position:top right; } /* content clear */ .content_clear { clear:both; } /* -- FOOTER -------------------- */ #footer_container { clear:both; } #footer { position:absolute; left:0; bottom:-30px; width:100%; height:20px; } #footer #footer_container { font-size:10px; color:#999; padding:4px 0px; } #footer #footer_left { float:left; } #footer #footer_right { float:right; margin-right:2px; } /* ============================================================================================================== */ /* HOME PAGE /* ============================================================================================================== */ #page_home #intro_banner { background:transparent url(graphics/home_intro_background.jpg) top center repeat-x; height:362px; } #page_home #intro_banner_img { background:transparent url(graphics/home_intro4.jpg) top center no-repeat; height:362px; position:relative; } #page_home #intro_banner_home_box { margin:0 auto; width:980px; height:360px; position:relative; } #page_home #intro_banner_text { width:330px; height:200px; text-indent:-9999px; position:absolute; top:55px; left:48px; } #page_home #intro_banner_download_button { width:180px; height:30px; text-indent:-9999px; position:absolute; top:274px; left:48px; } #page_home #intro_banner_features_button { display:none; background:transparent url(graphics/home_button_features2.gif) top left no-repeat; width:110px; height:36px; text-indent:-9999px; position:absolute; top:280px; left:76px; } #page_home #intro_banner_video_button { background:transparent url(graphics/home_button_video3.gif) top right no-repeat; width:189px; height:51px; text-indent:-9999px; position:absolute; top:192px; left:597px; /*top:280px; left:200px;*/ } #page_home #intro_banner_play_button { display:none; background:transparent url(graphics/home_button_play.png) top left no-repeat; width:68px; height:85px; text-indent:-9999px; position:absolute; top:180px; left:646px; } #page_home #intro_banner_features_button:hover { background-position:top right; } #page_home #intro_banner_video_button:hover { background-position:top left; } #page_home #intro_banner_play_button:hover { background-position:top right; } #page_home #content_container { background-color:transparent; border:0; } #page_home #content_main { padding:0; } /*#page_home #home_intro_banner { background:transparent url(graphics/home_intro3.jpg) 40px center no-repeat; height:362px; width:100%; }*/ #page_home #content_box { background:transparent; border:0; width:960px; padding:0 0 30px 0; } #page_home #content_sidebar { display:none; } #page_home .home_subtitle { color:#666; font-weight:normal; font-size:20px !important; } #page_home #home_table { width:960px; margin-top:20px; } #page_home #home_table td { vertical-align:top; color:#333; } #page_home .home_box { display:block; width:310px; padding:0; margin-bottom:14px; text-indent:-9999px; } #page_home #home_box_new_border { margin-top:18px; margin-right:20px; border-top:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; width:628px; } #page_home #home_box_new { width:610px; border:9px solid #dadada; } #page_home #home_box_download { height:117px; background:transparent url(graphics/home_side_download.png) top left no-repeat; margin-top:2px; } #page_home #home_box_buy { height:56px; background:transparent url(graphics/home_side_buy.gif) top left no-repeat; } #page_home #home_box_features { height:100px; background:transparent url(graphics/home_side_features.jpg) top left no-repeat; } #page_home #home_box_documentation { height:84px; background:transparent url(graphics/home_side_documentation.gif) top left no-repeat; } #page_home #home_box_download:hover { background-position:top right; } #page_home #home_box_buy:hover { background-position:top right; } #page_home #home_box_features:hover { background-position:top right; } #page_home #home_box_documentation:hover { background-position:top right; } #page_home .content_subbox { padding:20px 28px 24px 28px; } #page_home .news_date { font-size:10px; color:#aaa; padding:0px 0 1px 0; } #page_home .news_title { font-size:20px; font-weight:bold; padding:4px 0 0 0; } #page_home .news_title a { color:#333; text-decoration:none; } #page_home .news_title a:hover { color:#333; text-decoration:underline; } #page_home .news_text { padding-top:5px; } #page_home .news_text h3 { font-size:13px; margin-bottom:0px !important; } /*#page_home #news_version_1_0 { padding-right:180px; background-image:url(graphics/newsitem_version_1_0.gif); background-position:88% 14%; background-repeat:no-repeat; } */ /* ============================================================================================================== */ /* FEATURES PAGE /* ============================================================================================================== */ #page_features #intro_banner_img { background:transparent url(graphics/intro_banner_features.jpg) top center no-repeat; } #page_features #titlezone_zone { display:none; } #page_features #content_box { } #page_features #content_box p { font-size:12px; line-height:16px; color:#333; } #page_features h2 { padding-top:2px !important; margin:0 !important; font-size:18px !important; } #page_features .feature_box { border-bottom:1px solid #e6e6e6; padding:46px 48px 24px 48px; min-height:150px; } #page_features #feature_box_prototype { background:transparent url(graphics/features_proto.jpg) bottom right no-repeat; padding-right:340px; min-height:140px; } #page_features #feature_box_keyboard { background:#fafafa url(graphics/features_keyboard.jpg) 74px bottom no-repeat; padding-left:378px; min-height:178px; padding-top:46px; } #page_features #feature_box_dialogs { background:transparent url(graphics/features_dialogs.jpg) bottom right no-repeat; padding-right:378px; min-height:150px; padding-top:46px; } #page_features #feature_box_functionality { background:#fafafa url(graphics/features_functionality.jpg) 46px 50px no-repeat; padding-left:350px; } #page_features #feature_box_architect { background:transparent url(graphics/features_architect.jpg) bottom right no-repeat; padding-right:400px; } #page_features .feature_box .img_features { margin:6px 0; border:4px solid #eee; } #page_features a.image_left:hover .img_features { border:4px solid #ccc; } /* ============================================================================================================== */ /* DOWNLOAD PAGE /* ============================================================================================================== */ #page_download #intro_banner_img { background:transparent url(graphics/intro_banner_download.jpg) top center no-repeat; } #page_download #content_box { background:#fff url(graphics/download_big_arrow_background.gif) 500px 0px no-repeat; } #page_download .download_box { border-bottom:1px solid #e6e6e6; padding:30px 48px 10px 48px; clear:both; min-height:150px; } #page_download #download_box_download { background-color:transparent; padding-right:300px; min-height:170px; } #page_download #download_box_video { background-color:#fafafa; } #page_download #download_box_install { background-color:#fff; } #page_download #download_box_changelog { border:0; background-color:#fafafa; } #page_download #download_button { display:block; background:transparent url(graphics/button_download.gif) top left no-repeat; width:220px; height:46px; text-decoration:none; } #page_download #download_button:hover { background-position:top right; } #page_download #download_button_title { text-indent:50px; font-size:14px; color:#333; padding:8px 0 1px 0; } #page_download #download_button_info { text-indent:50px; font-size:11px; color:#777; } #page_download #download_button:hover #download_button_title { color:#fff; } #page_download #download_button:hover #download_button_info { color:#ccc; } #page_download .clear { background-color:transparent; height:1px; line-height:1px; font-size:1px; clear:both; } #page_download #icon_visio_version { float:left; } #page_download #description_visio_version { margin-bottom:-10px !important; margin-bottom:0; } #page_download .numbered_separator { clear:both; position:relative; height:40px; outline:0px solid #f00; margin:30px 0 20px 0; } #page_download .numbered_separator div { position:absolute; top:0; left:0; font-weight:bold; } #page_download .numbered_separator .separator_title { top:5px; height:28px; line-height:28px; text-indent:14px; width:100%;color:#999; background-color:#eee; font-size:13px; border:1px solid #ddd; } #page_download .instructions { white-space:nowrap; padding-bottom:4px; font-size:10px; /*outline:1px solid #f00;*/ width:340px; } #page_download .instructions div { display:none; clear:left; padding:4px; line-height:20px; border:1px solid #ddd; background-color:#f5f5f5; font-size:11px; text-align:center; color:#666; font-weight:normal; } #page_download .instructions:before { content:"- "; } #page_download .instructions span { height:14px; line-height:15px; font-size:11px; padding-top:1px; color:#000; font-weight:bold; } #page_download .instructions b { font-weight:normal; } #page_download .additional_info p { color:#999; font-size:11px !important; line-height:18px; } #page_download .small_instructions { list-style-type:square; padding-left:14px; } #page_download .small_instructions li { padding-bottom:5px; } #page_download .images_steps { float:right; padding:0 0 0 0; margin-left:24px } #page_download .images_smallicons { float:left; padding:0 6px 8px 0px; } #page_download #changelog p { margin:0; font-size:11px; } #page_download .changelog_version { padding-top:4px; font-weight:bold; } /* ============================================================================================================== */ /* BLOG PAGE /* ============================================================================================================== */ #page_blog #intro_banner_img { background:transparent url(graphics/intro_banner_blog.jpg) top center no-repeat; } #page_blog #content_box { } #page_blog .news_box { padding:7px 0 14px 0; } #page_blog .news_titlezone { /*border-bottom:1px dotted #888;*/ margin-bottom:6px; } #page_blog .news_title { padding-top-bottom:0; color:#333; } #page_blog .news_date { color:#aaa; font-size:11px; padding-top:0px; padding-bottom:6px; } /*#page_blog #news_version_1_0 { padding-right:220px; background-image:url(graphics/newsitem_version_1_0.gif); background-position:88% 27%; background-repeat:no-repeat; } */ .blog_changelog { font-size:12px !important; line-height:16px; margin-top:14px; } .blog_new { color:#339900; } .blog_fix { color:#f00; } /* ============================================================================================================== */ /* SECURE ORDER PAGE /* ============================================================================================================== */ #page_buynow #intro_banner_img { background:transparent url(graphics/intro_banner_buy.jpg) top center no-repeat; } #page_buynow #content_box_border { width:678px; } #page_buynow #content_box { padding:40px 50px; width:560px; } #page_buynow td { padding:3px 3px 3px 3px; } #page_buynow input { padding:3px; } /* ============================================================================================================== */ /* DOCUMENTATION PAGE /* ============================================================================================================== */ #page_help #intro_banner_img { background:transparent url(graphics/intro_banner_documentation.jpg) top center no-repeat; } #page_help #content_sidebar { display:none; } #page_help #content_container { background-image:none; padding-top:20px; } #page_help #content_box { width:762px; } #page_help h2 { padding:0 0 8px 0 !important; /*border-top:2px solid #f3f3f3;*/ } #page_help h2#first_h2 { margin-top:0px; border:none; clear:both; } #page_help #content_main { margin-left:178px; } #page_help.is_ie6 #content_main { margin-left:88px; } .image_icon { display:inline; padding-right:0px; } .is_ie6 .image_icon { padding-right:5px; } .image_icon img { margin-bottom:-2px; } .keyboard_shortcut { display:inline; font-size:12px; font-weight:normal; color:#999; padding-left:3px; } #page_help .numbered_separator { clear:both; position:relative; height:40px; outline:0px solid #f00; margin:30px 0 20px 0; } #page_help .numbered_separator div { position:absolute; top:0; left:0; border:1px solid #ddd; font-weight:bold; } #page_help .numbered_separator .separator_title { top:5px; height:28px; line-height:28px; text-indent:14px; width:100%; background-color:#eee; font-size:13px; border:1px solid #ddd; } #page_help .instructions { min-height:22px; padding-bottom:8px; /*outline:1px solid #f00;*/ } #page_help .instructions div { display:inline; clear:left; padding:4px; line-height:20px;border:1px solid #ddd; background-color:#f5f5f5; font-size:11px; text-align:center; color:#666; font-weight:normal; } #page_help .instructions span { height:20px; width:240px; line-height:20px; font-size:13px; padding-left:7px; padding-top:1px; color:#444; font-weight:bold; } #page_help .instructions b { font-weight:normal; } #page_help .additional_info p { color:#333; font-size:11px !important; } #page_help .small_instructions { list-style-type:square; padding-left:14px; } #page_help .small_instructions li { padding-bottom:5px; } #page_help .images_steps { float:right; padding:0 0 0 0; margin-left:24px } #page_help .images_smallicons { float:left; padding:0 6px 8px 0px; } /* ============================================================================================================== */ /* VIDEO PAGE (iframe) /* ============================================================================================================== */ #html_screencasts { background-color:#000; width:100%; height:100%; } #body_screencasts { background-color:#000; width:100%; height:100%; padding:0 !important; } #body_screencasts #object_wrapper { float:left; background-color:#000; width:640px; height:498px; padding:5px 0 0 15px; } /* ----------------------------------------------------- */ /* PAGE: DOC INDEX /* ----------------------------------------------------- */ .tablecontent { float:left; width:180px; padding:10px; /*background-color:#f6f6f6;*/ margin:0 12px 20px 0; list-style:none; min-height:180px; } .tablecontent .tablecontent_title { padding-bottom:6px; } .tablecontent .tablecontent_title a { font-weight:bold; color:#000; padding-bottom:2px; } .tablecontent .tablecontent_item { padding-bottom:2px; } .tablecontent .tablecontent_item a { font-size:11px; color:#555; padding-bottom:2px; } /* ============================================================================================================== */ /* ADMIN: BUGS PAGE /* ============================================================================================================== */ #page_admin_bugs #content_box { width:900px; background-color:transparent; padding:0; border:0; } #page_admin_bugs #content_container { background-image:none; } #page_admin_bugs #content_sidebar { display:none; } #admin_data_table #table_title td { height:40px; line-height:40px; background-color:#7a9cc5; color:#fff; font-weight:bold; font-size:20px; padding-left:10px; } #admin_data_table { width:956px; } #admin_data_table td { background-color:#fff; padding:5px; font-size:11px; } #admin_data_table tr.odd td { background-color:#e9e9e9; } #admin_data_table #tr_title td { color:#fff; background-color:#00A5EC; font-weight:bold; } #admin_data_table .data_field_title { color:#aaa; } #admin_data_table .data_field_comment { line-height:15px; } /* ============================================================================================================== */ /* ADMIN: DOWNLOADS PAGE /* ============================================================================================================== */ #page_admin_downloads #content_box { width:900px; background-color:transparent; padding:0; border:0; } #page_admin_downloads #content_container { background-image:none; } #page_admin_downloads #content_sidebar { display:none; } /* ============================================================================================================== */ /* ADMIN: UPDATES PAGE /* ============================================================================================================== */ #page_admin_updates #content_box { width:900px; background-color:transparent; padding:0; border:0; } #page_admin_updates #content_container { background-image:none; } #page_admin_updates #content_sidebar { display:none; } /* ============================================================================================================== */ /* ADMIN: REG CODES /* ============================================================================================================== */ #page_admin_reg #content_box { margin-top:20px; } #page_admin_reg #content_container { background-image:none; } #page_admin_reg #content_sidebar { display:none; } #page_admin_reg .field_question { padding:4px 20px 4px 0; } #page_admin_reg .field_answer { font-weight:bold; padding:4px 2px; } /* ============================================================================================================== */ /* PAGE: LOGIN /* ============================================================================================================== */ /* PAGE STYLE ---------- */ #page_login { margin-top:100px; background-color:#eee; color:#999; font-family:Georgia, "Times New Roman", Times, serif; } #page_login #table_center_vertical { width:100%; height:100%; } #page_login #table_center_vertical td { width:100%; height:100%; } #page_login #table_center_vertical tr { width:100%; height:100%; } #page_login #banner_middle { width:100%; } #page_login #banner_middle_content { width:474px; margin: 0 auto; padding:10px 0 30px 0; } /* CONTENT ------------- */ #page_login #content_workflow_logo { width:350px; height:130px; margin:0 auto; padding:20px 0 0px 0; background:transparent url(/graphics/login_workflow_logo.jpg) no-repeat center center; outline:0px solid #f00; } #page_login #content_login { width:474px; outline:0px solid #f00; } #page_login #table_input { width:240px; margin:0 auto; outline:0px solid #0f0; } #page_login #table_input td { text-align:right; padding-bottom:6px !important; padding-bottom:4px; outline:0px solid #00f; } #page_login #table_input td.row_1 { padding-bottom:10px; } #page_login #table_input td.row_2 { padding-bottom:10px; } #page_login #table_input .label { color:#999; padding-right:7px; } #page_login #table_input .input { width: 120px; border:1px solid #ccc; padding:4px 2px; font-size:14px; background-color:#f9f9f9; } #page_login #table_input .input:focus { background-color:#fff; } #page_login #table_input button { color:#999; height:58px !important; height:59px; width:58px; display:block; border:1px solid #ccc; background-color:#f9f9f9; margin:0 10px 0 6px; font-weight:bold; } #page_login #table_input button:hover { background-color:#ddd; }