@CHARSET "UTF-8"; /**** FIX *****/ .clearfix:after { clear:both ; content:"." ; display:block ; height:0 ; visibility:hidden ; } /**** GENERAL CLASSES ******/ .blue { color: #009ee0; } .red { color: #e2007a; } .gray { color: #6e6e6e; } a.read_more:link,a.read_more:visited,a.read_more:active { margin: 5px 0 ;color: #e2007a; text-decoration: underline; white-space: nowrap; } .checkbox { width: auto } .highlight { font-weight: bold;} .success { color: #050 ; display: block; clear: both; } .error { color: #c00; display: block; clear: both; } .parent { font-weight: bold; height: 26px; } .pager { margin: 5px 0 5px 20px; } .admin { padding-left: 20px; } .cms_content .date { font-size: 12px ; color: #e2007a; margin: 10px 0; } .separator { border: none; border-bottom: 2px dotted #009ee0; margin: 3px 1px 0; } /***** PAGE LEVEL *********/ body { margin: 0; padding: 0; color: #111; font: 12px arial,verdana; background: gray url('/img/background.gif') left top; } div ,form, ul, li, a , fieldset , img , p { margin: 0; padding: 0 ; border: none;} a:link, a:active, a:visited { color: #e2007a; text-decoration: none; } a:hover { text-decoration: none ; color: #e2007a; } h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 3px 0; padding: 0; color: #009ee0; } h1 { margin: 0 0 3px 0; padding: 0; color: #009ee0; } h1 a:link,h1 a:active, h1 a:visited { color: #009ee0; text-decoration: none; } h2 a:link,h2 a:active, h2 a:visited { color: #009ee0; text-decoration: none; } h3 a:link,h3 a:active, h3 a:visited { color: #009ee0; text-decoration: none; } h4 a:link,h4 a:active, h4 a:visited { color: #009ee0; text-decoration: none; } a:link h1, a:active h1, a:visited h1 { color: #009ee0; text-decoration: none; } a:link h2, a:active h2, a:visited h2 { color: #009ee0; text-decoration: none; } a:link h3, a:active h3, a:visited h3 { color: #009ee0; text-decoration: none; } a:link h4, a:active h4, a:visited h4 { color: #009ee0; text-decoration: none; } h1 { font-size: 26px; } h2 { font-size: 17px; } h3 { font-size: 14px; } h4 { font-size: 12px; } ul { list-style-type: none; } form img { max-width: 500px; } table { border-collapse: collapse; } tr { padding: 0; } th { text-align: left; padding: 8px; } td { padding: 2px 6px ; margin: 0; width: auto; } /** SITEMAP **/ #sitemap a { text-decoration: none; margin-right: 20px; color: #000; } #sitemap { list-style-type: disc; margin: 30px 0 0 70px; color: #000; } #sitemap li { padding: 2px 0; } #sitemap li ul { padding-left: 20px; list-style-type: disc; } /** LIST VIEW **/ div.listing a { text-decoration: none; margin-right: 15px; } /** TABLE VIEW **/ table#list { width: 100%; } table#list tr { background-color: #f9f9f9; } table#list tr td.child { padding-left: 20px; } table#list img { margin: 0 6px; } table#list img.image_button { width: 15px; } table#list td { padding: 2px 5px ; height: 25px; color: #000; font-size: 10px; } table#list td a { color: #000; text-decoration: none; } table#list th.delete , table#list th.update , table#list th.weight, table#list th.archive { width: 20px; } .add_bar { padding: 15px; display: block; clear: both; float: none;} .add_bar a { text-decoration: none;} div.add_bar img { margin: 0 10px -3px 0 ; width: 15px; } .listing table input { width: auto; max-width: 30px; } tr.row_a { background: #808080 url('/img/item_bg.gif') no-repeat; } /** FORM VIEW **/ fieldset textarea { min-height: 180px; _height: 180px; } fieldset { border: 1px solid #CACACA; padding: 6px 12px ; margin: 10px 0;} fieldset input ,fieldset textarea, fieldset select { border: 1px solid #CACACA; padding: 2px; font-size: 11px; width: 350px; } fieldset textarea { width: 450px; } input.button { border: 1px solid #aaa; width: 80px; height: 20px; padding: 1px 6px 2px 6px; color: #111; font-size: 11px; } fieldset label { display: block; width: 250px; margin-top: 3px } fieldset label.checkbox { display: inline; width: auto ; float: none; } fieldset div.buttons { clear:both; padding: 8px 0; } fieldset ul li { clear: both; padding: 1px 3px; } fieldset ul li div { float: left; } fieldset ul li div img#captcha_image { display: block; margin-bottom: 5px; } fieldset .checkbox_group { width: 500px; border: 1px solid #ccc; height: 160px; } fieldset .error { margin: 5px; } .button_group { margin: 10px 0; } .listing table input { border: 1px solid #CACACA; padding: 2px; font-size: 12px; } textarea.big { height: 300px; } div.fields_group { float: left ; border: 1px solid #c7c7c7; padding: 10px; } div.fields_group div { float: none; clear:both ;width: 540px; padding: 5px 0 ; } div.fields_group img { max-width: 520px; padding: 1px; border: 1px solid #c7c7c7; margin: 5px 10px 5px 5px; } /************* PAGE STRUCTURE ************/ #wrapper { position: relative; margin: 0 auto; width: 982px; background: transparent url('/img/shadow.png') repeat-y top left; } #paper { position: relative; margin: 0 auto; width: 940px; background-color: #fff; } #bottom_shadow { width: 982px; height: 20px ; margin: 0 auto; background: transparent url('/img/shadow_bottom.png') no-repeat ; } #breadcrumb { font-size: 10px; color: #4c4c4c; padding: 10px 20px; } #breadcrumb a { color: #4c4c4c; } #main #column_left { padding: 0 20px 0 0 ; width: 600px ; float: left; position: relative; z-index: 0; } #main #column_left .cms_content { padding-left: 20px; } #main #column_right { width: 260px; float: left; position: relative ; z-index:0; padding: 0 20px; border-left: 1px solid #c7c7c7;} #main #column_center { padding: 45px 10px 10px 10px; } #main #column_right .cms_content { font-size: 12px; } #main { clear: both; positin: relative; z-index: 5; } #main h1 { margin-bottom:5px; } #main #top_band { padding: 0 20px 15px; height: 260px; } #main #home_image { position: relative; margin-right: 15px; width: 450px; min-height: 253px; float: left;} #main #home_image img { width: 450px; min-height: 253px; float: left; } .image_content { position: absolute; left: 0; top: 0; display: none; } #main #home_text { width: 420px ; float: left; min-height: 258px; } #main #bottom_band { background: transparent url('/img/seps.gif' ) repeat-y -10px 0; } #main #bottom_band li.home { float: left; width: 275px; min-height: 250px; padding: 10px 15px 5px; } #main #main_logo { display: block; position: absolute; left: 12px; top: 17px; } #image_label { font-family: verdana; font-size: 12px; color: #eee; position: absolute; bottom: 0; left:0 ;z-index: 20; padding: 10px 18px; height: 70px; width: 420px; } #image_title { font-weight: bold; color: #fff; } #image_label_shadow { position: absolute; top: 163px; left: 0; z-index: 10; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); width: 100%; height: 90px; } /** FOOTER **/ #footer { padding: 15px 15px 4px; text-align : right; height:20px; width: 915px; } #bottom_menu { float: right; font-size: 10px; color: 6e6e6e; } #bottom_menu a { color: #6e6e6e; } #bottom_menu li { float: left; padding: 0 5px; border-left: 1px solid #6e6e6e; } /** HEADER **/ #page_header { position: relative; background: black url('/img/header_bg.jpg') no-repeat left top; height: 137px; } .search_tool { overflow: visible; border: none ; padding: 0; right: 8px; top: 8px; position: absolute; overflow: hidden; vertical-align: top; float:none; background-color: #dedede; } .search_tool input { font-family: arial; border: none ; background-color: #dedede; outline: 0; color:#6e6e6e; padding: 3px 8px ; margin: 0; font-size: 13px; width:170px; } .search_tool input.submit { font-family: arial; color: #6e6e6e; background-color: #f1f1f1; outline: 0; border: none; padding: 0; margin: 0 ; padding: 3px 4px; font-size: 13px; width: auto; } /*>#page_header .search_tool input { border: 1px solid transparent; } */ /** MAIN MENU **/ ul#main_menu { width: 935px; height: 35px; margin-top: 2px; padding-left: 5px; font-size: 13px; font-family: Arial ; z-index: 50; position: relative; background: url('/img/item_bg.gif'); font-weight: normal; } ul#main_menu li { float: left; margin: 0; width: auto; } ul#main_menu li.selected a { background-color: #bbb; opacity: 0.6; filter: alpha(opacity=60); color: #000; } ul#main_menu li a { display: block; color: #6a6a6a; font-weight: normal ; margin: 0 ; text-decoration: none; white-space: nowrap; } ul#main_menu li a.mainoption { _height: 5px; _width: 45px; white-space: nowrap; padding: 10px 15px; } ul#main_menu li a:hover { background-color: #bbb; opacity: 0.6; filter: alpha(opacity=60); color: #000; } ul#main_menu li ul.submenu { z-index:10; position: absolute ; display: none; border-top: 1px solid #ededed; background: #ededed url('/img/item_bg.gif'); } ul#main_menu li ul.submenu li { float: none; clear: both; padding: 0; _border-bottom: 1px solid #eaeaea; } ul#main_menu li ul.submenu li a { display: block; padding: 8px 20px; white-space: nowrap; } ul#main_menu li ul.submenu li a:hover { background-color: #bbb; opacity: 0.6; filter: alpha(opacity=60); color: #000; } /******* Main content *********/ #main #gallery { width: 912px; height: 85px; background: transparent url('/img/item_bg.gif') no-repeat; padding-left: 18px; } #main #gallery div { float: left; margin: 8px 19px 0 0; width: 82px; position: relative; height: 61px; } #main #gallery .gallery_thumb { width: 80px; height: 50px; border: 1px solid #fff; margin: 0; position: absolute; bottom: 0; } #main #gallery div.selected { background: url('/img/arrow.gif') no-repeat 33px 0 ; } .rightbox_item { margin: 10px 0; } .cms_content { padding: 0 0 15px 0 ; margin-right: 10px; } .intro { color : #666; font-size: 14px; } .cms_content h1 { margin: 12px 0 10px; font-weight: bold; } .cms_content h2 { margin: 12px 0 10px; font-weight: bold; } .cms_content h3 { margin: 12px 0 10px; font-weight: bold; } .cms_content h4 { margin: 12px 0 10px; font-weight: bold; } /* .cms_content p { margin:5px 0px 5px 0px;} .cms_content p strong { color: #25577e; } .cms_content p a { color: #25577e; font-weight:bold;} .cms_content img { margin: 5px } */ .pretty_list tr.row_a { background: #f5f5f5 url('/img/item_bg.gif'); } .pretty_list .image { width: 70px; margin: 10px 15px 0 0; float: left;} .pretty_list tr { padding: 0; font-size: 12px; background-color: #f5f5f5; height: 110px ; margin: 0;} .pretty_list td { padding: 8px; overflow: hidden; margin:0; } .pretty_list td.left { padding-left: 20px; } .pretty_list .main { width: 320px; margin-right: 23px; float: left; } .pretty_list td.link a { color: #e2007a; text-decoration: none; } .pretty_list td.link img { margin: 12px 20px 3px; } .pretty_list td.link { text-align: center; width: 113px; border-left: 12px solid #fff;} /* #tinymce h1 { font-size: 14px; margin-bottom: 10px; font-weight: bold; } #tinymce h2 { font-size: 13px; margin: 12px 0 10px; font-weight: bold; } #tinymce h3 { font-size: 12px; margin: 12px 0 10px; font-weight: bold; } #tinymce h4 { font-size: 11px; margin: 12px 0 10px; font-weight: bold; } */ /** ADMIN AREA **/ #main #admin_menu { font-size: 90%; margin: 0 10px; } div.list { padding-top: 5px; } .list div.image { width: 100px; padding: 15px 20px 15px 0 ; clear: both; float: left; } .list div.image img { border: 1px solid #fff; } .list div.news_text { float: left; width: 440px; } #news_details .images { margin: 10px 0; } .list img { width: 100px; margin-right: 10px; padding: 1px; border: 1px solid #c7c7c7; } .image img { border: none; } .list li div div { float: left; margin: 0; } .list li { clear: both; vertical-align: top; padding: 0 0 0 20px; width: auto; border-bottom: 1px solid #eee; } .list li.row_a { background: transparent url('/img/item_bg.gif') no-repeat 0 0; border-bottom: none; } .list li p { margin: 0; } p.small { margin: 4px 0; font-size: 11px; } .list li h2 { padding: 5px 0 0; } .list li div { padding: 0 0 5px 0;} .list li h2 a { text-decoration : none; } .list li p.read_more { padding: 10px 0; color: #e2007a; } .details div.images { height: 130px; } .details div.images ul { list-style-type: none; clear: both; } .details div.images ul li { float: left; width: auto; } .details img { padding: 1px; border: 1px solid #c7c7c7; } #main .search_result li { padding:10px 0 10px 0; border-bottom: 1px dotted #c7c7c7; } #login { margin: 20px; } #login fieldset ul li input { width: 150px; } .details h2 { margin: 10px 0; } .details .files h4 { margin: 10px 0 3px 0; font-style:italic; } .details .files { font-style:italic; } .details ul { list-style-type: disc; list-style-position: inside; } li.home h2 { margin: 0; padding-bottom: 10px;} #latest_news { font-size: 12px; } #latest_news li { padding: 10px 0 ; border-bottom: 2px dotted #ccecf9; clear: both; } #latest_news img { float: left; margin-right: 10px; } #latest_news div { float: left; width: 190px; } .featured_resource { font-size: 12px; margin-bottom: 5px; padding-bottom: 10px; border-bottom:2px dotted #CCECF9; } .featured_resource img { float: left; margin-right: 10px; } .featured_resource div { float: left; width: 145px; } /** CALENDAR **/ .calendar { border-collapse: separate; margin-bottom: 15px; font-size: 11px; } .calendar .today a { text-decoration: underline; } .calendar td a { display: block; padding: 0 3px; margin: 0; } .calendar td { text-align: center; padding: 0px; border: 1px solid transparent; color: #e2007a; padding: 0; } .calendar th { text-align: center; padding: 0 7px; } .calendar td.selected { border: 1px solid #888; } .busy { background-color: #d7e9f0; } .calendar th table { width: 100%; } .calendar .disabled { color: #bbb; }