/** * CSS by Cedric Michaux for Telindus John Cordier Academy * Copyright 2008 * cedric.michaux@lbigroup.be */ body{font-family: Georgia, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; color: #666;} a{color: #666666; text-decoration: none; outline: none} a:hover{text-decoration: underline;} .boxContent a {text-decoration: underline} .boxContent a:hover{text-decoration: none;} .newsletterBox .unsubscribe {text-decoration: underline} .newsletterBox .unsubscribe:hover{text-decoration: none;} a img{border: 0;} ul, li{margin: 0; padding: 0; } h2{font-size: 18px; font-weight: normal; color: #000; margin: 0 0 15px;} #advanced_search h2{ margin: 0 0 6px;} html*#advanced_search_form{ margin-top: 2px} h3, h3 span { font-size: 14px; color: #000; font-weight: normal; margin: 0 0 10px;} h3.colored, h3.colored span { font-size: 16px; color: #00526b; margin-top: 20px; font-weight: bold; } #detailsPage h3.colored, #detailsPage h3.colored span {font-weight: normal; } h3.bigTitle{ font-size: 16px; color: #00526b; font-weight: normal;} h3.blackBigTitle, h3.blackBigTitle span { font-size: 18px; color: #000; font-weight: bold;} h4, h4 span{ color: #00526b; font-size: 14px; font-weight: normal; margin: 0 0 7px;} h4.inText{margin-top: 12px;} h4.black{ color: #000; font-weight: bold;} h4 em{font-size: 10px !important;} #advanced_search_form h4 span{color: #00526b; font-size: 12px; font-weight: bold;} strong{ color: #000} strong.noColor{color: #666} .marginBottom{margin-bottom: 12px;} a.pdf, a.bus, a.greenLink{color: #00526b;} a.pdf, a.bus{padding-left: 38px; background-position: left center; background-repeat: no-repeat; display:-moz-inline-box; display: inline-block; line-height: 16px; margin-top: 3px;} a.pdf{background-image: url(/assets/jca/design/images/icon_pdf.gif);} a.bus{background-image: url(/assets/jca/design/images/icon_bus.gif);} a.smallPadding{padding-left: 24px;} .alert{ color: #af262b} img.left{float: left; margin: 0 13px 7px 0} img.right{float: right; margin: 0 0 7px 13px; width:25%} .bottom_box{font-size: 11px;} .print, .bookmark, .goToBottom{ color: #04506a; margin: 10px 0 10px 8px; display: block; padding-left: 18px; background: url(/assets/jca/design/images/toBottom.gif) left center no-repeat; text-decoration: underline; padding-bottom: 2px;} .goToBottom { background-image: url(/assets/jca/design/images/toBottom_closed.gif); background-position: left 1px;} .goToBottom.open { background-image: url(/assets/jca/design/images/toBottom.gif); background-position: left center;} /*.goToBottom.close { background-image: url(/assets/jca/design/images/toBottom_closed.gif); background-position: left 1px;}*/ .print, .bookmark, .goToBottom:hover{ text-decoration: none;} .bigMargins{margin: 25px 0} p{margin: 7px 0 7px;} select{width: 162px; font-size: 10px; border: 1px solid #00526b; color: #343030} select.multiple{color: #000; margin-bottom: 12px;} input.textbox{ border: 1px solid #00526b; font-size: 10px; padding: 2px; color: #343030} .floatRight{float: right;} img.floatRight{margin: 0 7px 10px 42px;} input.input-field-error, select.input-field-error {border: 1px solid #C70000; background-color: #F8EDF0;} .subscribe{color: #fff; background: #BC0006 url(/assets/jca/design/images/subscribe_right.gif) right top no-repeat; display: block; height: 18px; _height: 17px; float: left; margin: 15px 0 0 32px; _margin: 15px 0 0 15px; _width: 40px; _overflow: h} .subscribe span{background: url(/assets/jca/design/images/subscribe_left.gif) left top no-repeat; display: block; height: 18px; _height: 17px; padding: 1px 7px 0;} .unsubscribe{display: block; padding-left: 15px; background: url(/assets/jca/design/images/unsubscribe.gif) center left no-repeat; color: #000; margin-top: 10px; text-decoration: underline;} .newsletterBox .unsubscribe{margin-top: 6px; } .unsubscribe:hover{text-decoration: none} a[class="unsubscribe"]{background: url(/assets/jca/design/images/unsubscribe.png) center left no-repeat; } .bigSeparator{ background: url(/assets/jca/design/images/big_separator.gif) center top no-repeat; padding-top: 6px; font-size: xx-small; text-align: right;} /* Styled Selectboxes */ .selectbox-container{background: url(../images/selectbox_right.gif) right top no-repeat; width: 210px; height: 18px;} .selectbox-container input{background: url(../images/selectbox_left.gif) left top no-repeat; border: 0; padding: 3px 18px 2px 4px; font-family: Georgia; font-size: 10px; color: #343030; width: 188px; cursor: pointer;} html*.selectbox-container input{margin-top: -1px; padding-right: 5px} .selectbox-container .selectbox-wrapper{position: absolute; margin-top: -1px; border: 1px solid #00526b; width: 208px; font-size: 10px; color: #343030; z-index: 10000; background: #fff;} html*.selectbox-container .selectbox-wrapper{ margin: 18px -25px 0 0; } .selectbox-container .selectbox-wrapper ul, .selectbox-container .selectbox-wrapper ul li{background: none; padding:0; margin: 0} .selectbox-container .selectbox-wrapper ul li{ cursor: pointer; padding: 2px 3px;} .selectbox-container .selectbox-wrapper ul li.current{ background: #008db8; color: #fff} .selectbox-container .selectbox-wrapper ul li.selected{ background: #006f91; color: #fff} /* .first_column .selectbox-container{width: 208px; } .first_column .selectbox-container input{ width: 186px;} .first_column .selectbox-container .selectbox-wrapper{width: 206px;} html*.first_column .selectbox-container .selectbox-wrapper{margin-left: -208px} */ .browseBox .selectbox-container{width: 163px;} .browseBox .selectbox-container input{ width: 141px;} .browseBox .selectbox-container .selectbox-wrapper{width: 161px;} html*.browseBox .selectbox-container .selectbox-wrapper{margin-left: -150px} #seeAlsoBox .head { font-size: 16px; } #seeAlsoBox .head span{float: left; margin-right: 5px; width: 70px; display: block;} #seeAlsoBox .selectbox-container{width: 140px; float: left; margin-left: 3px; margin-top: -2px;} #seeAlsoBox .selectbox-container input{ width: 118px; z-index: 1; margin-left: -3px;} #seeAlsoBox .selectbox-container .selectbox-wrapper{width: 141px; margin-left: -3px;} html*#seeAlsoBox .selectbox-container .selectbox-wrapper{margin-left: -127px; width:138px;} /** * All the clearers I need */ .clr, .clr_left, .clr_right{ font-size: 0; line-height: 0; height: 0} .clr{clear: both;} .clr_left{clear: right;} .clr_right{clear: left;} .content .clr { position: relative; } .float_right{ float: right;} .float_left{ float: left;} img.float_right{margin: 0 0 5px 12px; position: relative;} img.float_left{ margin: 0 12px 5px 0; position: relative;} .arrowed{} .arrowed li, .white_box .arrowed li{ margin: 2px; padding: 0 0 0 15px; background: url(/assets/jca/design/images/list_arrow.gif) left 2px no-repeat; _position: relative} /** * The different buttons */ .button_type_1, .button_type_2{ display: block; margin: 1px 0 0 3px; _position: relative;} .button_type_1{ margin-left: 0; left: 3px; _margin-left: 3px; _left: 0;} .button_type_1:hover, .button_type_2:hover{ _text-decoration: none; cursor: hand;} .button_type_1 .left, .button_type_1 .middle, .button_type_1 .right, .courseInfos tbody .button_type_1 .left, .courseInfos tbody .button_type_1 .right, .button_type_2 .left, .button_type_2 .middle, .button_type_2 .right{ float: left;} .button_type_1 .left, .button_type_1 .right, .courseInfos tbody .button_type_1 .left, .courseInfos tbody .button_type_1 .right, .button_type_2 .left, .button_type_2 .right{ background-repeat: no-repeat; width: 6px; height: 16px; text-indent: -99999px} .courseInfos tbody .button_type_1 .left, .button_type_1 .left, .button_type_2 .left{background-position: right top;} .courseInfos tbody .button_type_1 .right, .button_type_1 .right, .button_type_2 .right{background-position: left top;} .button_type_1 .middle, .button_type_2 .middle{ height: 16px; line-height: 16px;} .button_type_1 { color: #fff; font-weight: bold; font-size:11px; height: 18px} .button_type_1 .left, .courseInfos tbody .button_type_1 .left, .courseInfos tbody .lastLine .button_type_1 .left{ background-image: url(/assets/jca/design/images/btn_type1_left.gif); height: 18px; background-color: transparent} .button_type_1 .middle{background-color: #bc0006; height: 18px} .button_type_1 .right, .courseInfos tbody .button_type_1 .right, .courseInfos tbody .lastLine .button_type_1 .right{ background-image: url(/assets/jca/design/images/btn_type1_right.gif); height: 18px; background-color: transparent} .button_type_2 { color: #fff; font-size:10px; height: 18px} .semitrans_box .button_type_2 { margin-top: 10px;} .browseBox .button_type_2 {margin-top: 11px} .button_type_2 .left{ background-image: url(/assets/jca/design/images/btn_type2_left.gif); width: 7px; height: 18px} .button_type_2 .middle{background-color: #4c4c4c; padding: 0 5px; height: 18px;} .button_type_2 .right{ background-image: url(/assets/jca/design/images/btn_type2_right.gif); width: 7px; height: 18px} .courseInfos{} .courseInfos *{text-align: center;} .courseInfos th, .courseInfos td{margin: 2px;} .courseInfos thead{} .courseInfos thead .left, .courseInfos thead .right, .courseInfos thead .plain{width: 149px; color: #fff; padding: 5px 0;} .courseInfos thead .register{width: 90px; color: #fff; padding: 5px 0;} .courseInfos thead .left{ background: #00526b url(/assets/jca/design/images/courseTable_top_left.gif) left top no-repeat;} .courseInfos thead .plain{ background: #00526b} .courseInfos thead .right{ background: #00526b url(/assets/jca/design/images/courseTable_top_right.gif) right top no-repeat;} .courseInfos tbody{} .courseInfos tbody td{color: #000; padding: 5px 0;} .courseInfos tbody .left{ background: #d6d6d6} .courseInfos tbody .plain{ background: #d6d6d6} .courseInfos tbody .right{ background: #d6d6d6} .courseInfos tbody .lastLine .left{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_bottom_left.gif) left bottom no-repeat;} .courseInfos tbody .lastLine .plain{ background: #d6d6d6} .courseInfos tbody .lastLine .right{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_bottom_right.gif) right bottom no-repeat; } .courseInfos tbody .register{_position: relative;} .coursePlaces{} .coursePlaces *{text-align: center;} .coursePlaces th, .coursePlaces td{/*margin: 2px;*/ width: 98px;} .coursePlaces thead{} .coursePlaces thead .left, .coursePlaces thead .right, .coursePlaces thead .plain{color: #fff; padding: 5px 0;} .coursePlaces thead .left{ background: #00526b url(/assets/jca/design/images/courseTable_top_left.gif) left top no-repeat;} .coursePlaces thead .plain{ background: #00526b} .coursePlaces thead .right{ background: #00526b url(/assets/jca/design/images/courseTable_top_right.gif) right top no-repeat;} .coursePlaces tbody{} .coursePlaces tbody td{color: #000; padding: 5px 0; } .coursePlaces tbody .left{ background: #d6d6d6} .coursePlaces tbody .plain{ background: #d6d6d6} .coursePlaces tbody .right{ background: #d6d6d6} .coursePlaces tbody .lastLine .left{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_bottom_left.gif) left bottom no-repeat;} .coursePlaces tbody .lastLine .plain{ background: #d6d6d6} .coursePlaces tbody .lastLine .right{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_bottom_right.gif) right bottom no-repeat;} .examLink { margin: 12px 0 5px 5px; } .examLink a { background: transparent url(/assets/jca/design/images/bullet_grey.gif) no-repeat scroll left 1px; padding-left: 16px; } .services{} .services *{text-align: left;} .services td{width: 338px; padding: 5px 0 5px 10px; color: #000; background: #d6d6d6} .services .firstLine .left{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_top_left_grey.gif) left top no-repeat;} .services .firstLine .right{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_top_right_grey.gif) right top no-repeat;} .services .lastLine .left{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_bottom_left.gif) left bottom no-repeat;} .services .lastLine .right{ background: #d6d6d6 url(/assets/jca/design/images/courseTable_bottom_right.gif) right bottom no-repeat;} /** * For the png icons */ .magnifier, .magnifier_white{width: 17px; height: 15px; margin-right: 1px; display: inline-block; } .magnifier{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/magnifier.png", sizingMethod="scale");} img[class="magnifier"]{background: url(/assets/jca/design/images/magnifier.png) top left no-repeat; padding-right: 2px;} .magnifier_white{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/magnifier_white.png", sizingMethod="scale");} img[class="magnifier_white"]{background: url(/assets/jca/design/images/magnifier_white.png) top left no-repeat;} .mail{width: 17px; height: 14px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/mail.png", sizingMethod="scale"); margin-right: 2px;} img[class="mail"]{background: url(/assets/jca/design/images/mail.png) top left no-repeat; padding-right: 2px;} .browse{width: 15px; height: 15px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/browse.png", sizingMethod="scale"); margin-right: 5px;} img[class="browse"]{background: url(/assets/jca/design/images/browse.png) top left no-repeat; padding-right: 5px;} .search{width: 13px; height: 16px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/search.png", sizingMethod="scale");} img[class="search"]{background: url(/assets/jca/design/images/search.png) top left no-repeat;} .calendar{position: relative; top: -1px; margin-left: 3px} /** * For the corners on header and main menu */ .top_left, .top_right, .bottom_left, .bottom_right{ background-repeat: no-repeat; position: relative; z-index: 150} .top_left{background-position: left top;} .top_right{background-position: right top;} .bottom_left{background-position: left bottom;} .bottom_right{ background-position: right bottom;} html*.top_left, html*.top_right, html*.bottom_left, html*.bottom_right{ min-height: 10px; _height: 10px;} /** * Concerning the semitransparent boxes (like on the home page) */ .semitrans_box{ width: 229px; _overflow: hidden; _width: 205px} .semitrans_box .head, .semitrans_box .footer{ height: 12px} .semitrans_box .head div, .semitrans_box .footer div{ float: left; width: 12px; height: 12px; margin: 0} .semitrans_box .head .middle, .semitrans_box .footer .middle{ width: 205px; _width: 181px} .semitrans_box .head .left{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/semitrans_top_left.png", sizingMethod="scale");} .semitrans_box .head div[class="left"]{ background: url(/assets/jca/design/images/semitrans_top_left.png) top left no-repeat} .semitrans_box .head .middle, .semitrans_box .footer .middle{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/semitrans_bg.png", sizingMethod="scale");} .semitrans_box .head div[class="middle"], .semitrans_box .footer div[class="middle"]{ background: url(/assets/jca/design/images/semitrans_bg.png) top left repeat;} .semitrans_box .head .right{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/semitrans_top_right.png", sizingMethod="scale");} .semitrans_box .head div[class="right"]{ background: url(/assets/jca/design/images/semitrans_top_right.png) top left no-repeat} .semitrans_box .footer .left{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/semitrans_bottom_left.png", sizingMethod="scale");} .semitrans_box .footer div[class="left"]{ background: url(/assets/jca/design/images/semitrans_bottom_left.png) top left no-repeat} .semitrans_box .footer .right{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/semitrans_bottom_right.png", sizingMethod="scale");} .semitrans_box .footer div[class="right"]{ background: url(/assets/jca/design/images/semitrans_bottom_right.png) top left no-repeat} .semitrans_box .content{ padding: 0 12px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/semitrans_bg.png", sizingMethod="scale"); _height: 10px; _width: 195px} html*.semitrans_box .content{ position: relative;} .semitrans_box div[class="content"]{background: url(/assets/jca/design/images/semitrans_bg.png) top left repeat; padding: 0 12px;} .separator{ height: 1px; line-height: 0; background: url(/assets/jca/design/images/footer_bg.gif) left top repeat-x; margin: 10px 0; font-size: 0; _margin-top: 0 } #advanced_search .separator{ _margin-top: 10px } .semitrans_box .separator{ margin: 8px 0 4px; } html*.semitrans_box .separator{ margin-bottom: 3px; } .semitrans_box .content li{ background: url(/assets/jca/design/images/bullet_darkBlue.gif) left center no-repeat; padding: 0 0 0 15px; position: relative;} /** * Concerning the green boxes (the ones with the green heading and the violet body) */ .green_box{background: #dce2eb; position: relative; overflow: hidden;} #advanced_search.green_box{overflow: visible;} .green_box .head{ position: relative; background: #588c9e; color: #fff; font-size: 17px; padding: 0; margin: 0; line-height: 15px; /* overflow: hidden; */} .green_box .head .top_right{padding: 12px 12px 5px; _padding-bottom: 3px;} .bottom_box .head .top_right, .bottom_box_last .head .top_right{ height: 29px; _height: 35px;} #advanced_search.green_box .head{_height: 10px;} .green_box .head em{ font-size: 14px;} .green_box .head .top_left{ background-image: url(/assets/jca/design/images/greenBox_top_left.gif);} .green_box .head .top_right{ background-image: url(/assets/jca/design/images/greenBox_top_right.gif);} .bottom_box .bottom_right{height: 199px} .green_box .textbox{ width: 209px;} .green_box .first_column .textbox, .green_box .second_column .textbox, .green_box .third_column .textbox{ width: 204px;} .green_box .first_column .small .textbox, .green_box .second_column .small .textbox, .green_box .third_column .small .textbox{ width: 173px;} .green_box ul{} .green_box ul li{ padding-left: 15px; background: url(/assets/jca/design/images/bullet_darkBlue.gif) left 3px no-repeat; margin-bottom: 12px; position: relative;} .green_box ul li.last{margin-bottom: 0} .green_box .content{ padding: 12px;} .green_box .bottom_left{ background-image: url(/assets/jca/design/images/greenBox_bottom_left.gif); } .green_box .bottom_right{ background-image: url(/assets/jca/design/images/greenBox_bottom_right.gif);} /** * Concerning the violet boxes */ .violet_box{ background-color: #dce2eb; position: relative; } html*.violet_box{ min-height: 10px; _height: 10px;} .violet_box .top_left{ background-image: url(/assets/jca/design/images/violetBox_top_left.gif);} .violet_box .top_right{ background-image: url(/assets/jca/design/images/violetBox_top_right.gif);} .violet_box .bottom_left{ background-image: url(/assets/jca/design/images/violetBox_bottom_left.gif);} .violet_box .bottom_right{ background-image: url(/assets/jca/design/images/violetBox_bottom_right.gif);} .violet_box .content{ padding: 12px; position: relative;} html*.violet_box .content{ min-height: 10px; _height: 10px;} .violet_box .left_column{width: 481px; float: left; _width: 473px;} .violet_box .right_column{ width: 231px; float: left; margin-left: 12px;} .violet_box h2{} .violet_box li{} .violet_box li a{ display: block; color: #000; padding-left: 15px; background: url(/assets/jca/design/images/bullet_darkBlue.gif) left 3px no-repeat; position: relative; _width: 99%} .generalText .violet_box li a{ display: inline; padding-left: 0; background: transparent; position: static;} /*.violet_box li.onIt a{ color: #F00; }*/ /** * Concerning the darkGrey boxes */ .darkGrey_box{ background-color: #bebebe; position: relative; _height: 10px;} .violet_box .darkGrey_box .top_left{ background-image: url(/assets/jca/design/images/darkGreyBox_violet_top_left.gif);} .violet_box .darkGrey_box .top_right{ background-image: url(/assets/jca/design/images/darkGreyBox_violet_top_right.gif);} .violet_box .darkGrey_box .bottom_left{ background-image: url(/assets/jca/design/images/darkGreyBox_violet_bottom_left.gif);} .violet_box .darkGrey_box.searchBox .bottom_left, .violet_box .darkGrey_box.searchBox .bottom_right{_bottom: -2px;} .violet_box .darkGrey_box .bottom_right{ background-image: url(/assets/jca/design/images/darkGreyBox_violet_bottom_right.gif);} .darkGrey_box .top_left{ background-image: url(/assets/jca/design/images/darkGreyBox_top_left.gif);} .darkGrey_box .top_right{ background-image: url(/assets/jca/design/images/darkGreyBox_top_right.gif);} .darkGrey_box .bottom_left{ background-image: url(/assets/jca/design/images/darkGreyBox_bottom_left.gif);} .darkGrey_box.searchBox .bottom_left, .darkGrey_box.searchBox .bottom_right{_bottom: -2px;} .darkGrey_box .bottom_right{ background-image: url(/assets/jca/design/images/darkGreyBox_bottom_right.gif);} .darkGrey_box .title{ font-size: 18px; margin-bottom: 10px; color: #000} .darkGrey_box .textbox{ width: 150px;} .darkGrey_box.freeSearch .textbox{ width: 129px;} .darkGrey_box.freeSearch .button_type_1{ margin-left: 140px !important;} .darkGrey_box.freeSearch .content{ padding: 12px;} .darkGrey_box.searchBox .textbox{ width: 158px;} /** * Grey boxes */ .grey_box{ background-color: #d6d8dd; position: relative; _height: 10px;} .grey_box .top_left{ background-image: url(/assets/jca/design/images/greyBox_top_left.gif);} .grey_box .top_right{ background-image: url(/assets/jca/design/images/greyBox_top_right.gif); } .grey_box .bottom_left{ background-image: url(/assets/jca/design/images/greyBox_bottom_left.gif); } .grey_box .bottom_right{ background-image: url(/assets/jca/design/images/greyBox_bottom_right.gif);} .grey_box .content{ padding: 12px; } .violet_box .white_box .grey_box{ background-color: #d6d8dd; padding: 12px; position: relative; _height: 10px;} .violet_box .white_box .grey_box .top_left{ background-image: url(/assets/jca/design/images/greyBox_top_left.gif);} .violet_box .white_box .grey_box .top_right{ background-image: url(/assets/jca/design/images/greyBox_top_right.gif); } .violet_box .white_box .grey_box .bottom_left{ background-image: url(/assets/jca/design/images/greyBox_bottom_left.gif); } .violet_box .white_box .grey_box .bottom_right{ background-image: url(/assets/jca/design/images/greyBox_bottom_right.gif);} .form .grey_box{ width: 470px;} .grey_box .left_column{float: left; width: 482px} .grey_box .right_column{float: left; margin-left: 12px;} .grey_header_box{ background-color: #E1E1E1; position: relative; _height: 10px;} .grey_header_box .head{ position: relative; background: #525252; color: #fff; font-size: 17px; line-height: 15px;} .grey_header_box .head .top_right{ padding: 12px;} .grey_header_box .head em{ font-size: 14px;} .grey_header_box .head .top_left{ background-image: url(/assets/jca/design/images/greyBox_header_top_left.gif);} .grey_header_box .head .top_right{ background-image: url(/assets/jca/design/images/greyBox_header_top_right.gif);} .grey_header_box .bottom_left{ background-image: url(/assets/jca/design/images/greyBox_header_bottom_left.gif);} .grey_header_box .bottom_right{ background-image: url(/assets/jca/design/images/greyBox_header_bottom_right.gif);} .grey_header_box .content{ padding: 12px;} /** * White Boxes */ .white_box{ background-color: #fff; } .white_box .content{ padding: 12px; } #advanced_search .white_box{ margin-bottom: 12px;} #advanced_search .white_box.noMargin{ margin-bottom: 0px;} #advanced_search .first_column .white_box .content, #advanced_search .second_column .white_box .content{ height: 191px;} html*#advanced_search .first_column .white_box .content, html*#advanced_search .second_column .white_box .content{ height: 196px;} #advanced_search .third_column .small .content{ height: 81px; _overflow: hidden} html*#advanced_search .third_column .small .content{ height: 81px;} .grey_box .white_box .top_left{ background-image: url(/assets/jca/design/images/whiteBox_grey_top_left.gif);} .grey_box .white_box .top_right{ background-image: url(/assets/jca/design/images/whiteBox_grey_top_right.gif);} .grey_box .white_box .bottom_left{ background-image: url(/assets/jca/design/images/whiteBox_grey_bottom_left.gif);} .grey_box .white_box .bottom_right{ background-image: url(/assets/jca/design/images/whiteBox_grey_bottom_right.gif);} .violet_box .white_box .top_left{ background-image: url(/assets/jca/design/images/whiteBox_violet_top_left.gif);} .violet_box .white_box .top_right{ background-image: url(/assets/jca/design/images/whiteBox_violet_top_right.gif);} .violet_box .white_box .bottom_left{ background-image: url(/assets/jca/design/images/whiteBox_violet_bottom_left.gif); } .violet_box .white_box .bottom_right{ background-image: url(/assets/jca/design/images/whiteBox_violet_bottom_right.gif);} .white_box .course_list li{ margin-bottom: 15px; background: url(/assets/jca/design/images/footer_bg.gif) left bottom repeat-x; padding-bottom: 19px;} .white_box .course_list li.lastItem{ background: none; padding: 0; margin:0} .white_box .course_list li .head{ } .white_box .course_list li .head h3{float: left; } .white_box .course_list li .head .seeAll{ float: right; font-size: 10px; color: #04506a; text-decoration: underline; display: block; width: 150px; _width: 140px;} .white_box .course_list li .head .seeAll:hover{text-decoration: none;} .white_box .course_list li ul{ clear: both; } .white_box .course_list li ul li{ margin-bottom: 0; padding: 0; background: none} .white_box .course_list li ul li a{position: relative;} .white_box .course_list li ul li a:hover{ color: #386c96;} .white_box .course_list li ul li ul{ margin: -7px 0 7px} .white_box .course_list li ul li li{padding-left: 8px;} .white_box .course_list li ul li li a{color: #000; background: url(../images/dotBullet.gif) left center no-repeat} .white_box .course_list .category { color:#00526B; font-size:14px; font-weight:normal; margin:0 0 7px; display: block; font-weight: bold; } .white_box .course_list .subSubCategoryList { display: inline-block; } .white_box .course_list .courseList li a { margin-left: 14px; } .white_box .course_list .subSubCategoryList .courseList li a { margin-left: 0; } .white_header_box{ background-color: #fff; position: relative; _height: 10px;} .white_header_box .head{ position: relative; background: #bbb; color: #000; font-size: 17px; line-height: 15px; } .white_header_box .head em{ font-size: 14px;} .white_header_box .head .top_left{ background-image: url(/assets/jca/design/images/whiteBox_header_greyBox_top_left.gif);} .white_header_box .head .top_right{ background-image: url(/assets/jca/design/images/whiteBox_header_greyBox_top_right.gif); padding: 10px 13px 5px;} .white_header_box .bottom_left{ background-image: url(/assets/jca/design/images/whiteBox_header_greyBox_bottom_left.gif);} .white_header_box .bottom_right{ background-image: url(/assets/jca/design/images/whiteBox_header_greyBox_bottom_right.gif); _bottom: -4px} .white_header_box .content{ padding: 12px;} .white_header_box ul{} .white_header_box ul li{ background: url(/assets/jca/design/images/footer_bg.gif) left bottom repeat-x; padding-bottom: 12px; margin-bottom: 12px;} .white_header_box ul li.lastItem{ background: none; padding-bottom: 0; margin-bottom: 0;} .white_header_box ul li a{ background: url(/assets/jca/design/images/bullet_middleGrey.gif) left 2px no-repeat; padding-left: 15px; display: block} .green_box .white_box .top_left{background-image: url(/assets/jca/design/images/whiteBox_greenBox_top_left.gif);} .green_box .white_box .top_right{background-image: url(/assets/jca/design/images/whiteBox_greenBox_top_right.gif);} .green_box .white_box .bottom_left{background-image: url(/assets/jca/design/images/whiteBox_greenBox_bottom_left.gif);} .green_box .white_box .bottom_right{background-image: url(/assets/jca/design/images/whiteBox_greenBox_bottom_right.gif);} .green_box .white_box .top_left{background-image: url(/assets/jca/design/images/whiteBox_greenBox_top_left.gif);} .green_box .white_box .top_right{background-image: url(/assets/jca/design/images/whiteBox_greenBox_top_right.gif);} .green_box .white_box .bottom_left{background-image: url(/assets/jca/design/images/whiteBox_greenBox_bottom_left.gif);} .green_box .white_box .bottom_right{background-image: url(/assets/jca/design/images/whiteBox_greenBox_bottom_right.gif);} /** * Darkgray2 boxe */ .darkGrey2_box{ background-color: #858585; position: relative; _height: 10px; color: #fff} .grey_box .darkGrey2_box .top_left{ background-image: url(/assets/jca/design/images/darkGrey2Box_grey_top_left.gif);} .grey_box .darkGrey2_box .top_right{ background-image: url(/assets/jca/design/images/darkGrey2Box_grey_top_right.gif);} .grey_box .darkGrey2_box .bottom_left, .grey_box .darkGrey2_box .bottom_left_in{ background-image: url(/assets/jca/design/images/darkGrey2Box_grey_bottom_left.gif);} .grey_box .darkGrey2_box .bottom_right, .grey_box .darkGrey2_box .bottom_right_in{ background-image: url(/assets/jca/design/images/darkGrey2Box_grey_bottom_right.gif);} .grey_box .darkGrey2_box.browseBox .bottom_left_in, .grey_box .darkGrey2_box.browseBox .bottom_right_in{ _bottom: -2px;} .darkGrey2_box .title{ font-size: 18px; margin-bottom: 10px;} .darkGrey2_box a.unsubscribe{ color: #fff; font-size: 10px; margin-top: 0} .brightGrey_box{background-color: #dadfe7; position: relative; } .brightGrey_box ul li{ list-style: none outside; } .brightGrey_box .head{ background-color: #afc0ca; color:#000000; font-size:17px; line-height:15px;} .brightGrey_box .head .top_right{ padding: 12px; height: 21px} .brightGrey_box .head select{width: 150px;} html*.brightGrey_box .head select{position: relative; top: -3px;} .brightGrey_box .content{ padding: 12px;} .brightGrey_box .top_left{ background-image: url(/assets/jca/design/images/brightGreyBox_top_left.gif);} .brightGrey_box .top_right{ background-image: url(/assets/jca/design/images/brightGreyBox_top_right.gif);} .brightGrey_box .bottom_left{ background-image: url(/assets/jca/design/images/brightGreyBox_bottom_left.gif);} .brightGrey_box .bottom_right{ background-image: url(/assets/jca/design/images/brightGreyBox_bottom_right.gif);} .brightGrey_box ul{ margin: 12px; _margin-bottom: 0;} .brightGrey_box ul li{ background: url(/assets/jca/design/images/footer_bg.gif) left bottom repeat-x; padding-bottom: 12px; margin-bottom: 12px; position: relative; z-index: 100} .brightGrey_box ul li.lastItem{ background: none; padding-bottom: 0; margin-bottom: 0;} .brightGrey_box ul li a{ background: url(/assets/jca/design/images/bullet_brightGrey.gif) left 2px no-repeat; padding-left: 15px; display: block; position: relative; z-index: 100} .brown_box{background-color: #e1e1e1; position: relative;} .brown_box ul li{ list-style: none outside; } .brown_box .head{ background-color: #a8a8a8; color:#000000; font-size:17px; line-height:15px; } .brown_box .head .top_right{padding: 12px; height: 21px} /*html*.brown_box .head .top_left, html*.brown_box .head .top_right{width: 100%}*/ .brown_box .head select{width: 150px;} .brown_box .content{ padding: 12px;} .brown_box .top_left{ background-image: url(/assets/jca/design/images/brownBox_top_left.gif);} .brown_box .top_right{ background-image: url(/assets/jca/design/images/brownBox_top_right.gif);} .brown_box .bottom_left, #detailsPage .bigColumn .brown_box .bottom_left{ background-image: url(/assets/jca/design/images/brownBox_bottom_left.gif);} .brown_box .bottom_right, #detailsPage .bigColumn .brown_box .bottom_right{ background-image: url(/assets/jca/design/images/brownBox_bottom_right.gif); } .brown_box ul{ margin-left: 5px; position: relative} .brown_box ul li{margin: 0; padding: 0; _width: 470px; position: relative} .brown_box ul li a{ background: url(/assets/jca/design/images/bullet_brightGrey.gif) left 2px no-repeat; padding-left: 15px; display: block; position: relative} .smallColumn{ float: left; width: 238px; margin-right: 12px} .bigColumn{ float: left; width: 500px; _width: 498px; } #detailsPage{ _width: 748px} #detailsPage .bottom_left{ } #detailsPage .white_box .bottom_left{ } #detailsPage .bottom_right{} . #detailsPage .white_box .bottom_right{} #detailsPage .top{} #detailsPage .top .left_column{ float: left; color: #000; line-height: 32px;} #detailsPage .top .left_column a{ color: #000; text-decoration: underline;} #detailsPage .top .left_column a:hover{ text-decoration: none;} #detailsPage .top .right_column{float: right; width: 450px; _width: 454px;} #detailsPage .top .right_column .print { background:transparent url(/assets/jca/design/images/print_icon.gif) no-repeat scroll left center; padding-left:22px; margin: 0px;} #detailsPage .smallColumn .brightGrey_box, #detailsPage .bigColumn .brown_box{ height: 146px; position: relative; _height: 158px;} .searchMenu{position: relative; _height: 10px; padding: 0 0 0 12px;} .searchMenu .top_left{background: #dce2eb url(/assets/jca/design/images/violetBox_top_left.gif) left top no-repeat} .searchMenu .top_right{background-image: url(/assets/jca/design/images/violetBox_top_right.gif);} .searchMenu .bottom_left{background-image: url(/assets/jca/design/images/violetBox_bottom_left_inversed.gif); margin-left: -12px;} .searchMenu .bottom_left .content{padding: 12px;} .searchMenu a{ float: left} .searchMenu a.button_type_2{ width: 158px;} .searchMenu .previous, .searchMenu .previous_disabled, .searchMenu .next, .searchMenu .next_disabled, .searchMenu .no_links{ line-height: 22px; display: block; color: #04506a; text-decoration: underline;} .searchMenu .previous:hover, .searchMenu .previous_disabled:hover, .searchMenu .next:hover, .searchMenu .next_disabled:hover{text-decoration: none} .searchMenu .previous_disabled, .searchMenu .previous{margin-right: 21px; background: url(/assets/jca/design/images/previous_arrow.gif) left center no-repeat; padding-left: 15px;} .searchMenu .next_disabled, .searchMenu .next{ background: url(/assets/jca/design/images/next_arrow.gif) right center no-repeat; padding-right: 15px;} .searchMenu .no_links { text-decoration: none; } .searchMenu .previous_disabled { text-decoration: none; background: url(/assets/jca/design/images/previous_arrow_disabled.gif) left center no-repeat; color: #999; } .searchMenu .next_disabled:hover, .searchMenu .previous_disabled:hover { cursor: default; } .searchMenu .next_disabled { text-decoration: none; background: url(/assets/jca/design/images/next_arrow_disabled.gif) right center no-repeat; color: #999; } .bottomLinks{ margin-top: 15px; float: right} .bottomLinks a{ margin: 0 8px 0 22px; float: left; display: block; text-decoration: underline;} .bottomLinks a:hover{text-decoration: none;} .bottomLinks .print{padding-left: 22px; background: url(/assets/jca/design/images/print_icon.gif) left center no-repeat} .bottomLinks .bookmark{padding-left: 13px; background: url(/assets/jca/design/images/bookmark_icon.gif) left center no-repeat} #mainContainer{ margin: 0 auto; width: 956px;} #about_us, #language_menu{ height: 19px; line-height: 19px;} #about_us{ text-align: right; padding: 0px; margin: 0px;} #about_us ul { } #about_us li { display: inline; margin: 0px; padding: 0px 10px; background: url(/assets/jca/design/images/separator_grey.gif) left center no-repeat; white-space: nowrap; } #about_us li.firstItem { background: none; } #about_us a{ color: #949494} #language_menu li, #language_menu{ margin: 0; padding: 0; list-style: none outside;} #language_menu li{ float: left;} #language_menu li{margin-right: 17px; padding-left: 15px; background: url(/assets/jca/design/images/bullet_blue.gif) left center no-repeat;} #language_menu li.onIt{color: #d7d7d7; background-image: url(/assets/jca/design/images/bullet_grey.gif);} #header{ background: #94c2e8; position: relative;} #header h1{float: left; margin-bottom: 0} #header .top_left{background-image: url(/assets/jca/design/images/header_top_left.gif);} #header .top_right{background-image: url(/assets/jca/design/images/header_top_right.gif);} #header .bottom_left{background-image: url(/assets/jca/design/images/header_bottom_left.gif);} #header .bottom_right{background-image: url(/assets/jca/design/images/header_bottom_right.gif); height: 99px;} #header img{margin: 12px;} #header img.title{float: left} #header img.logo{float: right} .leftColumn{ margin-right: 9px} .rightColumn{ width: 750px; float: right;} #main_menu{position: relative; background: #edf0f5; padding: 0; _height: 10px} #main_menu .top_left, #main_menu .top_right, #main_menu .bottom_left, #main_menu .bottom_right{position: absolute; height: 12px; width: 12px;} #main_menu .top_left{background-image: url(/assets/jca/design/images/menu_top_left.gif); top: 0; left: 0; _left: 9px;} #main_menu .top_right{background-image: url(/assets/jca/design/images/menu_top_right.gif); top: 0; right: 0; _right: 0px;} #main_menu .bottom_left{background-image: url(/assets/jca/design/images/menu_bottom_left.gif); bottom: 0; left: 0; _bottom: -10px; _left: 9px;} #main_menu .bottom_right{background-image: url(/assets/jca/design/images/menu_bottom_right.gif); bottom: 0; right: 0; _bottom: -10px; _right: 0px;} /* #main_menu ul, #main_menu li{margin: 0; padding: 0; list-style: none outside;}*/ #main_menu ul{} #main_menu ul li{height: 31px; line-height: 31px; background: url(/assets/jca/design/images/menu_separator.gif) center bottom no-repeat;} #main_menu ul li.lastItem{background: transparent; height: 35px;} html*#main_menu ul li.lastItem{ height: 37px;} #main_menu ul li a{height: 31px; line-height: 31px; background: transparent url(/assets/jca/design/images/menu_arrow.gif) 174px center no-repeat; display: block; font-size: 18px; color: #000; padding: 0 12px; height: 31px;} #main_menu ul li.firstItem a{padding-top: 3px;} #main_menu ul li.lastItem a{padding-bottom: 4px;} html*#main_menu ul li.lastItem a{padding-bottom: 6px;} #main_menu ul li a:hover, #main_menu ul li.onIt a { background-color: #00526b; background-image: url(/assets/jca/design/images/menu_arrow_hover.gif); color: #fff; text-decoration: none} #main_menu ul li a:hover .top_left, #main_menu ul li.onIt a .top_left { background-image: url(/assets/jca/design/images/menu_top_left_hover.gif); } #main_menu ul li a:hover .top_right, #main_menu ul li.onIt a .top_right { background-image: url(/assets/jca/design/images/menu_top_right_hover.gif); } #main_menu ul li a:hover .bottom_left, #main_menu ul li.onIt a .bottom_left { background-image: url(/assets/jca/design/images/menu_bottom_left_hover.gif); } #main_menu ul li a:hover .bottom_right, #main_menu ul li.onIt a .bottom_right { background-image: url(/assets/jca/design/images/menu_bottom_right_hover.gif); } .avb_image, .avb_flash{line-height: 0; font-size: 0} #home_mainbox{ background-position: left top; background-repeat: no-repeat; position: relative;} #home_mainbox .semitrans_box{} #home_mainbox .semitrans_box .title{ color: #000; font-size: 18px; margin-bottom: 8px; } #home_mainbox .semitrans_box .textbox{width: 162px; _width: 132px;} .textfield{margin-bottom: 7px;} #home_mainbox .semitrans_box .textfield{margin-bottom: 3px; position: relative; min-height: 16px; _height: 16px; width: 210px} .textfield .textbox, .textfield select{ float: left;} .button_type_1{ float: right;} .textfield .button_type_1{ margin-left: 177px; float: none; _margin-left: 147px} .bigGap .textfield .button_type_1{ margin-left: 200px; _margin-left: 198px} .browseBox .textfield .button_type_1{ margin-left: 175px; position: relative; top: 5px; } /*html*.browseBox .textfield .button_type_1{ top: 25px;}*/ .searchBox .button_type_1{ _width: 30px;} .searchBox .textfield .button_type_1{ _width: 30px; margin-left: 173px;} .semitrans_box .textfield .button_type_1{ position: absolute; left: 177px; _left: 150px; top: 0; _margin-left: 12px; _margin-top: 1px; margin: 0;} select.noMargin, .noMargin{margin: 0; _margin: 0 0 2px;} #home_mainbox .searchBox, #home_mainbox .newsletterBox{position: absolute; right: 12px} #home_mainbox .newsletterBox .textfield{margin:0;} #home_mainbox .searchBox{top: 12px} #home_mainbox .newsletterBox{bottom: 12px;} #home_mainbox .newsletterBox .button_type_1{_width: 28px;} #advanced_search{} #advanced_search .top_left{} #advanced_search .first_column, #advanced_search .second_column, #advanced_search .third_column{float: left; width: 232px; /*padding: 12px*/} #advanced_search .second_column, #advanced_search .third_column{margin-left: 12px;} #advanced_search .third_column div.small{ width: 110px; float: left; margin-right: 12px;} html*#advanced_search .third_column div.small{ margin-left: -12px; margin-right: 0; position: relative; left: 12px} html*#advanced_search .third_column div.language { left: 36px} #advanced_search .third_column div.noMargin{margin-right: 0; _position: relative; _left: 12px;} #advanced_search .third_column div.textfield{ width: 100%; float: none;_left: 0;} #advanced_search .third_column label{ font-size: 10px; position: relative; top: -3px;} #advanced_search .third_column .chkBox{position: relative; top: 3px} #advanced_search .third_column label{display: block;} #advanced_search .third_column label.noMargin{margin-bottom: -3px;} #advanced_search .releaseFilter{ float: right; font-size: 10px; margin-top: 4px; color: #04506a; text-decoration: underline;} #advanced_search .releaseFilter:hover{ text-decoration: none;} #advanced_search select{ width: 100%} #search_results .left_column, #search_results .right_column{ float: left;} #search_results .left_column{ margin-right: 12px; width: 465px;} #search_results .right_column{ width: 248px;} #search_results #results_list li{ background: url(/assets/jca/design/images/footer_bg.gif) left bottom repeat-x; margin-bottom: 12px;} #search_results #results_list li.lastItem{ padding-bottom: 0; margin-bottom: 0;} #search_results #results_list li { float: left; display: block; padding-left: 15px; background: url(/assets/jca/design/images/bullet_darkGrey.gif) left 3px no-repeat;} #search_results #results_list li img.logo{ float: right; display: block;} #search_results .white_header_box select{ width: 122px; margin-left: 10px;} .right_column .searchBox, .right_column .browseBox{ margin-bottom: 12px; _margin-bottom: 0;} .right_column .darkGrey2_box.browseBox{width: 232px;} .right_column .searchBox .content, .right_column .browseBox .content{padding: 12px;} .right_column .browseBox .content{padding-bottom: 7px;} .right_column .browseBox select {width: 164px; margin-bottom: 7px; } #categories_filter li {list-style: none outside; background: none; padding: 0px; margin: 0px;} .form{ color: #00526b} .form .firstCol, .form .secondCol, .form .thirdCol{ float: left; width: 140px; _width: 129px;} .form .secondCol, .form .thirdCol{ margin-left: 12px;} .form .firstCol .selectbox-container, .form .secondCol .selectbox-container, .form .thirdCol .selectbox-container{ width: 140px; _width: 129px;} .form .firstCol .selectbox-container input, .form .secondCol .selectbox-container input, .form .thirdCol .selectbox-container input{ width: 118px; _width: 121px;} .form label{ display: block; margin-bottom: 7px;} .form input{ width: 135px; display: block; _width: 137px} .form select{ width: 135px; display: block; height: 19px; } /** * For the footer of the main page */ #footer{clear: both; background: url(/assets/jca/design/images/footer_bg.gif) left top repeat-x; padding: 23px 0 0 74px; position: relative; height: 25px; font-size: 10px} #footer .logo{position: absolute; top: 9px; left: 0;} #footer a{text-decoration: underline;} #footer a:hover{text-decoration: none;} /** * Splash Page */ #splash_box{position: relative;} #splash_box .language_menu{ position: absolute; top: 172px; left: 642px;} #splash_box .language_menu a{ display: block; margin-bottom: 12px; height: 44px; width: 149px; font-size: 24px; color: #00526b; line-height: 44px; padding-left: 12px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/jca/design/images/language_bg.png", sizingMethod="scale"); _position: relative; cursor: pointer;} #splash_box ul[class="language_menu"] a{background: url(/assets/jca/design/images/language_bg.png) left top no-repeat;} .bulleted{} .course_description li, .bulleted li, .white_box .bulleted li{ margin: 2px; padding: 0 0 0 9px; background: url(/assets/jca/design/images/smallBullet.gif) left 6px no-repeat} ul li, .course_description li, .course_description li ul li, .course_description li ul li ul li{ list-style: none outside; margin: 2px 0 2px 5px; padding: 0 0 0 9px; background: url(/assets/jca/design/images/smallBullet.gif) left 6px no-repeat;} .course_description li{margin-bottom: 7px} .generalText ul li{_position: relative; _width: 70%} #splash_box .language_menu li{background: none} #main_menu ul li{margin: 0 0 0 -9px; _position: relative} #advanced_search #free_search_submit{ margin-left: 226px; width: auto;} .marginbottom12{margin-bottom: 12px}