/* Global styles */
html { height: 100%; }
body { font-family: Verdana, sans-serif; font-size: 0.8em; margin: 0; width: 100%; color: #6F6452; background: url('img/design/bg.png') repeat-x #F3F3F3; }
th { text-align: left; }
th,td { vertical-align: top; font-weight: normal; }
img { border: 0; }
h1 { color: #01A6E0; font-size: 2em; }
h2 { font-size: 1.3em; font-weight: bold; }
h3 { font-size: 1em; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.accessibility_hidden { display: none; }
.hidden { display: none; }
.red_highlight { color: red; font-weight: bold; }
.float_passer { height: 0; line-height: 0; clear: both; }
.no_print { }
.print_only { display: none; }
.pdf_note { background: url('img/pdf-icon.gif') no-repeat left; padding: 15px 0 14px 36px; }
.error { font-weight: bold; color: #FF0000; }
.success { font-weight: bold; color: #00FF00; }

/* Global template design */
.outer { width: 945px; margin: 0 auto; background: white; }
.outer_1 { background: url('img/design/left_outer_repeat.png') repeat-y top left; }
.outer_2 { background: url('img/design/left_outer.png') no-repeat top left; }
.outer_3 { background: url('img/design/right_outer_repeat.png') repeat-y top right; }
.outer_4 { background: url('img/design/right_outer.png') no-repeat top right; }
.middle { margin: 0 160px 0 160px; padding-bottom: 30px; font-size: 0.9em; }
.inner { margin: 0 14px; }
.inner_1 { background: url('img/design/left_inner_repeat.png') repeat-y top left; }
.inner_2 { background: url('img/design/left_inner.png') no-repeat top left; }
.inner_3 { background: url('img/design/right_inner_repeat.png') repeat-y top right; }
.inner_4 { background: url('img/design/right_inner.png') no-repeat top right; }
.inner_5 { padding: 0 30px; background: url('img/design/bottom_inner.png') no-repeat bottom left; min-height: 550px; }


/***************************************************************************************************
* Standard Styles                                                                                  *
***************************************************************************************************/
.greyband { background: url('img/greyband.png') top left repeat-y /*#8F8F8F*/; margin: 0px 0px 0px 0px; padding: 6px; height: 22px; overflow: visible; color: #FFFFFF; clear: both; }
.blueband { background: url('img/blueband.png') top left repeat-y /*#006ACC*/; margin: 10px 0px 0px 0px; padding: 6px; height: 16px; overflow: visible; color: #FFFFFF; clear: both; text-align: center; }
.notes { font-size: 0.9em; margin: 0px; padding: 3px 0px; }
/* Boxes
 * <div class="greenBoxTop"><div class="greenBoxBottom">(.+)</div></div>
 * <div class="(greyBoxShort|greyBoxTall)"><div class="greyBoxTop"><div class="greyBoxBottom">(.+)</div></div></div>
 */
.greenBoxTop { background: url('img/boxes/green_top.png') top left no-repeat #19AF33; margin: 10px 0px; color: #FFFFFF; clear: both; width: 538px; }
.greenBoxBottom { background: url('img/boxes/green_bottom.png') bottom left no-repeat; padding: 10px 15px; }
.greenBoxBottom * { color: #FFFFFF; }
.greyBoxTall { background: url('img/boxes/grey_repeatx_tall.gif') bottom repeat-x #bcbcbc; width: 150px; color: #FFFFFF; clear: both; }
.greyBoxShort { background: url('img/boxes/grey_repeatx_short.gif') bottom repeat-x #bcbcbc; width: 150px; color: #FFFFFF; clear: both; }
.greyBoxTop { background: url('img/boxes/grey_top.gif') top left no-repeat; }
.greyBoxBottom { background: url('img/boxes/grey_bottom.gif') bottom left no-repeat; padding: 5px 10px; }
.blueBox { background: url('img/boxes/blue_repeatx.gif') bottom repeat-x #00A3E4; width: 150px; color: #FFFFFF; clear: both; }
.blueBoxTop { background: url('img/boxes/blue_top.gif') top left no-repeat; }
.blueBoxBottom { background: url('img/boxes/blue_bottom.gif') bottom left no-repeat; padding: 5px 10px; }
.lightgreyBox { background: #f3f3f3; width: 150px; clear: both; }
.lightgreyBoxTop { background: url('img/boxes/lightgrey_top.png') top left no-repeat; }
.lightgreyBoxBottom { background: url('img/boxes/lightgrey_bottom.png') bottom left no-repeat; padding: 5px 10px; }
.redBoxTop { background: url('img/boxes/red_top.png') top left no-repeat #ed1c24; margin: 10px 0px; color: #FFFFFF; clear: both; width: 538px; }
.redBoxBottom { background: url('img/boxes/red_bottom.png') bottom left no-repeat; padding: 10px 15px; }
.redBoxBottom * { margin: 0px; }
.whiteOnRedBoxTop { background: url('img/boxes/whiteonred_top.png') top left no-repeat #FFFFFF; margin: 0px; color: #ed1c24; clear: both; width: 244px; font-size: 1.2em; text-align: center; font-weight: bold; }
.whiteOnRedBoxBottom { background: url('img/boxes/whiteonred_bottom.png') bottom left no-repeat; padding: 10px 15px; }

/* Forms */
.mandatory { color: #7C7C7C; }
.box input, .box select, .box textarea { font-family: Verdana, sans-serif; font-size: 1em; }
.input_sad { color: gray; }
.input_happy { }
.form_item { width: 8em; float: left; }
.smallerGreenBoxTop .form_item { width: 6em; }
.form_field input,
.form_field select,
.form_field textarea { margin-bottom: 10px; }
.form_button { margin: 20px 0; }
.input_edit { background: none; border: none; text-decoration: underline; color: #01A6E0; cursor: pointer; }
.basket_quantity { width: 25px; margin: 0px; padding: 0px; vertical-align: top; text-align: center; }

/* Tables */
.data_table td, .data_table th { padding: 3px; }
.data_table th { font-weight: bold; padding-bottom: 8px; }

/***************************************************************************************************
* Template Positions                                                                               *
***************************************************************************************************/
/* Top */
.top { background: url('img/design/top_repeat.png') top repeat-x; }
.top .right { float: right; text-align: right; font-weight: bold; font-size: 1.05em; padding-right: 18px; }
.top p { margin: 0; }
/* Navigation */
/*
.menu p { margin: 0px; }
.menu_in, .menu_out { margin: 0; padding: 3px 14px 10px 0; background: url('img/menu/menu_divider.png') bottom left no-repeat; }
.mop { padding-right: 16px; display: block; }
.term { padding: 0 16px 7px 13px; font-size: 0.85em; }
.term2 { padding: 0 0 7px 23px; font-size: 0.85em; }
.term a, .term2 a { font-weight: normal; }
.not_menu_link { color: gray; display: block; padding-right: 16px; }
.faux_rule {}
*/
.menu { width: 160px; position: absolute; left: 0; text-align: right; }
.menu a { color: #666; display: block; height: 100%; padding-right: 16px; margin-right: -16px; }
.menu a:visited, .menu a:active, .menu a:link { text-decoration: none; }
.menu .current { font-weight: bold; }
.menu .selected { background: url('img/menu/menu_arrow.png') bottom right no-repeat; }
.mainmenu { list-style: none; margin: 10px 16px 5px 8px; padding: 0px 0px; }
.mainmenu_1 { list-style: none; margin: 0px; padding: 5px 0px; }
.mainmenu li { border-bottom: 1px dotted; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; }
.mainmenu_1 li { border-bottom: none; font-size: 0.85em; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; }

/* Extra Message */
.extra_message { color: #257509; font-weight: bold; font-size: 1.2em; padding: 3px 0 3px 0; border-top: 1px solid; border-bottom: 1px solid; }
.extra_message p { margin: 0; }
.extra_message strong { color: red; }
/* Main */
.main {}
/* Right column */
.panel { width: 160px; position: absolute; right: 0; }
/* Bottom */
.bottom { padding: 20px 0px; text-align: center; color: #878787; font-size: 0.85em; }
.bottom a { color: #666666; text-decoration: none; }
/* Step Graphic */
.step_graphic { margin-right: -20px; margin-top: -5px; float: right; }
/* Breadcrumbs*/
.breadcrumbs { color: #01A6E0; font-weight: bold; font-size: 0.85em; }
.breadcrumbs a { text-decoration: none; color: #01A6E0; }


/***************************************************************************************************
* Pages                                                                                            *
***************************************************************************************************/
/* Home page */
.homepage {}
.homepage h1 { margin: 0px; padding: 0px; height: 30px; overflow: hidden; }
.homepage h1 a { display: block; height: 0px; font-size: 0px; padding-top: 30px; }
.homepage .banner_box { padding-left: 20px; padding-top: 15px; padding-right: 220px; padding-bottom: 20px; height: 188px; }
.homepage .banner_box a { color: #FFFFFF; }
.homepage #tab1 { background: url('img/home/online-catalogue.png') no-repeat; color: #FFFFFF; }
.homepage #tab2 { background: url('img/home/activate_account.png') no-repeat; color: #FFFFFF; }
.homepage #tab3 { background: url('img/home/software_demos.png') no-repeat; color: #FFFFFF; }
.homepage #tab4 { background: url('img/home/green-competition.png') no-repeat; color: #FFFFFF; }
.homepage .banner_buttons { margin: 0px; padding: 0px; overflow: hidden; }
.homepage .banner_buttons a { display: block; height: 30px; float: left; margin: 1px 2px 0px 0px; padding: 5px 10px; color: #6f644f; text-decoration: none; font-size: 0.95em; width: 113px; }
.homepage .banner_buttons .idle { background: url('img/home/tab_idle.png') top left no-repeat; }
.homepage .banner_buttons #tab1button.active { background: url('img/home/tab_active1.png') top left no-repeat; color: #FFFFFF; }
.homepage .banner_buttons #tab2button.active { background: url('img/home/tab_active2.png') top left no-repeat; color: #FFFFFF; }
.homepage .banner_buttons #tab3button.active { background: url('img/home/tab_active3.png') top left no-repeat; color: #FFFFFF; }
.homepage .banner_buttons #tab4button.active { background: url('img/home/tab_active4.png') top left no-repeat; color: #FFFFFF; }

/* Login page */
.section { width: 248px; float: left; }

/* Activation pages */
.activation_screens { width: 400px; }
.questions_line { padding-top: 30px; text-align: center; font-size: 0.8em; color: black; }

/* School profile page */
.schooldetails { width: 100%; }
.schooldetails th { font-weight: bold; text-align: left; width: 150px; }
.schooldetails td {}
.schooldetails .editable { text-align: center; }

/* Catalogue page */
.catalogue {}
.catalogue .product_highlights { width: 500px; margin: 0px auto; padding: 15px 0px; }
.product_highlights * { text-align: center; }
.product_highlights .prod_icon { border: 1px solid #00A4E5; }
.product_highlights .product_cell { width: 152px; float: left; }

/* Catalogue search results page */
.search_result { background: url('img/catalogue_separator.png') bottom left no-repeat; padding-bottom: 15px; margin-bottom: 15px; width: 100%; }
.search_result h2 { margin-bottom: 4px; margin-top: 0px; }
.search_result h2 a { text-decoration: none; color: #00A4E5; }
.search_result p { margin-top: 4px; }
.search_result p a { color: #6F6452; font-weight: bold; }
.search_result .thumbnail { float: left; margin: 0px 10px; border: 1px solid #00A4E5; width: 110px; }
.search_result .star_ratings { color: #00A4E5; font-size: 0.9em; margin: 0px; padding: 3px 0px; }
.search_result .vouchers_required { font-weight: bold; font-size: 1.4em; }
.search_result .vouchers_required span { font-size: 0.7em; }
.search_result .search_result_details { width: 400px; float: left; }
.search_result .add_to_basket { vertical-align: top; float: right; }
.demo_link_disclaimer { font-size: 0.9em; }
.small_buttons { padding-bottom: 3px; }

/* Catalogue product display page */
.catalogue_product {}
.catalogue_product h1 { margin-bottom: 0px; padding-bottom: 0px; }
.catalogue_product .star_ratings { float: right; text-align: right; width: 200px; color: #00A4E5; font-size: 0.9em; }
.catalogue_product .product_code { font-size: 1.4em; font-weight: bold; margin: 0px; padding: 5px 0px; }
.catalogue_product .product_code span { font-size: 0.7em; }
.catalogue_product .main_image { width: 418px; float: left; border: 1px solid #D0D0D0; }
.catalogue_product .thumb_images { width: 110px; float: right; margin-bottom: 5px;/* clear: right; */}
.catalogue_product .under_main { text-align: right; padding: 10px 0px; }
.catalogue_product .product_attributes { float: left; }
.catalogue_product .demo_link {}
.catalogue_product .additional_note { font-size: 0.8em; }
.catalogue_product .add_to_basket { vertical-align: middle; }

/* News page */
.news_article_intro {}
.news_article_intro .date { font-style: italic; margin: 2px 0px; }
.news_article_intro .icon { float: left; margin: 5px; }
.news_article_full {}
.news_article_full .date { font-style: italic; margin: 2px 0px; }
.news_article_full .icon { float: left; margin: 5px; }

/* Basket page */
.basket table { width: 100%; }
.basket th { text-align: left; font-weight: bold; }
.basket td { vertical-align: middle; }
.basket .small_buttons { margin-top: 2px; }

/* Schools Profile page */
.schools_profile {}
.schools_profile .box_note { /*float: right; width: 120px; */font-size: 0.9em; }

/* Key Dates page */
.key_dates { width: 100%; }
.key_dates th { font-weight: bold; text-align: left; width: 30%; }
.key_dates { text-align: left; width: 70%; }

/* Ordering help page */
.help {}
.help .help_screen { width: 500px; margin: 0px auto; }
.help #not_displayed_pages {}
.help #displayed_pages { overflow: hidden; width: 446px; padding: 0px 5px; float: left; }
.help .help_page {}



/***************************************************************************************************
* Modules (Appears on the right unless specified otherwise)                                        *
***************************************************************************************************/
.module_chrome { margin: 0px 0px 10px 0px; }
.module_chrome h4 { font-size: 1.1em; font-weight: bold; margin: 0px; padding: 0px; }
.module_chrome p { font-size: 0.9em; margin: 0px; padding-bottom: 5px; }
/* mod_news */
.mod_news { }
.mod_news * { margin: 0px; padding: 0px; }
.mod_news h4 { padding-bottom: 10px; font-size: 1.2em; }
.mod_news p { padding-bottom: 10px; font-size: 0.8em; }
.mod_news a { color: #FFFFFF; }
.mod_news .more_news { font-weight: bold; font-size: 1.2em; }
/* mod_search */
.mod_search { }
.mod_search form { margin: 10px 0px 0px 0px; }
.mod_search .go { background: none; border: none; color: #FFFFFF; font-weight: bold; padding: 3px 20px 0px 0px; margin: 0px; }
.mod_search .textbox { width: 90%; margin: 0px; padding: 0px; font-size: 0.9em; }
/* mod_browse */
.mod_browse {}
.mod_browse .go { background: none; border: none; color: #FFFFFF; font-weight: bold; padding: 3px 20px 0px 0px; margin: 0px; }
.mod_browse form { margin: 15px 0px 5px 0px; }
.mod_browse select { width: 100%; margin: 0px; padding: 0px; font-size: 0.8em; }
.mod_browse option { width: auto; }
/* mod_basket */
.mod_basket {}
.mod_basket h4 { color: #00a4e4; }
.mod_basket a { color: #00a4e4; }
.mod_basket table { font-size: 0.8em; width: 100%; margin: 10px 0px; padding: 0px; }
.mod_basket th { font-weight: bold; font-size: 1.1em; }
.mod_basket .right { text-align: right; }
.mod_basket .view_basket { color: #00a4e4; font-weight: bold; }
.mod_basket .totals td { font-weight: bold; padding-top: 5px; font-size: 1.1em; }
.mod_basket .product_row td { border-bottom: 1px dotted #C4C4C4; padding-bottom: 5px; }
/* mod_keyDates (homepage) */
.mod_keyDates { margin-top: 14px; background: url('img/home/key_dates.png') no-repeat; padding: 7px 10px; font-size: 0.85em; }
.mod_keyDates * { color: #CBE7F5; }
.mod_keyDates p { margin: 0px; }
.mod_keyDates .main_feature { color: #FFFFFF; font-size: 1.2em; }

/***************************************************************************************************
* Issue logger                                                                                     *
***************************************************************************************************/
.issue { background-color: #F4F7FF; margin-bottom: 20px; }
.issuemsg { }
.replylink, .handlelink { font-size: 0.8em; text-align: right; margin: 0; }