/* =================================================================================================== == Top-level HTML attribute and class styles ====================================================== =================================================================================================== */ /* body { background-color: silver; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; margin: 0px; } */ body { background-color: #FFFFFF; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; margin: 0px; } img { border: 0px; } .buttons { margin: 20px 5px 15px 0px; } .buttons img { padding: 0px 5px; } div.inside div.buttons { padding-left: 4px; } a.buttons { text-decoration: none; } a.buttons:link, a.buttons:visited, a.buttons:hover, a.buttons:active { text-decoration: none; } a { text-decoration: none; } /* =================================================================================================== == Primary structural styles ====================================================================== =================================================================================================== */ #header { vertical-align: middle; height: 70px; } /* height: 120px; */ #footer { clear: both; vertical-align: middle; height: 50px; padding: 10px 22px 0px; } /* #content_wrapper { width: 100%; float: right; margin-left: -180px; } */ #content { margin: -8px 3px 0px; color: #333; font-size: 12px; line-height: 130%; } #sidebar_wrapper { width: 180px; float: left; } #sidebar { padding: 10px 0px 0px 22px; } /* =================================================================================================== == Header region styles =========================================================================== =================================================================================================== */ #header div.controls { float: right; margin: 6px; } #header div.logo { margin: -8px } #header div.name { float: left; margin: 9px 12px; } #header div.links_left { float: left; } #header div.links_right { float: right; } #header div.links img { padding: 0px 5px; } #header h2 { color: black; font-size: 14px; font-weight: bold; } /* =================================================================================================== == Footer region styles =========================================================================== =================================================================================================== */ #footer h4 { color: #666; font-size: 14px; font-weight: bold; } #footer a { color: #666; text-decoration: none; } #footer a:hover { color: #999; } /* =================================================================================================== == Sidebar region styles ========================================================================== =================================================================================================== */ #sidebar h3 { color: white; font-size: 16px; margin: 5px 0px 14px 0px; } /* Menu styles */ #menu { position: relative; margin-top: 0px; margin-left: -22px; padding-left: 0px; } #menu ul a { color: black; text-decoration: none; } #menu ul a:hover { color: #7B3086; } #menu ul { font-size: 16px; color: #F55C32; font-weight: bold; } #menu ul ul { font-size: 88%; font-weight: normal; } #menu li { margin: 9px 0px 12px -17px; list-style-type: none; } #menu li > ul { margin-left: -8px; margin-top: 6px; font-size: 88%; font-weight: normal; } /* CSS for Simple Tree Menu */ #menu li.submenu { cursor: hand !important; cursor: pointer !important; } #menu li.submenu ul { display: none; } #menu .submenu ul li { cursor: default; } /* =================================================================================================== == Main region styles ============================================================================= =================================================================================================== */ /* #content *:first-child { margin-top: 0px; } */ /* Doesn't work in IE6 */ /* #content:first-child { margin-top: -24px; } */ #content a { } #content a:link { text-decoration: none; } /* #content a:hover { text-decoration: none; } */ #content p { margin: 10px 0px; line-height: 130%; } #content strong { font-weight: bold; color: #C5231E; } strong { font-weight: bold; color: #C5231E; } #content div.buttons a { text-decoration: none; } #content div.buttons a:hover { text-decoration: none; } /* a.buttons:link, a.buttons:visited, a.buttons:hover, a.buttons:active { text-decoration: none; } .buttons img { padding: 0px 5px; } a { text-decoration: none; } */ .form_heading { font-weight: bold; font-size: 14px; color: #555; margin: 20px 0px 3px; } .form_subheading { font-weight: bold; font-size: 11px; color: #000000; padding-left: 10px; margin-top: 12px; } #content form { margin: 20px 0px; } /* width: 550px; */ #content form input { width: 100%; background-color: white; margin: 0px 13px 0px -3px; padding: 2px 2px; font-family: Arial, Helvetica, sans-serif; color: #444; vertical-align: middle; } /* border-style: solid; border-width: 1px; border-color: #aaa; */ #content form input.radio { background-color: none; border-width: 0px; width: auto; vertical-align: top; } #content form textarea { width: 100%; background-color: white; margin: 0px 13px 0px -3px; padding: 2px 1px; font-family: Arial, Helvetica, sans-serif; color: #444; } /* border-style: solid; border-width: 1px; border-color: #aaa; */ #content form p { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px; } #content form select { margin: 0px 15px 0px -3px; } #content table.paging { width: 100%; padding: 0px 8px; } #content table.paging a { text-decoration: none; } #content table.paging a:link { text-decoration: none; } #content table.paging a:hover { text-decoration: none; } #content table.paging a:visited { text-decoration: none; } #content table.paging a:active { text-decoration: none; } /* Styles relating to the purple rounded-corner boxes throughout the application Liquid Corners technique by Francky Kleyneman () */ #content div.content_box { margin: 12px 0px 24px; /* padding: 0px 12px 0px 12px;*/ } #content div.content_box .title { padding: 5px 0px 5px 4px; font-size: 13px; font-weight: bold; color: black; float: left; } #content div.content_box h4 { padding-left: 8px; font-size: 13px; color: black; margin-bottom: 5px; text-align: left; } #content div.content_box h5 { padding-left: 10px; font-size: 12px; color: black; margin-bottom: 5px; text-align: left; } #content div.content_box div.top-left, #content div.content_box div.top-right, #content div.content_box div.bottom-left, #content div.content_box div.bottom-right { background-image: url('/bookings/images/content_box.png'); background-repeat: no-repeat; height: 9px; font-size: 2px; } #content div.content_box div.top-left, #content div.content_box div.bottom-left { margin-right: 9px; } #content div.content_box div.top-right, #content div.content_box div.bottom-right { margin-left: 9px; margin-top: -9px; } #content div.content_box div.top-right { background-position: 100% 0; } #content div.content_box div.bottom-left { background-position: 0 -9px; } #content div.content_box div.bottom-right { background-position: 100% -9px; } #content div.content_box div.inside { border-left: 1px solid #7B3086; border-right: 1px solid #7B3086; background: none; } #content div.content_box p.notopgap { margin-top: 0; } #content div.content_box p.nobottomgap { margin-top: -14px; margin-bottom: -1px; padding-top: 0px; padding-bottom: 1px; } #content div.content_box h4.notopgap { margin-top: 0; margin-bottom: 10px; font-size: 14px; } #content div.content_box h5.notopgap { margin-top: 0; margin-bottom: 10px; font-size: 12px; } #content div.content_box div.controls { float: right; padding-top: 8px; } #content div.content_box div.controls input { margin: -5px 0px 2px 8px; } /* Title bar (dark purple) ? used for page titles, major headings and table header rows */ #content table.titlebar { color: white; font-size: 14px; width: 100%; height: 24px; margin: 24px 0px 18px; } #content table.titlebar td.left { background-image: url('/bookings/images/purple_left.gif'); background-repeat: no-repeat; width: 10px; height: 24px; } #content table.titlebar td.middle { background-color: #7B3086; font-weight: bold; font-style: italic; top: -24px; } #content table.titlebar td.right { background-image: url('/bookings/images/purple_right.gif'); background-repeat: no-repeat; width: 10px; height: 24px; } /* Heading bar (light purple) ? used for minor headings */ #content table.headingbar { color: white; font-size: 12px; width: 95%; height: 20px; margin: 20px 0px 15px; } #content table.headingbar td.left { background-image: url('/bookings/images/purple_light_left.gif'); width: 8px; height: 20px; } #content table.headingbar td.middle { background-color: #966BA8; font-weight: bold; font-style: italic; } #content table.headingbar td.right { background-image: url('/bookings/images/purple_light_right.gif'); width: 8px; height: 20px; } /* Alternative, most-excellent CSS-based styles for title and heading bars which refused to work in IE6 Examples:

This is a purple title bar

This is a grey heading bar

------------------------------------------------------------------ */ /* Begin most-excellent alternative styles */ /* Title bar (dark purple) */ /* #main h1 { background-color: #7B3086; margin: 0px 10px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #main h1 div { height: 24px; width: 10px; } #main h1 div.left { background-image: url(/images/purple_left.gif); background-repeat: no-repeat; margin-left: -10px; } #main h1 div.right { background-image: url(/images/purple_right.gif); background-repeat: no-repeat; margin-right: -10px; float: right; } #main h1 div.content { text-align: top; font-size: 14px; font-style: italic; font-weight: bold; color: white; margin-top: -20px; height: 20px; width: auto; } */ /* Heading bar (light purple) */ /* #main h2 { background-color: #838383; margin: 0px 8px; } #main h2 div { height: 20px; width: 8px } #main h2 div.left { background-image: url(/images/grey_left.gif); margin-left: -8px; } #main h2 div.right { background-image: url(/images/grey_right.gif); margin-right: -8px; float: right; } #main h2 div.content { font-size: 12px; font-style: italic; font-weight: bold; color: white; margin-top: -18px; height: 18px; width: auto; } */ /* End most-excellent alternative styles */ /* Agreement styles ? used in DisplayAgreementPage */ div.agreement { padding: 8px 8px 0px; margin: -5px 0px 20px; height:340px; overflow:auto ; background-color: white; border: thin solid #888; color: #444;} div.agreement h4 { padding: 0px 0px -10px; font-size: 12px; font-style: bold; } div.agreement ul { list-style-type: none; list-style-position: outside; } div.agreement ol { list-style-type: none; list-style-position: outside; } div.agreement li { } div.agreement p { } div.agreement strong { font-weight: bold; color: #333; } /* Small table styles ? used for current program and history tables */ table.small_table { text-align: left; font-family: Arial; font-size: 12px; color: #333; line-height: 120%; margin: 0px 0px 7px; width: 100%; } table.small_table a { color: #C5231E; text-decoration: underline; } table.small_table a:hover { color: #888; text-decoration: underline; } table.small_table th { font-weight: bold; color: black; padding: 0px 3px; vertical-align: bottom; } table.small_table td { padding: 2px 4px; vertical-align: top; } table.small_table tr:hover td { background-color: #bbb; } table.small_table tr.headings th { font-size: 12px; background-color: transparent; } table.small_table tr.odd td { background-color: #E6E0EA; } table.small_table tr.even td { background-color: white; } table.small_table tr.footer { font-weight: bold; color: black; } table.small_table tr.footer td { font-size: 12px; } table.small_table tr.footer:hover td { font-size: 12px; background-color: transparent; } table.small_table input { color: #333; font-size: 11px; margin-right: 0px } table.small_table select { color: #333; font-size: 10px; margin-right: 0px } table.small_table textarea { color: #333; font-size: 11px; line-height: 130%; margin-right: 0px } /* Tiny table styles */ table.tiny_table { text-align: left; font-family: Arial; font-size: 12px; color: #333; line-height: 120%; margin: 0px 0px 7px; width: 100%; } table.tiny_table a { color: #333; text-decoration: none; } /* table.tiny_table a:hover { text-decoration: underline; background-color: blue; } */ table.tiny_table th { font-weight: bold; color: black; padding: 0px 3px; vertical-align: bottom; } table.tiny_table td { padding: 2px 4px; vertical-align: top; } table.tiny_table tr:hover td { background-color: #bbb; } table.tiny_table tr.headings th { font-size: 12px; background-color: transparent; } table.tiny_table tr.odd { background-color: #E6E0EA; } table.tiny_table tr.even { background-color: white; } table.tiny_table tr.footer { font-weight: bold; color: black; } table.tiny_table tr.footer td { font-size: 12px; } table.tiny_table tr.footer:hover td { font-size: 12px; background-color: transparent; } table.tiny_table input { color: #333; font-size: 11px; margin-right: 0px } table.tiny_table select { color: #333; font-size: 10px; margin-right: 0px } table.tiny_table textarea { color: #333; font-size: 11px; line-height: 130%; margin-right: 0px } /* =================================================================================================== == Styles under review ============================================================================ =================================================================================================== */ .form_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444; } /* Basic grey text, can be used as content text on all pages also */ .form_field { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 5px 0px 10px; line-height: 130%; } .form_field input { color: #444; font-size: 11px; margin-right: 12px } .form_field select { color: #444; font-size: 10px; margin-right: 12px } .form_field textarea { color: #444; font-size: 11px; line-height: 130%; margin-right: 12px } table.white td.left { background-image: url('/bookings/images/purplestroke_white_left.gif'); width: 11px; height: 28px; background-repeat: no-repeat } table.white td.middle { background-image: url('/bookings/images/purplestroke_white_middle.gif'); background-repeat: repeat-x } table.white td.right { background-image: url('/bookings/images/purplestroke_white_right.gif'); width: 11px; height: 28px; background-repeat: no-repeat } table.clear td.left { background-image: url('/bookings/images/purplestroke_clear_left.gif'); width: 11px; height: 28px; background-repeat: no-repeat } table.clear td.middle { background-image: url('/bookings/images/purplestroke_clear_middle.gif'); background-repeat: repeat-x } table.clear td.right { background-image: url('/bookings/images/purplestroke_clear_right.gif'); width: 11px; height: 28px; background-repeat: no-repeat } /* =================================================================================================== == Deprecated styles ============================================================================== =================================================================================================== */ /* =================================================================================================== == End of file ==================================================================================== =================================================================================================== */ /* =================================================================================================== == Edited By Sharabh ===== Starts =============================================================== =================================================================================================== */ #add-more input[type=button] { width:90px; margin:5px 0 0 0; } .buttons .next-submit { background:url('http://www.nextevent.com.au/bookings/localisation/english/resources/buttons/next_purple.gif') no-repeat; border:none; height:60px; } .buttons .next-submit:hover { background:url(http://www.nextevent.com.au/bookings/localisation/english/resources/buttons/next_purple_rollover.gif) no-repeat; } /* =================================================================================================== == End of file ============= Ends =============================================================== =================================================================================================== */