/** Includes -my regular file -datatables -uilightness -jqueryui (1.8.7) */ 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_narrow { margin-top:90px; float:left; width:665px; } 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: 1110px; 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: 1110px; border-top-width:0px; position: absolute; left: 225px; top: 85px; background-color: #ffffff; } .thirdcolumn { font-size: 0.8em; width: 210px; height: 1110px; position: absolute; left: 495px; top: 87px; border-left: 1px dotted #303030; background-color:#F5F9FF; padding-left:5px; } .fourthcolumn { font-size: 0.8em; width: 210px; height: 1110px; position: absolute; left: 725px; top: 87px; border-left: 1px dotted #303030; background-color:#F5F9FF; padding-left:5px; } .homefooter { width: 722px; font-size: 0.9em; position: absolute; //top: 902px; top: 1200px; 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:192px; 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.80em; } 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.largerbold { font-size:1.2em; font-weight:bold; } 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.largebold_smaller { font-size:0.85em; //font-weight:bold; padding:1px; } 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; } // New TableTools 2.0 CSS /* * File: TableTools.css * Description: Styles for TableTools 2 * Author: Allan Jardine (www.sprymedia.co.uk) * Language: Javascript * License: LGPL / 3 point BSD * Project: DataTables * * Copyright 2010 Allan Jardine, all rights reserved. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CSS name space: * DTTT DataTables TableTools * * Colour dictionary: * Button border #d0d0d0 * Button border hover #999999 * Hover background #f0f0f0 * Action blue #4b66d9 * * Style sheet provides: * CONTAINER TableTools container element and styles applying to all components * BUTTON_STYLES Action specific button styles * SELECTING Row selection styles * COLLECTIONS Drop down list (collection) styles * PRINTING Print display styles * MISC Minor misc styles */ /* * CONTAINER * TableTools container element and styles applying to all components */ div.DTTT_container { float: right; margin-bottom: 1em; } button.DTTT_button { position: relative; float: left; height: 30px; margin-right: 3px; padding: 3px 5px; border: 1px solid #d0d0d0; background-color: #fff; cursor: pointer; *cursor: hand; } button.DTTT_button::-moz-focus-inner { border: none !important; padding: 0; } /* * BUTTON_STYLES * Action specific button styles */ button.DTTT_button_csv { padding-right: 30px; background: url(../images/csv.png) no-repeat center right; } button.DTTT_button_csv_hover { padding-right: 30px; border: 1px solid #999; background: #f0f0f0 url(../images/csv_hover.png) no-repeat center right; } button.DTTT_button_xls { padding-right: 30px; background: url(../images/xls.png) no-repeat center right; } button.DTTT_button_xls_hover { padding-right: 30px; border: 1px solid #999; background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; } button.DTTT_button_copy { padding-right: 30px; background: url(../images/copy.png) no-repeat center right; } button.DTTT_button_copy_hover { padding-right: 30px; border: 1px solid #999; background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; } button.DTTT_button_pdf { padding-right: 30px; background: url(../images/pdf.png) no-repeat center right; } button.DTTT_button_pdf_hover { padding-right: 30px; border: 1px solid #999; background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; } button.DTTT_button_print { padding-right: 30px; background: url(../images/print.png) no-repeat center right; } button.DTTT_button_print_hover { padding-right: 30px; border: 1px solid #999; background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; } button.DTTT_button_text { } button.DTTT_button_text_hover { border: 1px solid #999; background-color: #f0f0f0; } button.DTTT_button_collection { padding-right: 17px; background: url(../images/collection.png) no-repeat center right; } button.DTTT_button_collection_hover { padding-right: 17px; border: 1px solid #999; background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right; } /* * SELECTING * Row selection styles */ table.DTTT_selectable tbody tr { cursor: pointer; *cursor: hand; } tr.DTTT_selected.odd { background-color: #9FAFD1; } tr.DTTT_selected.odd td.sorting_1 { background-color: #9FAFD1; } tr.DTTT_selected.odd td.sorting_2 { background-color: #9FAFD1; } tr.DTTT_selected.odd td.sorting_3 { background-color: #9FAFD1; } tr.DTTT_selected.even { background-color: #B0BED9; } tr.DTTT_selected.even td.sorting_1 { background-color: #B0BED9; } tr.DTTT_selected.even td.sorting_2 { background-color: #B0BED9; } tr.DTTT_selected.even td.sorting_3 { background-color: #B0BED9; } /* * COLLECTIONS * Drop down list (collection) styles */ div.DTTT_collection { width: 150px; padding: 3px; border: 1px solid #ccc; background-color: #f3f3f3; overflow: hidden; z-index: 2002; } div.DTTT_collection_background { background: transparent url(../images/background.png) repeat top left; z-index: 2001; } div.DTTT_collection button.DTTT_button { float: none; width: 100%; margin-bottom: 2px; background-color: white; } /* * PRINTING * Print display styles */ .DTTT_print_info { 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); } .DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } .DTTT_print_info p { font-size: 14px; line-height: 20px; } /* * MISC * Minor misc styles */ .DTTT_disabled { color: #999; } /*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 1.8.7 * NOTE!!!!!!!!!!!!!!! When updating this to the latest CSS, you might need to check .ui-menu .ui-menu-item a - and set the font-size to 0.75em; * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .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 1.8.7 * NOTE!!!!!!!!!!!!!!! When updating this to the latest CSS, you might need to check .ui-menu .ui-menu-item a - and set the font-size to 0.75em; * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * 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-gripsmall-diagonal-se { background-position: -80px -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; }/* * jQuery UI Resizable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .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: 16px; height: 16px; 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;}/* * jQuery UI Autocomplete 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } /* Regular JqueryUI css .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 { font-size:0.75em; text-decoration:none; display:block; padding:.2em .4em; line-height:1; 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; } /* * jQuery UI Dialog 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Probably for the Jquery Visualize Plugin */ /*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; } /* TipTip CSS - Version 1.2 - for Jquery Tooltip plugin - http://code.drewwilson.com/entry/tiptip-jquery-plugin*/ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } }