/** Includes -my regular file -datatables -uilightness -jqueryui (1.8.1) */ div.wrap { width:750px; margin:0 auto; } div.main { font-size:0.8em; margin-top:100px; float:left; width:380px; padding:5px; } div.main_smalltopmargin { font-size:0.8em; margin-top:10px; float:left; width:380px; padding:5px; } div.sidebar { font-size:0.8em; margin-top:100px; float:right; width:260px; padding:5px; margin-left:0px; } div.newfooter { clear:both; background:#cc9; width: 722px; } div.addview { margin-top:90px; float:left; width:722px; } div.addview_notopmargin { /*margin-top:0px; */ float:left; width:722px; } .addviewinternal { border-style: solid; border-width: 2px; padding: 10px; } .tooltip { background-color:#F5F5B5; border:1px solid #DECA7E; color:#303030; font-family:sans-serif; font-size:12px; line-height:18px; padding:5px 6px; position:absolute; z-index:2; } div.pagebodywrapper { position:relative; height:1500px; } div.profile_column_wrapper { position:absolute; } div.profile_first_column { position: absolute; width: 390px; } div.profile_second_column { position: absolute; width: 285px; margin-left: 433px; } span.hidebox { display:none;} span.showbox { display:inline;} div.hidebox { display:none;} div.showbox { display:inline;} span.error { color: red;} label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display:block;} span.AddRelation { font-size:1.1em; font-weight: bold; } span.calltoaction { background-color:#FFF4C2; font-size:1.1em; } .AutoComplete { background-color: #EDF2F7; } div.profile_editlink { float:right; } div.profile_title_350 { margin-top:50px; font-size:1.1em; font-weight: bold; border-bottom:1px solid #D8DFEA; width: 350px; } div.profile_title_285 { margin-top:50px; font-size:1.1em; font-weight: bold; border-bottom:1px solid #D8DFEA; width: 285px; } div.profilebox_350 { width: 350px; } select { font-size: 1.0em; font-family: sans-serif; } A:link { color: #BE0F1C; text-decoration: underline; font-weight: bold; } A:link.internal { color: black; text-decoration: underline; font-weight: bold; } A:hover { color: #BE0F1C; text-decoration: underline; font-weight: bold; } A:visited { color: #696969; text-decoration: underline; font-weight: bold; } A:active { color: #EB6D25; text-decoration: none; } A:hover { color: #EB6D25; text-decoration: underline; } TH { font-size: 0.7em; font-family: sans-serif; vertical-align: top; } TD { font-size: 0.7em; font-family: sans-serif; vertical-align: top; } td.prompt { font-size: 0.8em; font-family: sans-serif; background-color:#E2F1F3; font-weight: bold; } td.padded { padding-left:2px; padding-right:2px; padding-top:6px; padding-bottom:6px; } td.paddedless { padding-left:0px; padding-right:0px; padding-top:6px; padding-bottom:6px; } div.paddedless { margin-left:5px; padding-right:0px; padding-top:6px; padding-bottom:6px; } td.firstphotocolumn { padding-left:0px; padding-right:2px; padding-top:2px; padding-bottom:2px; text-align:center; } td.secondphotocolumn { padding-left:30px; padding-right:30px; padding-top:2px; padding-bottom:2px; text-align:center; } td.thirdphotocolumn { padding-left:2px; padding-right:0px; padding-top:2px; padding-bottom:2px; text-align:center; } td.firstcolumn { padding-left:10px; padding-right:10px; padding-bottom:10px; margin-top:0px; padding-top:0px; background-color:#FFFFFF; } td.firstcolumn_issue { padding-left:10px; padding-right:10px; padding-bottom:10px; margin-top:0px; padding-top:0px; /* background-color:#CECEC5; */ } td.firstcolumn-home { padding:0px; background-color:#FFFFFF; border:2px; border-style:solid; } td.secondcolumn-home { padding-left:25px; padding-right:10px; padding-bottom:10px; margin-top:0px; padding-top:0px; } td.thirdcolumn-home { padding-left:10px; padding-right:0px; padding-bottom:10px; margin-top:0px; padding-top:0px; } td.secondcolumn_display { } td.secondcolumn_edit { } img { border:0px; } img.displayphoto { margin-left: 0px; margin-right:4px; margin-top:4px; margin-bottom:4px; } body { margin-left: 0px; margin-top: 0px; font-size: 100%; font-family: sans-serif; width: 725px; } .navtabs { /*background-color:#303030;*/ font-family: Helvetica, sans-serif; font-weight: bold; font-size:12px; /*color: #FFFFFF;*/ } .navtabs a:link { text-decoration:none; } .navtabs a:visited { text-decoration:none; } .navtabs a:hover { } .hoverlink a:hover { color:#FFE479; } .test_tab { height:22px; float:left; display:inline; margin-top:4px; } .test_bluetab { padding-left:10px; padding-right:10px; height:22px; float:left; display:inline; margin-top:4px; } .tabtext { padding-left:10px; padding-right:10px; margin-top:4px; } .blueline { position: absolute; top: 87px; left: 0px; border: 0px; /* background-image:url("images/sprites.gif"); */ /* background-position:-111 -51px; */ height:5px; width:722px; } .darkblue { background-color: #1D1F59; width: 195px; color:#FFFFFF; border-bottom: 1px dotted #303030; padding-top:4px; padding-bottom:4px; } .darkblue270 { background-color: #1D1F59; width: 248px; border: 3px; border-style:solid; border-color:#620466; padding:3px; margin:2px; } .darkblue270rounded { width: 270px; text-align: left; background-image: url("../images/rounded-270px.gif"); } .darkblue_maps { font-weight:bold; font-size:16px; color:#FFFFFF; background-color: #282A60; width: 207px; margin-left: 3px; margin-right: 3px; margin-top: 2px; padding:4px; margin-bottom:10px; } .darkblue250 { width: 243px; text-align: left; background-color: #1D1F59; } .firstcolumn { position: absolute; top: 87px; left: 0px; width: 214px; padding-right:5px; height: 810px; border-right: 1px dotted #303030; color:#333333; } .padded200 { width: 184px; padding: 3px; } .padded225 { width: 209px; padding: 3px; } .padded270 { width: 260px; padding: 5px; } .padded176 { width: 170px; padding: 3px; } .padded200-blue { width: 183px; padding: 3px; background-color: #E2EFFE; } .padded225-blue { width: 208px; padding: 3px; background-color: #E2EFFE; } .secondcolumn { font-size: 0.8em; width: 270px; height: 810px; border-top-width:0px; position: absolute; left: 225px; top: 85px; background-color: #ffffff; } .thirdcolumn { font-size: 0.8em; width: 210px; height: 810px; position: absolute; left: 495px; top: 87px; border-left: 1px dotted #303030; background-color:#F5F9FF; padding-left:5px; } .homefooter { width: 722px; font-size: 0.9em; position: absolute; top: 902px; left: 0px; margin-left: 0px; margin-right: 0px; } .homefooterinternal { font-size:0.8em; border-style: solid; border-width: 1px; text-align:center; background-color: #F6CC36; padding-bottom:4px; padding-right:4px; padding-left:4px; padding-top:12px; } .footer { width: 722px; font-size: 0.9em; margin-top: 90px; position:absolute; } .footerinternal { font-size:0.8em; border-style: solid; border-width: 1px; background-color:#F6CC36; padding: 6px; } .addviewinternal500 { border-style: solid; border-width: 2px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 180px; } .listview { width: 722px; padding: 5px; position: relative; top: 0px; border-style: solid; border-width: 2px; } .centermaptext { font-size:0.8em; width: 722px; padding: 10px; position:relative; top:90px; line-height: 160%; margin-top: 25px; } .headerlogo { position: absolute; top: 0px; left: 0px; } .loginhome { border-style:solid; border-width:1px; padding: 10px; width:176px; margin-left:-3px; margin-top:0px; margin-bottom: 10px; background-color: #BBD1E1; text-align: left; font-size:0.83em; } .login { padding: 10px; margin-left:-3px; margin-top:-3px; margin-bottom:-3px; background-color: #E2E2E2; text-align: left; } .subform200 { width:200px; } .subform225 { width:225px; } .subform250 { width: 250px; } .subform250editview { width: 250px; border-style: solid; border-right-color: #1D1F59; border-left-color: #1D1F59; border-right-width: 2px; border-left-width: 2px; border-bottom-width: 2px; border-top-width: 0px; } .subform270 { width:270px; } .subform370 { width:350px; } .button { width: 220px; height: 30px; /*background-image: url("../images/button.gif");*/ background-image: url("images/sprites.gif"); background-position:0 -70px; font-size: 15px; font-family: 'Arial Narrow', sans-serif; font-weight: bold; color: #FFE479; border:0px; margin-left:21px; } .tab { text-align: center; } .bluetab { text-align: center; } .bluetabtext { margin-top:4px; color: #FFE479; } .homepagebutton { padding-top:3px; padding-left:50px; } .header { /*background-color:#BCA9F1;*/ background-color:#1D1F59; color:#FFCA69; font-size:1.8em; font-weight: bold; padding-top:4px; padding-bottom:4px; padding-left:10px; margin-left:-10px; margin-right:-10px; } .addressheader { background-color:#A9ABFE; font-size:1.1em; font-weight: bold; margin-top:22px; margin-bottom:-10px; margin-left:-10px; margin-right:-10px; padding-top:3px; padding-bottom:3px; padding-left:10px; } /* same as addressheader, except it has a margin-bottom:0px */ .regularheader { background-color:#A9ABFE; font-size:1.1em; font-weight: bold; margin-top:22px; margin-bottom:2px; margin-left:0px; margin-right:30px; padding-top:3px; padding-bottom:3px; padding-left:3px; } .textfield { margin-top:9px; } .regularfont { font-size:0.72em; } font.textfieldprompt { color:#1D1F59; font-weight:bold; } .clientmessage { font-size: 1.0em; background-color:#FFF4C2; padding:5px; padding-bottom:10px; margin-bottom:10px; width:300px; margin-top:90px; } .clientmessage_wide { font-size: 0.8em; background-color:#FFF4C2; padding:5px; padding-bottom:10px; margin-bottom:10px; width:680px; margin-top:90px; } .clientmessage_wide_notopmargin { font-size: 0.8em; background-color:#FFF4C2; padding:5px; padding-bottom:20px; width:680px; } font.homepagetitle { color: #ffffff; font-size: 1.2em; font-family: sans-serif; line-height:185%; } font.homepagelargetitle { color: #ffffff; font-size: 22px; font-family: sans-serif; padding-left:5px; } font.homepagelargetitle_ejn { color: #FFFFFF; font-size: 22px; font-family: sans-serif; padding-left:5px; } font.large { font-size:1.1em; } font.lesslarge { font-size:0.9em; } font.xlarge { font-size:1.5em; } font.largebold_nopadding { font-size:1.25em; font-weight:bold; } font.largebold { font-size:1.25em; font-weight:bold; padding:5px; } font.bold { font-size:1.2em; font-weight:bold; } font.whitelarge { font-size: 1.2em; font-weight: bold; color: white; font-family: sans-serif; margin-left: 6px; text-align: left; } table.subform270 { width:270px; border-style: solid; border-color: #1D1F59; border-width: 2px; padding: 0px; background-color: white; } table.subform250 { width: 250px; border-style: solid; border-color: #1D1F59; border-width: 2px; padding: 0px; background-color: white; } table.subform250noborder { padding: 0px; background-color: white; } table.regular { border-style: solid; border-width: 0px; padding: 0px; background-color: white; } span.internallink { color: black; text-decoration: underline; font-weight: bold; } .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url("../images/star-black.gif") left -1000px repeat-x; } .star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom; } .star-rating a.stars1{ width:20%; z-index:6; } .star-rating a.stars2{ width:40%; z-index:5; } .star-rating a.stars3{ width:60%; z-index:4; } .star-rating a.stars4{ width:80%; z-index:3; } .star-rating a.stars5{ width:100%; z-index:2; } .star-rating .current-rating{ z-index:1; background-position: left center; } .star-rating-fixed, .star-rating-fixed .current-rating-fixed{ background: url("../images/star-black.gif") left -1000px repeat-x; } .star-rating-fixed{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating-fixed li{ display: inline; } .star-rating-fixed a, .star-rating-fixed .current-rating-fixed{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating-fixed a.stars1{ width:20%; z-index:6; } .star-rating-fixed a.stars2{ width:40%; z-index:5; } .star-rating-fixed a.stars3{ width:60%; z-index:4; } .star-rating-fixed a.stars4{ width:80%; z-index:3; } .star-rating-fixed a.stars5{ width:100%; z-index:2; } .star-rating-fixed .current-rating-fixed{ z-index:1; background-position: left center; } .estyle1 { background-color:#ffffff; border:3px black solid; } .estyle2 { background-color:#ffffff; border:1px black solid; } .estyle3 { background-color:#ffffff; border:10px black solid; padding: 10px; } .estyle4 { background-color:#ffffff; border:10px black double; padding: 10px; } .estyle5 { background-color:#ffffff; border-bottom:3px black solid; border-left:3px #aaaaaa solid; border-top:3px #aaaaaa solid; border-right:3px black solid; padding: 5px; } .estyle6 { background-color:#ffffff; border:2px black solid; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * TableTools styles */ .TableTools { padding: 3px 0 3px 3px; border: 1px solid #d0d0d0; background-color: #f0f0f0; float: right; position: absolute; margin-left:720px; top:0px; //margin-bottom:20px; //padding-bottom:20px; } .TableTools_button { position: relative; float: left; margin-right: 3px; } .TableTools_csv { background: url(csv.png) no-repeat center center; border: 1px solid #f0f0f0; } .TableTools_csv_hover { background: url(csv_hover.png) no-repeat center center; border: 1px solid #d0d0d0; background-color: #fdfdfd; } .TableTools_xls { background: url(xls.png) no-repeat center center; border: 1px solid #f0f0f0; } .TableTools_xls_hover { background: url(xls_hover.png) no-repeat center center; border: 1px solid #d0d0d0; background-color: #fdfdfd; } .TableTools_clipboard { background: url(copy.png) no-repeat center center; border: 1px solid #f0f0f0; } .TableTools_clipboard_hover { background: url(copy_hover.png) no-repeat center center; border: 1px solid #d0d0d0; background-color: #fdfdfd; } .TableTools_print { background: url(print.png) no-repeat center center; border: 1px solid #f0f0f0; } .TableTools_print_hover { background: url(print_hover.png) no-repeat center center; border: 1px solid #d0d0d0; background-color: #fdfdfd; } .TableTools_PrintInfo { position: absolute; top: 50%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; text-align: center; background-color: #3f3f3f; color: white; padding: 10px 30px; opacity: 0.9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); } .TableTools_PrintInfo h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } .TableTools_PrintInfo p { font-size: 14px; line-height: 20px; } /*Demo_page.css for DataTables 1.5 */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * General page setup */ #dt_example { font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #333; background-color: #fff; } #dt_example #container { width: 800px; margin: 30px auto; padding: 0; } #dt_example #footer { margin: 50px auto 0 auto; padding: 0; } #dt_example #demo { margin: 30px auto 0 auto; } #dt_example .demo_jui { margin: 30px auto 0 auto; } #dt_example .big { font-size: 1.3em; font-weight: bold; line-height: 1.6em; color: #4E6CA3; } #dt_example .spacer { height: 20px; clear: both; } #dt_example .clear { clear: both; } #dt_example pre { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; } #dt_example h1 { margin-top: 2em; font-size: 1.3em; font-weight: normal; line-height: 1.6em; color: #4E6CA3; border-bottom: 1px solid #B0BED9; clear: both; } #dt_example h2 { font-size: 1.2em; font-weight: normal; line-height: 1.6em; color: #4E6CA3; clear: both; } #dt_example a { color: #0063DC; text-decoration: none; } #dt_example a:hover { text-decoration: underline; } #dt_example ul { color: #B0BED9; } .css_right { float: right; } .css_left { float: left; } /*Demo Tables CSS for DataTables 1.5 /* * File: demo_table.css * CVS: $Id$ * Description: CSS descriptions for DataTables demo pages * Author: Allan Jardine * Created: Tue May 12 06:47:22 BST 2009 * Modified: $Date$ by $Author$ * Language: CSS * Project: DataTables * * Copyright 2009 Allan Jardine. All Rights Reserved. * * *************************************************************************** * DESCRIPTION * * The styles given here are suitable for the demos that are used with the standard DataTables * distribution (see www.datatables.net). You will most likely wish to modify these styles to * meet the layout requirements of your site. * * Common issues: * 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is * no conflict between the two pagination types. If you want to use full_numbers pagination * ensure that you either have "example_alt_pagination" as a body class name, or better yet, * modify that selector. * Note that the path used for Images is relative. All images are by default located in * ../images/ - relative to this CSS file. */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables features */ .dataTables_wrapper { position: relative; /*min-height: 302px; _height: 302px; */ clear: both; } .dataTables_processing { position: absolute; top: 0px; left: 50%; width: 250px; margin-left: -125px; border: 1px solid #ddd; text-align: center; color: #999; font-size: 11px; padding: 2px 0; } .dataTables_length { width: 40%; float: left; } .dataTables_filter { width: 50%; float: right; text-align: right; } .dataTables_info { width: 60%; float: left; } .dataTables_paginate { width: 44px; * width: 50px; float: right; margin-right:100px; text-align: right; } /* Pagination nested */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; } .paginate_disabled_previous { background-image: url('../images/back_disabled.jpg'); } .paginate_enabled_previous { background-image: url('../images/back_enabled.jpg'); } .paginate_disabled_next { background-image: url('../images/forward_disabled.jpg'); } .paginate_enabled_next { background-image: url('../images/forward_enabled.jpg'); } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */ table.display { margin: 0 auto; width: 100%; clear: both; } table.display thead th { padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; } table.display tfoot th { padding: 3px 10px; border-top: 1px solid black; font-weight: bold; } table.display tr.heading2 td { border-bottom: 1px solid #aaa; } table.display td { padding: 3px 10px; } table.display td.center { text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */ .sorting_asc { background: url('../images/sort_asc.jpg') no-repeat center right; } .sorting_desc { background: url('../images/sort_desc.jpg') no-repeat center right; } .sorting { background: url('../images/sort_both.jpg') no-repeat center right; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */ table.display tr.odd.gradeA { background-color: #ddffdd; } table.display tr.even.gradeA { background-color: #eeffee; } table.display tr.odd.gradeA { background-color: #ddffdd; } table.display tr.even.gradeA { background-color: #eeffee; } table.display tr.odd.gradeC { background-color: #ddddff; } table.display tr.even.gradeC { background-color: #eeeeff; } table.display tr.odd.gradeX { background-color: #ffdddd; } table.display tr.even.gradeX { background-color: #ffeeee; } table.display tr.odd.gradeU { background-color: #ddd; } table.display tr.even.gradeU { background-color: #eee; } tr.odd { background-color: #E2E4FF; } tr.even { background-color: white; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Misc */ .top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; } .top .dataTables_info { float: none; } .clear { clear: both; } .dataTables_empty { text-align: center; } tfoot input { margin: 0.5em 0; width: 100%; color: #444; } tfoot input.search_init { color: #999; } td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; } td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; } .example_alt_pagination div.dataTables_info { width: 40%; } .paging_full_numbers { width: 400px; height: 22px; line-height: 22px; } .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; } .paging_full_numbers span.paginate_button { background-color: #ddd; } .paging_full_numbers span.paginate_button:hover { background-color: #ccc; } .paging_full_numbers span.paginate_active { background-color: #99B3FF; } table.display tr.even.row_selected td { background-color: #B0BED9; } table.display tr.odd.row_selected td { background-color: #9FAFD1; } /* * Sorting classes for columns */ /* For the standard odd/even */ tr.odd td.sorting_1 { background-color: #D3D6FF; } tr.odd td.sorting_2 { background-color: #DADCFF; } tr.odd td.sorting_3 { background-color: #E0E2FF; } tr.even td.sorting_1 { background-color: #EAEBFF; } tr.even td.sorting_2 { background-color: #F2F3FF; } tr.even td.sorting_3 { background-color: #F9F9FF; } /* For the Conditional-CSS grading rows */ /* Colour calculations (based off the main row colours) Level 1: dd > c4 ee > d5 Level 2: dd > d1 ee > e2 */ tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; } tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; } tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; } tr.even.gradeA td.sorting_1 { background-color: #d5ffd5; } tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; } tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; } tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; } tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; } tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; } tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; } tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; } tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; } tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; } tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; } tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; } tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; } tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; } tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; } tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; } tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; } tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; } tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; } tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; } tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; } /* * Row highlighting example */ .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; } .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; } /* Uploadify v2.1.0 Release Date: August 24, 2009 Copyright (c) 2009 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 350px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /** * Auto Complete 4.1 - CSS Temp * October 5, 2009 * Corey Hart @ http://www.codenothing.com */ ul.auto-complete-list { list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 100; max-height: 250px; overflow: auto; } ul.auto-complete-list li { list-style-type: none; margin: 0; padding: 2px; background-color: white; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; cursor: pointer; } ul.auto-complete-list li.auto-complete-list-rollover { background-color: #c5c5c5; } /*plugin styles*/ .visualize { border: 1px solid #888; position: relative; background: #fafafa; } .visualize canvas { position: absolute; } .visualize ul,.visualize li { margin: 0; padding: 0;} /*table title, key elements*/ //.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; } .visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -40px; right: 10px; opacity: .8; } .visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; font-size: 1.1em; } .visualize ul.visualize-key { list-style: none; } .visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;} .visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; } .visualize ul.visualize-key .visualize-key-label { color: #000; } /*pie labels*/ .visualize-pie .visualize-labels { list-style: none; } .visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute; margin: 0; padding:0; } .visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; } .visualize-pie-outside .visualize-label { color: #000; font-weight: normal; } /*line,bar, area labels*/ .visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; } .visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; } .visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; } .visualize-labels-x li span.line, .visualize-labels-y li span.line { position: absolute; border: 0 solid #ccc; } .visualize-labels-x li { height: 100%; } .visualize-labels-x li span.label { top: 100%; margin-top: 5px; } .visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; } .visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/ .visualize-labels-y li { width: 100%; } .visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; } .visualize-labels-y li span.line { border-top-width: 1px; width: 100%; } .visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }