/* Main stylesheet for layout and common elements */ html { height:100%; } /* forces scrollbars in Firefox */ body { height:100%; margin:0px 0px 1px 0px; } /* forces scrollbars in Firefox */ body { padding:0px; background-color:#e9ebeb; text-align:center; } body { font:normal 12px Arial, Verdana, Geneva, Helvetica, sans-serif; color:#535353; text-align:center; } img { border:0px; } object { outline:none; } a { color:#535353; } /* form { margin:0px; padding:0px; } input { font:normal 12px "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif; color:#535353; } */ h1 { font-size:24px; font-weight:bold; margin:16px 0px; } h2 { font-size:18px; font-weight:bold; margin:10px 0px 0px 0px; } .subtitle { font-size:14px; font-weight:normal; margin:0px 0px 10px 0px; } table { border:none; border-spacing:0px; empty-cells:show; } tr { vertical-align:top; } td.key { font-weight:bold; } td.value { } .tr_a { } .tr_b { } .tr_hidden { visibility:hidden; } .bare { cursor:pointer; } a.bare { text-decoration:none; } a.bare:hover{ text-decoration:underline; } .bold { font-weight:bold; } .center { text-align:center; } .flopup { cursor:pointer; font-weight:bold; color:#c55912; text-decoration:underline; padding-right:15px; background:url(/images/icons/flopup-11.png) center right no-repeat; } .italic { font-style:italic; } .link { text-decoration:underline; cursor:pointer; } .no_outline { outline:none; } .photo { border:1px solid #dddddd; padding:3px; } .required { font-weight:bold; color:#000000; } .small { font-size:10px; } .spacer { width:1px; height:1px; line-height:1px; font-size:1px; clear:both; } .tooltip { cursor:pointer; border-bottom:1px dotted; } .border_r { border-right:1px solid #eeeeee; } /* icons */ .excel { margin-left:20px; background:url(/images/icons/excel-17.png) left center no-repeat; padding-left:20px; line-height:18px; } .send_rfp { background:url(/images/icons/send_rfp-17.png) left center no-repeat; padding-left:21px; line-height:18px; } .notified { background:url(/images/sprites/speakers.png) no-repeat 0px 0px; width:16px; height:16px; display:inline-block; } .not_notified { background:url(/images/sprites/speakers.png) no-repeat -16px 0px; width:16px; height:16px; display:inline-block; } .notified.disabled { background:url(/images/sprites/speakers.png) no-repeat -32px 0px; width:16px; height:16px; display:inline-block; } .not_notified.disabled { background:url(/images/sprites/speakers.png) no-repeat -48px 0px; width:16px; height:16px; display:inline-block; } /* colors */ .red { color:#aa0000; } .green { color:#649906; } .blue { color:#0000aa; } .grey { color:#999999; } .olive { color:#729c23; } .orange { color:#c55912; } /* negative margin is for footer. be sure it matches height of layout_footer and footer_push. height:auto !important is for ie6 */ #layout { width:100%; min-height:100%; height:auto !important; height:100%; background-color:#e9ebeb; margin-bottom:-89px; } .one_col #table_content { width:986px; background:url(/images/content_back_1.png) top left repeat-y; padding:0px 20px 10px 20px; } .two_col #table_content { width:100%; background:url(/images/content_back_2.png) top left repeat-y; padding:0px 20px 10px 20px; } #layout_header { background:url(/images/header_bg.jpg) top left repeat-x; height:122px; width:100%; } #layout_header .content { width:995px; margin:0px auto; position:relative; text-align:left; } #layout_main { width:995px; margin:0px auto; text-align:left; position:relative; } #layout_footer { height:89px; background:none; width:100%; margin-top:5px; text-align:center; font-size:10px; color:#777777; } #layout_footer a { color:#415EAD; } #footer_push { height:89px; clear:both; } #layout_nav_admin { background-color:#8fb200; vertical-align:middle; height:23px; } #layout_nav_admin .item { display:inline; padding:0px 10px 0px 10px; text-decoration:none; color:#000000; height:23px; line-height:23px; } #layout_nav_admin a:hover { background-color:#a6cb0f; text-decoration:underline; } #top_nav { font:normal 11px verdana; position:absolute; top:3px; right:3px; color:#cef973; } #top_nav .content { text-align:right; } #top_nav a { color:#cef973; padding:0px 5px; } #top_nav a:hover { color:#f4ffdc; } #top_nav input { font:normal 11px verdana; color:#838383;} #user_nav { } #user_nav img { display:block;} #user_nav a { outline:none; } /* Removes firefox dotted outline */ .layout_main { height:100%; } /* styles for when user is signed out */ #signed_out_top_nav { font:normal 11px verdana; position:absolute; top:0px; right:3px; color:#cef973; } #signed_out_top_nav .content{ text-align:right; } #signed_out_top_nav a { color:#cef973; padding:0px 5px; text-decoration:none; } #signed_out_top_nav a:hover { color:#f4ffdc; text-decoration:underline; } #signed_out_top_nav input { font:normal 11px verdana; color:#838383;} #signed_out_top_nav .item { background:url(/images/lo_top_nav_spacer.png) no-repeat; float:left; height:56px; padding:0px 10px; } #signed_out_top_nav a { position:relative; top:20px; } .one_col .alert_info { color:#000000; border:1px solid #999999; background-color:#aedff4; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .two_col .alert_info { color:#000000; border:1px solid #999999; background-color:#aedff4; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .one_col .alert_error { color:#cc3333; border:1px solid #999999; background-color:#f6f695; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .two_col .alert_error { color:#cc3333; border:1px solid #999999; background-color:#f6f695; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .one_col .alert_success { color:#000000; border:1px solid #999999; background-color:#bdfea8; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .two_col .alert_success { color:#000000; border:1px solid #999999; background-color:#bdfea8; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .one_col .alert_question { color:#000000; border:1px solid #999999; background-color:#fafac4; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .two_col .alert_question { color:#000000; border:1px solid #999999; background-color:#fafac4; font-weight:bold; margin:10px 0px 10px 0px; padding:5px 0px; } .logged-out .alert_info { width:820px; margin:30px 0px 10px 60px; } .logged-out .alert_error { width:820px; margin:30px 0px 10px 60px; } .logged-out .alert_success { width:820px; margin:30px 0px 10px 60px; } .logged-out .alert_question { width:820px; margin:30px 0px 10px 60px; } /* zend framework error messages */ ul.errors { background-color:#fce1e7; border:1px solid #eed2d9; margin:5px; } ul.errors li { margin:5px; } .crumbs { font-size:11px; color:#888888; margin:10px 0px 10px -5px; } .crumbs a { color:#888888; margin:0px 5px; text-decoration:none; } .crumbs a:hover { color:#444444; text-decoration:underline; } .crumbs .crumb { margin:0px 5px; } .gso { background-color:#cccccc; color:#ffffff; padding:0px 2px; -moz-border-radius:2px; border-radius:2px; } .planner { background-color:#5b9656; color:#ffffff; padding:0px 2px; -moz-border-radius:2px; border-radius:2px; } .starred { width:15px; height:15px; background:url(/images/sprites/stars.png) 0px 0px; class:pointer; } .unstarred { width:15px; height:15px; background:url(/images/sprites/stars.png) 0px -15px; class:pointer; } /* styles for tables in 2nd column */ .table_deux {} .table_deux img { display:block; } .table_deux tr td { padding:5px 0px 5px 5px; text-align:left; padding-left:15px; font-weight:bold;} .table_deux thead td { font-weight:bold; color:#000000; font-size:16px; } .table_deux td a { color:#415EAD; font-weight:normal; } /* styles for dash drafts */ .table_drafts { width:100%; } .table_drafts img { display:block; } .table_drafts td a { color:#415EAD; font-weight:normal; } /* Other Dash Stuff */ .dash_global_alert { background:url('/images/global_alert_bg.jpg'); width:602px; height:24px; text-align:center; padding-top:10px; margin:5px 5px 0px 20px; } .table_alerts { width:100%; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; } .table_alerts img { display:block; } .table_alerts tr td { padding:0px;text-align:left; } .table_alerts thead td { background-color:#666666; color:#ffffff; text-align:center; } .table_alerts td a { color:#415EAD; font-weight:normal; } .table_alerts div.alert:hover { background-color:#fdfed6; } /* actions */ .actions, .actions a { font-size:10px; color:#a6b4db; text-decoration:none; } .actions.hover { font-size:10px; color:#415EAD; } .actions.hover a { font-size:10px; color:#415EAD; text-decoration:underline; } .actions.hover .gso, .gso.on{ background-color:#aa5555; } /* styles for a table that just lists data */ .table_list { boder:1px; width:100%; background-color:#ffffff; } .table_list tr { vertical-align:middle; } .table_list tr td { padding:3px 5px; border-bottom:1px solid #eeeeee; } .table_list tr.header td { background-color:#eeeeee; font-weight:bold; } .table_list tr.header td.blank { background-color:transparent; font-weight:bold; } .table_list tr.header:hover { background-color:#eeeeee; } .table_list thead td { background-color:#999999; font-weight:bold; color:#ffffff; } .table_list thead td a { color:#ffffff; } .table_list tfoot td { background-color:#999999; font-weight:bold; color:#ffffff; border-bottom:none; } .table_list tfoot td a { color:#ffffff; } .table_list tr:hover { background-color:#fdfed6; } .table_list td.key { font-weight:bold; background-color:#ffffdd; border-right:1px solid #cccccc; } .table_list tr.no_border td { border-bottom:none; } .table_list td.no_border { border-bottom:none; } .table_list tr.no_rollover:hover{ background-color:inherit; } .table_list tr.no_border .table_list tr td { border-bottom:1px solid #eeeeee; } /* ensures embedded table still has borders by default */ thead tr td.sort_off { background:#999999 url(/images/sort_off.png) center left no-repeat; padding-left:12px; } thead tr td.sort_on { background:#999999 url(/images/sort_on.png) center left no-repeat; padding-left:12px; } .table_list tr:hover .gso { background-color:#aa5555; } /* clears any parent table styles */ .table_reset tr td { padding:0px; } /* styles for a table that hosts an editor */ .table_edit { boder:1px; } .table_edit thead td { background-color:#999999; font-weight:bold; color:#ffffff; } .table_edit tr td { padding:2px 5px; border-bottom:1px solid #eeeeee; vertical-align:middle; } .table_edit tr.header td { font-weight:bold; font-size:12px; background-color:#eeeeee; } .table_edit tr.header td.blank { background-color:inherit; font-weight:bold; border-bottom:none; } .table_edit tr:hover { background-color:#fdfed6; } .table_edit td.key { font-weight:bold; background-color:#ffffdd; border-right:1px solid #cccccc; } .table_edit tr.no_border td { border-bottom:none; } .table_edit td.no_border { border-bottom:none; } .table_edit tr.no_rollover:hover{ background-color:inherit; } /* recursion for nested tables */ .no_border .table_edit { border:1px; } .no_border .table_edit thead td { background-color:#999999; font-weight:bold; color:#ffffff; } .no_border .table_edit tr td { padding:2px 5px; border-bottom:1px solid #eeeeee; } .no_border .table_edit tr.header td { font-weight:bold; font-size:12px; background-color:#eeeeee; } .no_border .table_edit tr:hover { background-color:#fdfed6; } .no_border .table_edit td.key { font-weight:bold; background-color:#ffffdd; border-right:1px solid #cccccc; } .no_border .table_edit tr.no_border td { border-bottom:none; } .no_border .table_edit tr.no_rollover:hover{ background-color:inherit; } /* attachments */ .table_list.attachments { width:250px; } .table_list.attachments td { padding:2px 0px; } .table_list.attachments td.attachment { padding-left:5px; vertical-align:top; } .table_list.attachments .attachment_name { overflow:hidden; width:210px; } .table_list.attachments thead td { padding-left:5px; } .table_attachments { } .table_attachments tr td { padding:2px 0px; vertical-align:middle; } .tbody_attachments tr td { border-bottom:1px solid #eeeeee !important; } .table_attachments td.attachment { padding-left:10px; vertical-align:top; } .table_attachments .attachment_name { overflow:hidden; width:210px; } .table_attachments thead td { padding-left:5px; } .table_attachments tr.no_border td { border-bottom:none; } .table_attachments td.no_border { border-bottom:none; } .table_attachments tr.no_rollover:hover{ background-color:inherit; } .attachment_icon { margin:2px 5px 5px 0px; float:left; } .attachment_link { color:#207dc6; } .attachment_desc { color:#999999; font-size:10px; margin-top:2px; } .table_list.conversation { width:250px; } /* a table's title row style */ table tr.title td { background:#eeeeee url(/images/title_back.png) bottom left repeat-x; color:#373636; font-weight:bold; font-size:15px; height:30px; line-height:30px; padding:0px 14px; border-top: 20px #fff solid; } table tr.title:hover { background-color:#eeeeee; } table tr.title td .right{ float:right; font-size:12px; font-weight:normal; } table tr.title td a { color:#373636; } table .full_border { border:1px solid #eeeeee; border-bottom:none; } .ajax_processing { padding:5px 5px 5px 25px; margin-bottom:10px; border:1px solid #cccccc; background:#fafafa url(/images/loading.gif) 3px 3px no-repeat; } .ajax_success { padding:5px 5px 5px 25px; margin-bottom:10px; border:1px solid #b8d29b; background:#e0f4c9 url(/images/icons/check_green-20.png) 2px 2px no-repeat; } .ajax_error { padding:5px 5px 5px 25px; margin-bottom:10px; border:1px solid #edb4c1; background:#fce1e7 url(/images/icons/x-20.png) 3px 3px no-repeat; } .ajax_message { padding:5px 5px 5px 25px; margin-bottom:10px; border:1px solid #dfdfaa; background-color:#fafbcb; } .counter { font-size:9px; color:#888888; text-align:right; height:12px; overflow:hidden; } .counter.hidden { display:none; } .counter.warning { color:#db9566; font-weight:bold; } .counter.error { color:#aa0000; font-weight:bold; } .planner_viewed_at { background:#fbf4b6 url(/images/icons/eye_icon-17.png) no-repeat 5px center; padding: 4px 4px 4px 30px; width:400px; font-style:italic; font-weight:bold; margin:10px 0px; -moz-border-radius:2px; border-radius:2px; } /* help icon placement */ .help_top { vertical-align:top; margin-top:2px; cursor:pointer; } .help_mid { vertical-align:middle; } .messages_unread { display:block; background:url(/images/sprites/messages.png); width:18px; height:17px; margin-top:3px; } .messages_read { display:block; background:url(/images/sprites/messages.png) 0px -17px; width:18px; height:17px; margin-top:3px; } .messages_none { display:none; } /* results paginator */ .paginator { background-color:#eeeeee; padding:5px; overflow:hidden; } .paginator_summary { margin:5px 10px 0px 5px; float:left; } .paginator_summary .start { } .paginator_summary .end { } .paginator_summary .total { } .paginator a { text-decoration:none; display:inline-block; line-height:17px; } .paginator .button { border:1px solid #aaaaaa; margin:1px 2px; padding:2px 4px; background-color:#ffffff; display:block; float:left; -moz-border-radius:2px; border-radius:2px; } .paginator .button span { background:url(/images/sprites/arrows.png) no-repeat; width:6px; height:9px; display:inline-block; font-size:0px; } .paginator .button.first span { background-position:0px 0px; width:11px; margin-left:2px; } .paginator .button.previous span{ background-position:-13px 0px; margin-right:4px; } .paginator .button.next span { background-position:-21px 0px; margin-left:4px; } .paginator .button.last span { background-position:-29px 0px; width:11px; margin-right:2px; } .paginator .button.disabled { border:1px solid #dddddd; background-color:#fafafa; } .paginator .button.disabled.first span { background-position:0px -11px; } .paginator .button.disabled.previous span{ background-position:-13px -11px; } .paginator .button.disabled.next span { background-position:-21px -11px; } .paginator .button.disabled.last span { background-position:-29px -11px; } .paginator a:hover.button { border:1px solid #000000; } .paginator a:hover.button.disabled { border:1px solid #dddddd; } .paginator .disabled { color:#aaaaaa; } .paginator .pages { float:left; margin:4px 5px; } .paginator .page { display:inline-block; margin:0px 3px; } .paginator .page.selected { color:#000000; font-weight:bold; text-decoration:underline; } /* Dojo tundra theme tweaks */ .tundra .dijitInputField { padding:2px; } .tundra .dijitValidationIcon { height:16px; } .tundra .dijitComboBox { padding-left:2px; } .tundra .dijitComboBox .dijitInputField input { padding-top:2px; } .tundra .dijitComboBox .dijitValidationIcon { margin-top:2px; height:16px; } .tundra .dijitComboBox .dijitArrowButtonInner { padding-top:4px; } .tundra .dijitComboBox.hideArrow .dijitDownArrowButton { display:none; } /* to hide arrow on dropdown */ .tundra .dijitTextBox.dijitTextBoxReadOnly { background-color:#eeeeee; background-image:none; } .tundra .dijitTextArea { font-family:Arial; font-size:12px; color:#535353; } .tundra .dijitCheckBox.dijitCheckBoxReadOnly { background-position:-48px 50%; } /* make read-only checkboxes grey */ .tundra .dijitCheckBox.dijitCheckBoxCheckedReadOnly { background-position:-32px 50%; } /* make read-only checkboxes grey */ .tundra .dijitSelectSelectedOption { background-color:#eeeeee; } .tundra .dijitMenuItemSelected { background-color:#cccccc; } /* Dojo style overwrites */ .dijitDialogUnderlay { background-color:#000000 !important; } .dijitDialog { text-align:left; } /* Custom dialog * - be sure TL, TR... all match the size of the dot.png images that fill in the space */ .speedDialogTd { background-color:#ffffff; } .speedDialogTL { background:url(/images/dialog_sprites_v.png) 0px 0px no-repeat; } .speedDialogT { background:url(/images/dialog_sprites_v.png) 0px -48px repeat-x; } .speedDialogTR { background:url(/images/dialog_sprites_v.png) 0px -12px no-repeat; } .speedDialogL { background:url(/images/dialog_sprites_h.png) 0px 0px repeat-y; } .speedDialogR { background:url(/images/dialog_sprites_h.png) -12px 0px repeat-y; } .speedDialogBL { background:url(/images/dialog_sprites_v.png) 0px -24px no-repeat; } .speedDialogB { background:url(/images/dialog_sprites_v.png) 0px -123px repeat-x; } .speedDialogBR { background:url(/images/dialog_sprites_v.png) 0px -36px no-repeat; } .speedDialogTitleL { background:url(/images/dialog_sprites_v.png) 0px -60px no-repeat; } .speedDialogTitleBar { background:url(/images/dialog_sprites_v.png) 0px -81px repeat-x; height:21px; cursor:move; padding:0px 0px 0px 10px; color:#000000; } .speedDialogTitleR { background:url(/images/dialog_sprites_v.png) 0px -102px no-repeat; } .speedDialogCloseIcon { background:url(/images/dialog_sprites_v.png) 0px -135px no-repeat; width:12px; height:12px; position:absolute; top:13px; right:15px; cursor:pointer; } .speedDialogCloseIcon-hover { background:url(/images/dialog_sprites_v.png) 0px -147px no-repeat; } .speedDialogPaneContent { background:#ffffff; border:none; padding:10px; } .speedDialogFooter { background:#ffffff; border:none; } /* Search suggestions */ #suggestions { position:absolute; border:1px solid #3D5F80; background-color:#ffffff; width:295px; z-index:200; text-align:left; } #suggestions_content { border:1px solid #cccccc; } #suggestions .title { padding:3px 5px; font-weight:bold; font-size:12px; color:#ffffff; background-color:#777777; } #suggestions .item { position:relative; border-bottom:1px solid #dddddd; padding:2px 5px; cursor:pointer; } #suggestions .over { background-color:#eeeeee; } #suggestions .item .name { font-size:11px; color:#545454; margin-right:10px; } #suggestions .item .address { font-size:10px; color:#888888; } #suggestions .item .name .address { margin-left:5px; } #suggestions .item .add { position:absolute; right:4px; top:5px; width:12px; height:12px; background:url(/images/icons/add-12.png) no-repeat; } #suggestions .highlight { font-weight:bold; background-color:#dddddd; } #dialog_show_all { } #dialog_show_all .speedDialogPaneContent { border:1px solid #dddddd; margin:10px; padding:0px; } #dialog_show_all .item { position:relative; border-bottom:1px solid #dddddd; padding:2px 5px; cursor:pointer; } #dialog_show_all .over { background-color:#eeeeee; } #dialog_show_all .item .name { font-size:11px; color:#545454; margin-right:10px; } #dialog_show_all .item .address { font-size:10px; color:#888888; } #dialog_show_all .item .name .address { margin-left:5px; } #dialog_show_all .item .add { position:absolute; right:4px; top:5px; width:12px; height:12px; background:url(/images/icons/add-12.png) no-repeat; } #dialog_show_all .speedDialogFooter .item { padding:10px; border-bottom:none; } #div_add { padding:10px 10px 10px 20px; } /* RFP summary boxes */ .summary_box { color:#535353; -moz-border-radius:5px; border-radius:5px; border:1px solid #EEE; } .summary_box .title { background:#eeeeee url(/images/title_back.png) bottom left repeat-x; color:#373636; font-weight:bold; font-size:15px; height:30px; line-height:30px; padding:0px 14px; } .summary_box .title .right{ float:right; font-size:12px; font-weight:normal; } .summary_box .photo { float:left; margin-right:10px; margin-bottom:20px; } .summary_box label { font-size:12px; } .summary_box .value { font-weight:bold; } .summary_box .content { padding:10px 14px; } #rfp_summary { background:#f1f1f1; border-color:#dcdcdc; } #rfp_summary .left { float:left; } #rfp_summary .right { float:right; float:right; text-align:right; } #rfp_summary label { color:#888; font-size:14px; } #rfp_summary .value { font-size:17px; } /* extended summary only used when supplier starts responding (and external response editor) */ #rfp_summary.extended { width:425px; float:right; background:#f1f1f1; border-color:#dcdcdc; text-align:right; } #planner_overview { min-height:183px; } #hotel_overview { min-height:215px; } #event_overview { min-height:183px; } #rfp_access { height:215px; overflow-x:hidden; overflow-y:auto; } #rfp_access .title td { border-top:0px; } #rfp_access .title td.small { font-size:11px; font-weight:normal; line-height:12px; text-align:center; padding:0px; } #rfp_access .title .border_r { border-right:1px solid #dddddd; }