ADAM / AIAHTML5

Commit cdb4b6ef03463e59628a17fc6547afcdf8a5f6dd

Authored by Amrita Vishnoi
1 parent 80f22b17

code till not introduced the JSPannel.

Inline Side-by-side
Showing 12 changed files with 3249 additions and 714 deletions
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
  View file @cdb4b6e
@@ -66,6 +66,7 @@ @@ -66,6 +66,7 @@
66 <Content Include="app\views\3dA\3d-anatomy-details.html" /> 66 <Content Include="app\views\3dA\3d-anatomy-details.html" />
67 <Content Include="app\views\3dA\3dA-view.html" /> 67 <Content Include="app\views\3dA\3dA-view.html" />
68 <Content Include="app\views\ADAMImg\ADAMImg-view.html" /> 68 <Content Include="app\views\ADAMImg\ADAMImg-view.html" />
  69 + <Content Include="app\views\aa\atlas-anatomy-detail.html" />
69 <Content Include="app\views\atlas-anatomy-detail.html" /> 70 <Content Include="app\views\atlas-anatomy-detail.html" />
70 <Content Include="app\views\ca\clinical-animations-detail.html" /> 71 <Content Include="app\views\ca\clinical-animations-detail.html" />
71 <Content Include="app\views\ci\clinical-illustrations-detail.html" /> 72 <Content Include="app\views\ci\clinical-illustrations-detail.html" />
@@ -44095,6 +44096,8 @@ @@ -44095,6 +44096,8 @@
44095 <Content Include="libs\jcanvas\jcanvas.handle.min.js" /> 44096 <Content Include="libs\jcanvas\jcanvas.handle.min.js" />
44096 <Content Include="libs\jcanvas\jcanvas.min.js" /> 44097 <Content Include="libs\jcanvas\jcanvas.min.js" />
44097 <Content Include="libs\jinqJs.js" /> 44098 <Content Include="libs\jinqJs.js" />
  44099 + <Content Include="libs\jquery-ui-slider-pips.css" />
  44100 + <Content Include="libs\jquery-ui.css" />
44098 <Content Include="libs\jquery\jquery.sticky.js" /> 44101 <Content Include="libs\jquery\jquery.sticky.js" />
44099 <Content Include="libs\jquery\jquery_plugin\color-picker\jquery.minicolors.min.js" /> 44102 <Content Include="libs\jquery\jquery_plugin\color-picker\jquery.minicolors.min.js" />
44100 <Content Include="libs\jquery\2.1.3\jquery.min.js" /> 44103 <Content Include="libs\jquery\2.1.3\jquery.min.js" />
@@ -44163,7 +44166,6 @@ @@ -44163,7 +44166,6 @@
44163 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\jquery.ui.touch-punch.min.js" /> 44166 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\jquery.ui.touch-punch.min.js" />
44164 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\mobile-detect.js" /> 44167 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\mobile-detect.js" />
44165 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\mobile-detect.min.js" /> 44168 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\mobile-detect.min.js" />
44166 - <Content Include="libs\jquery\jquery_plugin\slider-pips\jquery-ui-slider-pips.css" />  
44167 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\browser.js" /> 44169 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\browser.js" />
44168 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\bubble.js" /> 44170 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\bubble.js" />
44169 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\css\bubble.css" /> 44171 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\css\bubble.css" />
@@ -44313,7 +44315,9 @@ @@ -44313,7 +44315,9 @@
44313 <Content Include="libs\jquery\jquery_plugin\jquery.mCustomScrollbar.concat.min.js" /> 44315 <Content Include="libs\jquery\jquery_plugin\jquery.mCustomScrollbar.concat.min.js" />
44314 <Content Include="libs\jquery\jquery_plugin\jquery.sticky.js" /> 44316 <Content Include="libs\jquery\jquery_plugin\jquery.sticky.js" />
44315 <Content Include="app\widget\TopMenu.html" /> 44317 <Content Include="app\widget\TopMenu.html" />
  44318 + <Content Include="themes\default\css\jquery-ui-slider-pips.css" />
44316 <Content Include="themes\jquery-ui-slider-pips.js" /> 44319 <Content Include="themes\jquery-ui-slider-pips.js" />
  44320 + <Content Include="themes\default\css\jquery-ui.css" />
44317 <Content Include="Web.config"> 44321 <Content Include="Web.config">
44318 <SubType>Designer</SubType> 44322 <SubType>Designer</SubType>
44319 </Content> 44323 </Content>
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
  View file @cdb4b6e
@@ -145,7 +145,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, BodyRegions, Bod @@ -145,7 +145,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, BodyRegions, Bod
145 145
146 OpendTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData); 146 OpendTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
147 147
148 - //var u = $location.url(); 148 +
149 $location.url('/atlas-anatomy-detail'); 149 $location.url('/atlas-anatomy-detail');
150 150
151 } 151 }
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html 0 → 100644
  View file @cdb4b6e
  1 +
  2 + <div class="container-fluid ">
  3 + <!--Header-->
  4 + <nav class="navbar navbar-inverse navbar-fixed-top">
  5 + <div class="container-fluid">
  6 + <!-- Brand and toggle get grouped for better mobile display -->
  7 + <div class="navbar-header">
  8 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
  9 + <a class="frameLogo navbar-brand" href="welcome.html"><img src="img/logo-main.png" class="img-responsive" alt=""></a>
  10 + </div>
  11 +
  12 + </div>
  13 + </nav>
  14 + <!--Body-->
  15 + <div class="bodyWrap row">
  16 + <div class="col-sm-12 pageHeading">
  17 + <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
  18 + <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
  19 + <h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>
  20 + <div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
  21 + <div class="clearfix"></div>
  22 + </div>
  23 + <div class="tools pull-left" style="top:44px;">
  24 + <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
  25 + <div class="">
  26 + <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="img/hide-pin.png" alt="" title=""></button> </div>
  27 + <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="img/draw-pin.png" alt="" title=""></button></div>
  28 + <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="img/all-pin.png" alt="" title=""></button></div>
  29 + <div class="col-sm-6" title="Select System">
  30 + <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/icon-highlight.png" alt="" title=""></button>
  31 + <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
  32 + <li><a href="#" title="Current Structure">All</a></li>
  33 + <li role="separator" class="divider"></li>
  34 + <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
  35 + <li><a href="#" title="Digestive">Digestive</a></li>
  36 + <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
  37 + <li class="disabled"><a href="#" title="Immune">Immune</a></li>
  38 + <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
  39 + <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
  40 + <li><a href="#" title="Muscular">Muscular</a></li>
  41 + <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
  42 + <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
  43 + <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
  44 + <li><a href="#" title="Skeletal">Skeletal</a></li>
  45 + <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
  46 + </ul>
  47 +
  48 + </div>
  49 + <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="img/comment-box.png" alt="" title=""></button> </div>
  50 + </div>
  51 + <div class="pips-slider" style="margin-top:125px">
  52 + <h3>Zoom <i class="fa fa-search-plus"></i></h3>
  53 + <div class="slider" id="vertical-slider"></div>
  54 + </div>
  55 + </div>
  56 +
  57 + <div class="main2">
  58 + <div class="col-sm-12 stickey-area">
  59 + <div class="breadcrumb">
  60 + <div class="">
  61 + <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
  62 + <input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">
  63 + <!--<select class="form-control input-sm ">
  64 + <option>---Select---</option>
  65 + <option selected>Anterior cutaneous branch of first intercostal nerve</option>
  66 + <option>Anterior cutaneous branch of second intercostal nerve</option>
  67 + <option>Anterior cutaneous branch of third intercostal nerve</option>
  68 + <option>Anterior intercostal artery</option>
  69 + <option>Anterior intercostal vein</option>
  70 + </select>-->
  71 + <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
  72 + </div>
  73 + &nbsp;
  74 + <!-- Single button -->
  75 + <div class="btn-group">
  76 + <button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  77 + <i class="fa fa-arrow-circle-right"></i>
  78 + </button>
  79 + <ul class="dropdown-menu">
  80 + <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>
  81 + <li role="separator" class="divider"></li>
  82 + <li><a href="#">All</a></li>
  83 + </ul>
  84 + </div>
  85 + <div class="btn-group">
  86 + <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  87 + <i class="fa fa-male"></i>
  88 + </button>
  89 + <ul class="dropdown-menu" style="min-width:auto;">
  90 + <li><img src="img/position.jpg" class="img-responsive"></li>
  91 + </ul>
  92 + </div>
  93 +
  94 + </div>
  95 + </div>
  96 + </div>
  97 + <div class="col-sm-12">
  98 + <div class="container-fluid">
  99 + <div class="row">
  100 + <div class="col-sm-12 img-thumbnail" align="center"><img src="img/1000x600.jpg" alt="" title="" class="img-responsive"></div>
  101 + <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="img/500x300.jpg" alt="" title="" class="img-responsive"></div>
  102 + <div class="clearfix"></div>-->
  103 + </div>
  104 + </div>
  105 + </div>
  106 + <div class="clearfix"></div>
  107 +
  108 +
  109 +
  110 + </div>
  111 + </div>
  112 + </div>
  113 +
  114 +
  115 +
  116 + <script>
  117 + $(window).load(function () {
  118 + $(".stickey-area").sticky();
  119 + });
  120 + </script>
  121 + <script>
  122 + $(function () {
  123 + $("#slider-range-min-2").slider({
  124 + range: "min",
  125 + min: 1,
  126 + max: 60,
  127 + value: 10,
  128 + slide: function (event, ui) {
  129 + $("#amount-2").val(ui.value);
  130 + }
  131 + });
  132 + $("#amount-2").val($("#slider-vertical-2").slider("value"));
  133 +
  134 + });
  135 + </script>
  136 +
  137 + <script>
  138 + $(document).ready(function () {
  139 + $('[data-toggle="tooltip"]').tooltip();
  140 + });
  141 + </script>
  142 + <script src="js/jquery-ui-slider-pips.js"></script>
  143 + <script>
  144 + $(".slider")
  145 +
  146 + .slider({
  147 + min: 25,
  148 + max: 100,
  149 + value: 100,
  150 + range: "min",
  151 + orientation: "vertical"
  152 + })
  153 +
  154 + .slider("pips", {
  155 + rest: "label",
  156 + step: "15"
  157 + });
  158 + </script>
  159 +
  160 + <script>
  161 + $(function () {
  162 + $("#draggable").draggable();
  163 + });
  164 + </script>
  165 +
  166 +
400-SOURCECODE/AIAHTML5.Web/app/views/atlas-anatomy-detail.html
  View file @cdb4b6e
1  1 
2 -<div id="imaginary_container">  
3 - <div class="input-group stylish-input-group paddTop5 hidden-sm">  
4 - <input type="text" class="form-control width120" placeholder="Search">  
5 - <span class="input-group-addon">  
6 - <button type="submit">  
7 - <span class="fa fa-search color-green"></span>  
8 - </button>  
9 - </span>  
10 - </div> 2 + <div class="container-fluid ">
  3 + <!--Header-->
  4 + <nav class="navbar navbar-inverse navbar-fixed-top">
  5 + <div class="container-fluid">
  6 + <!-- Brand and toggle get grouped for better mobile display -->
  7 + <div class="navbar-header">
  8 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
  9 + <a class="frameLogo navbar-brand" href="welcome.html"><img src="img/logo-main.png" class="img-responsive" alt=""></a>
  10 + </div>
  11 +
  12 + </div>
  13 + </nav>
  14 + <!--Body-->
  15 + <div class="bodyWrap row">
  16 + <div class="col-sm-12 pageHeading">
  17 + <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
  18 + <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
  19 + <h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>
  20 + <div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
  21 + <div class="clearfix"></div>
  22 + </div>
  23 + <div class="tools pull-left" style="top:44px;">
  24 + <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
  25 + <div class="">
  26 + <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="img/hide-pin.png" alt="" title=""></button> </div>
  27 + <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="img/draw-pin.png" alt="" title=""></button></div>
  28 + <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="img/all-pin.png" alt="" title=""></button></div>
  29 + <div class="col-sm-6" title="Select System">
  30 + <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/icon-highlight.png" alt="" title=""></button>
  31 + <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
  32 + <li><a href="#" title="Current Structure">All</a></li>
  33 + <li role="separator" class="divider"></li>
  34 + <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
  35 + <li><a href="#" title="Digestive">Digestive</a></li>
  36 + <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
  37 + <li class="disabled"><a href="#" title="Immune">Immune</a></li>
  38 + <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
  39 + <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
  40 + <li><a href="#" title="Muscular">Muscular</a></li>
  41 + <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
  42 + <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
  43 + <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
  44 + <li><a href="#" title="Skeletal">Skeletal</a></li>
  45 + <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
  46 + </ul>
11 47
12 - <div class="visible-sm visible-md pull-right marginTop5">  
13 - <div class="dropdown">  
14 - <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">  
15 - <i class="fa fa-search color-white"></i>  
16 - </button>  
17 - <!--<div class="hidden-xs marginR5 dropdown-toggle marginTop5" id="dropdownMenu1" data-toggle="dropdown" data-placement="top" title="Logout"><a href="index.html"><i class="fa fa-search color-white"></i></a></div>-->  
18 - <ul class="dropdown-menu right0" aria-labelledby="dropdownMenu1">  
19 - <li>  
20 - <!--<div class="input-group"><input type="text" aria-label="Amount (to the nearest dollar)" class="form-control"> <span class="input-group-addon"><i class="fa fa-search color-green"></i></span> </div>-->  
21 - <div class="input-group stylish-input-group ">  
22 - <input type="text" class="form-control" placeholder="Search" style="width:100%;">  
23 - <span class="input-group-addon">  
24 - <button type="submit">  
25 - <span class="fa fa-search color-green"></span>  
26 - </button>  
27 - </span>  
28 </div> 48 </div>
29 - </li>  
30 - </ul>  
31 - </div>  
32 - </div>  
33 -</div>  
34 -  
35 -<!--Body-->  
36 -<div class="bodyWrap row">  
37 - <div class="col-sm-12 pageHeading">  
38 - <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->  
39 - <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->  
40 - <h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>  
41 - <div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>  
42 - <div class="clearfix"></div>  
43 - </div>  
44 - <div class="tools pull-left" style="top:44px;">  
45 - <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>  
46 - <div class="">  
47 - <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>  
48 - <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="img/draw-pin.png" alt="" title=""></button></div>  
49 - <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="../content/images/aa/LeftMenu/all-pin.png" alt="" title=""></button></div>  
50 - <div class="col-sm-6" title="Select System">  
51 - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/icon-highlight.png" alt="" title=""></button>  
52 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">  
53 - <li><a href="#" title="Current Structure">All</a></li>  
54 - <li role="separator" class="divider"></li>  
55 - <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>  
56 - <li><a href="#" title="Digestive">Digestive</a></li>  
57 - <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>  
58 - <li class="disabled"><a href="#" title="Immune">Immune</a></li>  
59 - <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>  
60 - <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>  
61 - <li><a href="#" title="Muscular">Muscular</a></li>  
62 - <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>  
63 - <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>  
64 - <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>  
65 - <li><a href="#" title="Skeletal">Skeletal</a></li>  
66 - <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>  
67 - </ul>  
68 - 49 + <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="img/comment-box.png" alt="" title=""></button> </div>
  50 + </div>
  51 + <div class="pips-slider" style="margin-top:125px">
  52 + <h3>Zoom <i class="fa fa-search-plus"></i></h3>
  53 + <div class="slider" id="vertical-slider"></div>
  54 + </div>
69 </div> 55 </div>
70 - <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="img/comment-box.png" alt="" title=""></button> </div>  
71 - </div>  
72 - <div class="pips-slider" style="margin-top:125px">  
73 - <h3>Zoom <i class="fa fa-search-plus"></i></h3>  
74 - <div class="slider" id="vertical-slider"></div>  
75 - </div>  
76 - </div>  
77 -</div>  
78 -  
79 56
  57 + <div class="main2">
  58 + <div class="col-sm-12 stickey-area">
  59 + <div class="breadcrumb">
  60 + <div class="">
  61 + <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
  62 + <input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">
  63 + <!--<select class="form-control input-sm ">
  64 + <option>---Select---</option>
  65 + <option selected>Anterior cutaneous branch of first intercostal nerve</option>
  66 + <option>Anterior cutaneous branch of second intercostal nerve</option>
  67 + <option>Anterior cutaneous branch of third intercostal nerve</option>
  68 + <option>Anterior intercostal artery</option>
  69 + <option>Anterior intercostal vein</option>
  70 + </select>-->
  71 + <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
  72 + </div>
  73 + &nbsp;
  74 + <!-- Single button -->
  75 + <div class="btn-group">
  76 + <button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  77 + <i class="fa fa-arrow-circle-right"></i>
  78 + </button>
  79 + <ul class="dropdown-menu">
  80 + <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>
  81 + <li role="separator" class="divider"></li>
  82 + <li><a href="#">All</a></li>
  83 + </ul>
  84 + </div>
  85 + <div class="btn-group">
  86 + <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  87 + <i class="fa fa-male"></i>
  88 + </button>
  89 + <ul class="dropdown-menu" style="min-width:auto;">
  90 + <li><img src="img/position.jpg" class="img-responsive"></li>
  91 + </ul>
  92 + </div>
80 93
81 -<div class="col-sm-12 stickey-area">  
82 - <div class="breadcrumb">  
83 - <div class="">  
84 - <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">  
85 - <input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">  
86 - <!--<select class="form-control input-sm ">  
87 - <option>---Select---</option>  
88 - <option selected>Anterior cutaneous branch of first intercostal nerve</option>  
89 - <option>Anterior cutaneous branch of second intercostal nerve</option>  
90 - <option>Anterior cutaneous branch of third intercostal nerve</option>  
91 - <option>Anterior intercostal artery</option>  
92 - <option>Anterior intercostal vein</option>  
93 - </select>-->  
94 - <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->  
95 - </div>  
96 - &nbsp;  
97 - <!-- Single button -->  
98 - <div class="btn-group">  
99 - <button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  
100 - <i class="fa fa-arrow-circle-right"></i>  
101 - </button>  
102 - <!--<ul class="dropdown-menu">  
103 - <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>  
104 - <li role="separator" class="divider"></li>  
105 - <li><a href="#">All</a></li>  
106 - </ul>-->  
107 - </div>  
108 - <div class="btn-group">  
109 - <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  
110 - <i class="fa fa-male"></i>  
111 - </button>  
112 - <ul class="dropdown-menu" style="min-width:auto;">  
113 - <li><img src="img/position.jpg" class="img-responsive"></li>  
114 - </ul>  
115 - </div> 94 + </div>
  95 + </div>
  96 + </div>
  97 + <div class="col-sm-12">
  98 + <div class="container-fluid">
  99 + <div class="row">
  100 + <div class="col-sm-12 img-thumbnail" align="center"><img src="img/1000x600.jpg" alt="" title="" class="img-responsive"></div>
  101 + <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="img/500x300.jpg" alt="" title="" class="img-responsive"></div>
  102 + <div class="clearfix"></div>-->
  103 + </div>
  104 + </div>
  105 + </div>
  106 + <div class="clearfix"></div>
116 107
  108 +
  109 +
  110 + </div>
117 </div> 111 </div>
118 </div> 112 </div>
119 -</div>  
120 -<div class="col-sm-12">  
121 - <div class="container-fluid">  
122 - <div class="row">  
123 - <div class="col-sm-12 img-thumbnail" align="center"><img src="img/1000x600.jpg" alt="" title="" class="img-responsive"></div>  
124 - <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="img/500x300.jpg" alt="" title="" class="img-responsive"></div>  
125 - <div class="clearfix"></div>-->  
126 - </div>  
127 - </div>  
128 -</div>  
129 -<div class="clearfix"></div>  
130 -  
131 113
132 -<!--<script src="../libs/jquery/1.11.3/jquery.min.js"></script>-->  
133 -<!--<script src="../../themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>  
134 -<script src="../../themes/default/scripts/custom/custom.js"></script>  
135 -<script src="../../libs/jquery/jquery.sticky.js"></script>  
136 -<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>-->  
137 114
138 -<script>  
139 - $(window).load(function () {  
140 - $(".stickey-area").sticky();  
141 - });  
142 -</script>  
143 -<script>  
144 - $(function () {  
145 - $("#slider-range-min-2").slider({  
146 - range: "min",  
147 - min: 1,  
148 - max: 60,  
149 - value: 10,  
150 - slide: function (event, ui) {  
151 - $("#amount-2").val(ui.value);  
152 - } 115 +
  116 + <script>
  117 + $(window).load(function () {
  118 + $(".stickey-area").sticky();
153 }); 119 });
154 - $("#amount-2").val($("#slider-vertical-2").slider("value")); 120 + </script>
  121 + <script>
  122 + $(function () {
  123 + $("#slider-range-min-2").slider({
  124 + range: "min",
  125 + min: 1,
  126 + max: 60,
  127 + value: 10,
  128 + slide: function (event, ui) {
  129 + $("#amount-2").val(ui.value);
  130 + }
  131 + });
  132 + $("#amount-2").val($("#slider-vertical-2").slider("value"));
155 133
156 - });  
157 -</script> 134 + });
  135 + </script>
158 136
159 -<script>  
160 - $(document).ready(function () {  
161 - $('[data-toggle="tooltip"]').tooltip();  
162 - });  
163 -</script> 137 + <script>
  138 + $(document).ready(function () {
  139 + $('[data-toggle="tooltip"]').tooltip();
  140 + });
  141 + </script>
  142 + <script src="js/jquery-ui-slider-pips.js"></script>
  143 + <script>
  144 + $(".slider")
164 145
165 -<script src="../../libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>  
166 -<script>  
167 - $(".slider") 146 + .slider({
  147 + min: 25,
  148 + max: 100,
  149 + value: 100,
  150 + range: "min",
  151 + orientation: "vertical"
  152 + })
168 153
169 - .slider({  
170 - min: 25,  
171 - max: 100,  
172 - value: 100,  
173 - range: "min",  
174 - orientation: "vertical"  
175 - }) 154 + .slider("pips", {
  155 + rest: "label",
  156 + step: "15"
  157 + });
  158 + </script>
176 159
177 - .slider("pips", {  
178 - rest: "label",  
179 - step: "15"  
180 - });  
181 -</script> 160 + <script>
  161 + $(function () {
  162 + $("#draggable").draggable();
  163 + });
  164 + </script>
182 165
183 -<script>  
184 - $(function () {  
185 - $("#draggable").draggable();  
186 - });  
187 -</script>  
188 166
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig deleted
View file @80f22b1
1 -<!--<style>  
2 - .slider label {  
3 - position: absolute;  
4 - width: 20px;  
5 - margin-left: -10px;  
6 - text-align: center;  
7 - margin-top: 20px;  
8 - }  
9 -  
10 - /* below is not necessary, just for style */  
11 - .slider {  
12 - width: 50%;  
13 - margin: 2em auto;  
14 - }  
15 -</style>-->  
16 -<style>  
17 - /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change. */  
18 - .btn-resize {  
19 - padding: 6px 11px;  
20 - border: 0px solid #000;  
21 - border-radius: 1px;  
22 - }  
23 -</style>  
24 -<style>  
25 - /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change. */  
26 - .btn-resize {  
27 - padding: 6px 11px;  
28 - border: 0px solid #000;  
29 - border-radius: 1px;  
30 - }  
31 -</style>  
32 -  
33 -<style>  
34 - #draggable { opacity: 0.2;border:solid;position:absolute;}  
35 - #wrapper {  
36 - position: relative;  
37 - width: 100%;  
38 - height: 100%;  
39 - margin: 20px auto;  
40 - }  
41 -  
42 - .tooltip-custom + .tooltip > .tooltip-inner {  
43 - background-color: #fff;  
44 - border: 1px solid #000;  
45 - color: #000;  
46 - border-radius: 0;  
47 - }  
48 -  
49 - .tooltip-custom + .tooltip > .tooltip-arrow {  
50 - display: none;  
51 - }  
52 -  
53 - .custom-tooltip {  
54 - background-color: #fff;  
55 - border: 0 none;  
56 - color: #000;  
57 - left: -52px;  
58 - opacity: 0.9;  
59 - padding: 3px 0;  
60 - position: absolute;  
61 - text-align: center;  
62 - top: 45px;  
63 - width: 120px;  
64 - display: none;  
65 - z-index: 10000;  
66 - border: 1px solid #000;  
67 - color: #000;  
68 - border-radius: 0;  
69 - }  
70 -  
71 - .custom-tooltip1 {  
72 - background-color: #fff;  
73 - border: 0 none;  
74 - color: #000;  
75 - left: 52px;  
76 - opacity: 0.9;  
77 - padding: 3px 0;  
78 - position: absolute;  
79 - text-align: center;  
80 - top: 45px;  
81 - width: 70px;  
82 - display: none;  
83 - z-index: 10000;  
84 - border: 1px solid #000;  
85 - color: #000;  
86 - border-radius: 0;  
87 - }  
88 -  
89 - .custom-tooltip2 {  
90 - background-color: #fff;  
91 - border: 0 none;  
92 - color: #000;  
93 - right: 10px;  
94 - opacity: 0.9;  
95 - padding: 3px 0;  
96 - position: absolute;  
97 - text-align: center;  
98 - top: 45px;  
99 - width: 60px;  
100 - display: none;  
101 - z-index: 10000;  
102 - border: 1px solid #000;  
103 - color: #000;  
104 - border-radius: 0;  
105 - }  
106 -</style>  
107 - <!--Annotation Toolbar: Jcanvas-->  
108 -<style>  
109 - .canvas-annotationStyle {  
110 - display: none;  
111 - background-color: transparent;  
112 - z-index: 12000;  
113 - position: absolute;  
114 - left: 0;  
115 - right: 0;  
116 - }  
117 -</style>  
118 -<div class=" " id="daView" ng-controller="DAController">  
119 - <div class="pos-relative leftToolBar tools pull-left">  
120 - <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div>  
121 - <div class="" style="top:20px">  
122 - <div class="col-sm-6">  
123 - <button id="btnIdentity" class="btn btn-primary btn-sm tooltip-custom" ng-click="OnIdentityClick()" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt="" title=""></button>  
124 - </div>  
125 - <div class="col-sm-6 pull-right">  
126 - <button class="btn btn-black btn-sm pull-right tooltip-custom" ng-click="enableZoom()" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">  
127 - <img src="content/images/icon-zoom.png" alt="" title="">  
128 - </button>  
129 - </div>  
130 - <div class="col-sm-12">  
131 - <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" ng-click="createTransparencyBox()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt="" title=""></button>  
132 - </div>  
133 - <div class="col-sm-6">  
134 - <button ng-class="Normal" class="btn btn-black btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>  
135 - </div>  
136 - <div class="col-sm-6">  
137 - <button ng-class="Extract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>  
138 - </div>  
139 - <div class="col-sm-6">  
140 - <button ng-class="Highlight" id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>  
141 - </div>  
142 - <div class="col-sm-6 dropdown hover-tool">  
143 - <div class="custom-tooltip">Highlight Options</div>  
144 - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" ng-click="LoadBodySystemData()" ><img src="content/images/icon-highlight.png" alt="" title=""></button>  
145 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">  
146 - <li ng-class="CurrentStructure"><a href="#" title="Current Structure">Current Structure</a></li>  
147 - <li role="separator" class="divider"></li>  
148 - <li ng-class="Cardiovascular"><a href="#" title="Cardiovascular" id="1" ng-click="HighlightBodysystem($event)">Cardiovascular</a></li>  
149 - <li ng-class="Digestive"><a href="#" title="Digestive" id="2" ng-click="HighlightBodysystem($event)">Digestive</a></li>  
150 - <li ng-class="Endocrine"><a href="#" title="Endocrine" id="3" ng-click="HighlightBodysystem($event)">Endocrine</a></li>  
151 - <li ng-class="Immune"><a href="#" title="Immune" id="4" ng-click="HighlightBodysystem($event)">Immune</a></li>  
152 - <li ng-class="Integumentary"><a href="#" title="Integumentary" id="5" ng-click="HighlightBodysystem($event)">Integumentary</a></li>  
153 - <li ng-class="Lymphatic"><a href="#" title="Lymphatic" id="6" ng-click="HighlightBodysystem($event)">Lymphatic</a></li>  
154 - <li ng-class="Muscular"><a href="#" title="Muscular" id="7" ng-click="HighlightBodysystem($event)">Muscular</a></li>  
155 - <li ng-class="Nervous"><a href="#" title="Nervous" id="8" ng-click="HighlightBodysystem($event)">Nervous</a></li>  
156 - <li ng-class="Reproductive"><a href="#" title="Reproductive" id="9" ng-click="HighlightBodysystem($event)">Reproductive</a></li>  
157 - <li ng-class="Respiratory"><a href="#" title="Respiratory" id="10" ng-click="HighlightBodysystem($event)">Respiratory</a></li>  
158 - <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" ng-click="HighlightBodysystem($event)">Skeletal</a></li>  
159 - <li ng-class="Urinary"><a href="#" title="Urinary" id="12" ng-click="HighlightBodysystem($event)">Urinary</a></li>  
160 - </ul>  
161 - </div>  
162 - <div class="col-sm-6 hover-gender-tool" ng-init="switchGender()">  
163 - <div class=" custom-tooltip1">Gender</div>  
164 - <button class="btn btn-black btn-sm marginTop5 dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class=" fa fa-intersex font16"></i></button>  
165 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">  
166 - <li ng-class="male"><a href="#" title="Male" ng-click="OnGenderChange($event)">Male</a></li>  
167 - <li ng-class="female"><a href="#" title="Female" ng-click="OnGenderChange($event)">Female</a></li>  
168 - </ul>  
169 - </div>  
170 - <div class="col-sm-6 tooltip-View-custom">  
171 - <div class="custom-tooltip2">View</div>  
172 - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="content/images/view.png" alt="" title=""></button>  
173 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">  
174 - <li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li>  
175 - <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li>  
176 - <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li>  
177 - <li ng-class="PosteriorView"><a href="#" title="Posterior" ng-click="OnViewChange($event)">Posterior</a></li>  
178 - <li ng-class="LateralArmView"><a href="#" title="Lateral Arm" ng-click="OnViewChange($event)">Lateral Arm</a></li>  
179 - <li ng-class="MedialArmView"><a href="#" title="Medial Arm" ng-click="OnViewChange($event)">Medial Arm</a></li>  
180 - </ul>  
181 - </div>  
182 - <div class="col-sm-12">  
183 - <button id="btnStrutureBox" ng-click="enableShowHideStructureBox()" class="btn btn-primary btn-sm marginTop5 btn-block tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Show/Hide Structure Name Boxes"> <img src="content/images/comment-box.png" alt="" title=""></button>  
184 - </div>  
185 - </div>  
186 - <div class="">  
187 - <p>  
188 - <input type="number" id="txtlayerNumber" value="0" step="1" min="0" style="width:80px; margin:10px 0 0 15px;" ng-model="layerNumber" ng-change="LayerChange()" />  
189 - </p>  
190 - <div id="layerChangeSlider" style="height:140px;" class="vert_slider " ng-model="layerNumber"></div>  
191 - </div>  
192 - </div>  
193 -  
194 - <div class="main2">  
195 - <div class="col-sm-12 stickey-area">  
196 - <div class="breadcrumb ">  
197 - <div class="">  
198 - <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">  
199 -  
200 - <input type="text" class="form-control input-sm pull-left" id="typedtermname" ng-blur="HideSearch()" ng-click="ShowSearch()" ng-dblclick="ShowSearch()" ng-model="searchFilter" ng-change="textChange(searchFilter)" placeholder="Search...">  
201 -  
202 - <div id="backdrop" ng-show="IsSearchVisible">  
203 - <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">  
204 - <ul id="termlistfilter" class="form-control dropdown-menu" style="height:100px;width:100%;overflow-y:scroll;position:absolute;display:none;z-index:1000;">  
205 - <li ng-repeat="item in VocabTermTxt| filter:{ _TermText: searchFilter}">  
206 - <a id="{{item._ActualTermNumber}}" href="" ng-click="jumpToTerm($event)">{{item._TermText}}</a>  
207 - </li>  
208 - </ul>  
209 - </div>  
210 - </div>  
211 - <!--</div>-->  
212 -  
213 - </div>  
214 - <div class="btn-group">  
215 - <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  
216 - <i class="fa fa-arrow-circle-right"></i>  
217 - </button>  
218 - <ul class="dropdown-menu" style="width:100%;">  
219 - <li><a href="#">{{currentTitleFromJson}}</a></li>  
220 - <li role="separator" class="divider"></li>  
221 - <li><a href="#">All</a></li>  
222 - </ul>  
223 - </div>  
224 - <div class="btn-group open" id="da-body-nav">  
225 - <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">  
226 - <i class="fa fa-male"></i>  
227 - </button>  
228 -  
229 - <div class="dropdown-menu active" id="navigatorDiv" style="min-height:auto; min-width:auto; ">  
230 - <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">  
231 - <img id="navimg" src="{{navimgsrc}}" alt=""></img>  
232 - <div id="draggable" class="draggable ui-widget-content" ng-mouseup="ScrollCanvasDiv()" ng-style="dragdivposition">  
233 - </div>  
234 - </div>  
235 - </div>  
236 - </div>  
237 - </div>  
238 - </div>  
239 - </div>  
240 - <div class=" canavsParent col-sm-12 " id="cp">  
241 - <div class="container-fluid">  
242 - <div class="row">  
243 - <div id="canvasDiv" class="col-sm-12 img-thumbnail" align="center">  
244 -<<<<<<< HEAD  
245 - <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" style="display:none;background-color:transparent;z-index:12000;position:absolute;left:0;right:0;"></canvas>  
246 -=======  
247 - <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" class="canvas-annotationStyle"></canvas>  
248 ->>>>>>> 98e905fcd7730a4ac9a42c79fa962809bae7bc88  
249 - </div>  
250 - <!--<div id="canvasDiv" style=" width: 95% !important;top:0px;overflow:scroll;background-color:white;">-->  
251 - <!--<div id="daLoaderLabel">Loading....</div>-->  
252 -  
253 - </div>  
254 - <div class="clearfix"></div>  
255 - </div>  
256 - </div>  
257 - </div>  
258 - <div class="clearfix"></div>  
259 - <!--to prevent transparency scale from closing on click anywhere outside set data-backdrop="static" data-keyboard="false" -->  
260 - <!--<div class="modal fade bs-example-modal-sm" tabindex="-1" aria-labelledby="mySmallModalLabel" id="transparencyScale" data-backdrop="static" data-keyboard="false">  
261 - <div class="modal-dialog modal-sm">  
262 - <div class="modal-content">  
263 - <div class="modal-header annotation-modal-header">  
264 - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>  
265 - <h4 class="modal-title">Transparency</h4>  
266 - </div>  
267 - <div class="modal-body">  
268 - <div class="row">  
269 - <div class="col-sm-12">  
270 - <div class="padded25">  
271 - <div class="slider"></div>  
272 - </div>  
273 - </div>  
274 - </div>  
275 - </div>  
276 - </div>  
277 - </div>  
278 - </div>-->  
279 - <!--<div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 130px;visibility:hidden;display:block;float:left">  
280 - <div class="modal-dialog modal-sm">  
281 - <div class="modal-content">  
282 - <div class="modal-header annotation-modal-header">  
283 - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>  
284 - <h4>Transparency</h4>  
285 - </div>  
286 - <div>  
287 - <div class="row">  
288 - <div class="col-sm-12">  
289 - <div class="padded25">  
290 - <div class="slider"></div>  
291 - </div>  
292 - </div>  
293 - </div>  
294 - </div>  
295 - </div>  
296 - </div>  
297 - </div>-->  
298 - <div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 150px;visibility:hidden;display:block;float:left">  
299 - <div>  
300 - <div>  
301 - <div class="modal-header annotation-modal-header">  
302 - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>  
303 - <h4>Transparency</h4>  
304 - </div>  
305 - <div>  
306 - <div class="row">  
307 - <div class="col-sm-12">  
308 - <div class="padded25">  
309 - <!--<div class="slider" id="sliderScale"></div>-->  
310 - <div class="slider"></div>  
311 - </div>  
312 - </div>  
313 - </div>  
314 - </div>  
315 - </div>  
316 - </div>  
317 - </div>  
318 -</div>  
319 -  
320 -  
321 -<!--<script src="../../../libs/jquery/1.11.4/jquery-ui.js"></script>-->  
322 -<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>  
323 -  
324 -<script>  
325 - $(window).load(function () {  
326 - $(".stickey-area").sticky();  
327 - });</script>  
328 -<script>  
329 - $(function () {  
330 - $("#layerChangeSlider").slider({  
331 - orientation: "vertical",  
332 - range: "max", // <--- needed...  
333 - min: 0,  
334 - // max: 100,  
335 - //value: 0,  
336 - slide: function (event, ui) {  
337 - // $("#txtlayerNumber").val(100 - ui.value); // basic math operation..  
338 -  
339 - // $("#txtlayerNumber").val($("#layerChangeSlider").slider("value"));  
340 - },  
341 - stop: function (event, ui) {  
342 - var la;  
343 - var rootScope = angular.element(document.getElementById("bo")).scope();  
344 - rootScope.$apply(function () {  
345 - rootScope.isLoading = true;  
346 - })  
347 - var scope = angular.element(document.getElementById("daView")).scope();  
348 - scope.$apply(function () {  
349 - if (scope.isTransparencyActivated) {  
350 - rootScope.isLoading = false;  
351 - }  
352 - la = parseInt(scope.totalLayers) //- parseInt(scope.layerNumber);  
353 - // $('#layerChangeSlider').slider("option", "value", la - ui.value);  
354 - var slideVal = la - ui.value;  
355 - $("#txtlayerNumber").val(slideVal);  
356 - scope.layerNumber = slideVal;  
357 - scope.LayerChange();  
358 - });  
359 - },  
360 -  
361 - })  
362 - });  
363 -  
364 -</script>  
365 -<!--<script>  
366 - $(function () {  
367 - $('#layerChangeSlider').slider().on('slideStop', function () {  
368 - alert('fjkjksdbgjkgjkfgk')  
369 - })  
370 -</script>  
371 - });-->  
372 -  
373 -<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>  
374 -<script>  
375 - $(function () {  
376 - $("#transparencyScale").draggable();  
377 - $("#draggable").draggable({ containment: "#containment-wrapper", scroll: false });  
378 - });  
379 -</script>  
380 -<script>  
381 - $(function () {  
382 -  
383 - $("#dropdownMenu2").mouseover(function () {  
384 - $(".custom-tooltip").css("display", "block");  
385 - });  
386 - $("#dropdownMenu2").mouseout(function () {  
387 - $(".custom-tooltip").css("display", "none");  
388 - });  
389 -  
390 - $("#dropdownMenu4").mouseover(function () {  
391 - $(".custom-tooltip1").css("display", "block");  
392 - });  
393 - $("#dropdownMenu4").mouseout(function () {  
394 - $(".custom-tooltip1").css("display", "none");  
395 - });  
396 -  
397 - $("#dropdownMenu3").mouseover(function () {  
398 - $(".custom-tooltip2").css("display", "block");  
399 - });  
400 - $("#dropdownMenu3").mouseout(function () {  
401 - $(".custom-tooltip2").css("display", "none");  
402 - });  
403 -  
404 -  
405 -  
406 - $("#slider-range-min-2").slider({  
407 - range: "min",  
408 - min: 1,  
409 - max: 60,  
410 - value: 10,  
411 - slide: function (event, ui) {  
412 - $("#amount-2").val(ui.value);  
413 - }  
414 - });  
415 - $("#amount-2").val($("#slider-vertical-2").slider("value"));  
416 - });  
417 -</script>  
418 -<script>  
419 - $(".slider")  
420 - .slider({  
421 - min: 0,  
422 - max: 100,  
423 - value: 50,  
424 - range: "min",  
425 - orientation: "horizontal",  
426 - stop: function (event, ui) {  
427 - //alert('trans changed')  
428 - var scope = angular.element(document.getElementById("daView")).scope();  
429 - scope.$apply(function () {  
430 - scope.onTransparencyChange(event, ui);  
431 - });  
432 - }  
433 - })  
434 - .slider("pips", {  
435 - rest: "label",  
436 - step: "10"  
437 - });  
438 -  
439 -</script>  
440 -<script>  
441 - $(document).ready(function () {  
442 - $('[data-toggle="tooltip"]').tooltip({ trigger: 'hover', 'placement': 'bottom' });  
443 - });  
444 -</script>  
445 -<script>  
446 - $(function () {  
447 - $(".modal").draggable();  
448 - });  
449 -</script>  
450 -<script>  
451 - $(function () {  
452 - "use strict";  
453 - /*** Sidebar Toggle ***/  
454 - var barPos = 0;  
455 - var bar = $('.tools');  
456 - var main = $('.main2');  
457 - $('.toggleBar').click(function () {  
458 -  
459 - bar.toggleClass('active');  
460 - main.toggleClass('active');  
461 - });  
462 - });  
463 -</script>  
464 -  
465 -  
400-SOURCECODE/AIAHTML5.Web/content/js/custom/custom.js
  View file @cdb4b6e
1 -$(function(){  
2 - "use strict";  
3 - /*** Sidebar Toggle ***/  
4 - var barPos=0;  
5 - var bar = $('.sidebar');  
6 - var main = $('.main');  
7 - $('.toggleBar').click(function () {  
8 - alert('kkkkkkkkkkkkkk')  
9 - /*barPos = parseInt($('.sidebar').css('left'));  
10 - if(barPos!==0 && !bar.hasClass('active'))  
11 - {  
12 - bar.addClass('active');  
13 - main.addClass('active');  
14 - }  
15 - else  
16 - {  
17 - bar.removeClass('active');  
18 - main.removeClass('active');  
19 - }*/  
20 - bar.toggleClass('active');  
21 - main.toggleClass('active');  
22 - });  
23 -});  
24 -  
25 -$(function(){  
26 - "use strict";  
27 - /*** Sidebar Toggle ***/  
28 - var barPos=0;  
29 - var bar = $('.tools');  
30 - var main = $('.main2');  
31 - $('.toggleBar').click(function () {  
32 - alert('hjh gjgvghg')  
33 - /*barPos = parseInt($('.tools').css('left'));  
34 - if(barPos!==0 && !bar.hasClass('active'))  
35 - {  
36 - bar.addClass('active');  
37 - main.addClass('active');  
38 - }  
39 - else  
40 - {  
41 - bar.removeClass('active');  
42 - main.removeClass('active');  
43 - }*/  
44 - bar.toggleClass('active');  
45 - main.toggleClass('active');  
46 - });  
47 -});  
48 -  
49 -  
50 -$(function(){  
51 - "use strict";  
52 - /*** Sidebar Toggle ***/  
53 - var barPos=0;  
54 - var bar = $('.treeview-left');  
55 - var main = $('.main-treeview');  
56 - $('.toggleBar').click(function() {  
57 - /*barPos = parseInt($('.sidebar').css('left'));  
58 - if(barPos!==0 && !bar.hasClass('active'))  
59 - {  
60 - bar.addClass('active');  
61 - main.addClass('active');  
62 - }  
63 - else  
64 - {  
65 - bar.removeClass('active');  
66 - main.removeClass('active');  
67 - }*/  
68 - alert('hjh')  
69 - bar.toggleClass('active');  
70 - main.toggleClass('active');  
71 - });  
72 -}); 1 +$(function(){
  2 + "use strict";
  3 + /*** Sidebar Toggle ***/
  4 + var barPos=0;
  5 + var bar = $('.sidebar');
  6 + var main = $('.main');
  7 + $('.toggleBar').click(function() {
  8 + /*barPos = parseInt($('.sidebar').css('left'));
  9 + if(barPos!==0 && !bar.hasClass('active'))
  10 + {
  11 + bar.addClass('active');
  12 + main.addClass('active');
  13 + }
  14 + else
  15 + {
  16 + bar.removeClass('active');
  17 + main.removeClass('active');
  18 + }*/
  19 + bar.toggleClass('active');
  20 + main.toggleClass('active');
  21 + });
  22 +});
  23 +
  24 +$(function(){
  25 + "use strict";
  26 + /*** Sidebar Toggle ***/
  27 + var barPos=0;
  28 + var bar = $('.tools');
  29 + var main = $('.main2');
  30 + $('.toggleBar').click(function() {
  31 + /*barPos = parseInt($('.tools').css('left'));
  32 + if(barPos!==0 && !bar.hasClass('active'))
  33 + {
  34 + bar.addClass('active');
  35 + main.addClass('active');
  36 + }
  37 + else
  38 + {
  39 + bar.removeClass('active');
  40 + main.removeClass('active');
  41 + }*/
  42 + bar.toggleClass('active');
  43 + main.toggleClass('active');
  44 + });
  45 +});
  46 +
  47 +
  48 +$(function(){
  49 + "use strict";
  50 + /*** Sidebar Toggle ***/
  51 + var barPos=0;
  52 + var bar = $('.treeview-left');
  53 + var main = $('.main-treeview');
  54 + $('.toggleBar').click(function() {
  55 + /*barPos = parseInt($('.sidebar').css('left'));
  56 + if(barPos!==0 && !bar.hasClass('active'))
  57 + {
  58 + bar.addClass('active');
  59 + main.addClass('active');
  60 + }
  61 + else
  62 + {
  63 + bar.removeClass('active');
  64 + main.removeClass('active');
  65 + }*/
  66 + bar.toggleClass('active');
  67 + main.toggleClass('active');
  68 + });
  69 +});
400-SOURCECODE/AIAHTML5.Web/index.html
  View file @cdb4b6e
@@ -11,17 +11,13 @@ @@ -11,17 +11,13 @@
11 <title>A.D.A.M. Interactive Anatomy</title> 11 <title>A.D.A.M. Interactive Anatomy</title>
12 12
13 <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" /> 13 <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
14 -  
15 -  
16 -  
17 -  
18 <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" /> 14 <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
19 -  
20 <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" /> 15 <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
21 -  
22 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 16 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
23 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic"> 17 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
24 18
  19 +
  20 +
25 <!--<link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />--> 21 <!--<link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />-->
26 22
27 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 23 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css renamed to 400-SOURCECODE/AIAHTML5.Web/libs/jquery-ui-slider-pips.css
  View file @cdb4b6e
400-SOURCECODE/AIAHTML5.Web/libs/jquery-ui.css 0 → 100644
  View file @cdb4b6e
  1 +/*! jQuery UI - v1.11.4 - 2015-03-11
  2 +* http://jqueryui.com
  3 +* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
  4 +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  5 +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
  6 +
  7 +/* Layout helpers
  8 +----------------------------------*/
  9 +
  10 +
  11 +
  12 +.ui-helper-hidden {
  13 + display: none;
  14 +}
  15 +.ui-helper-hidden-accessible {
  16 + border: 0;
  17 + clip: rect(0 0 0 0);
  18 + height: 1px;
  19 + margin: -1px;
  20 + overflow: hidden;
  21 + padding: 0;
  22 + position: absolute;
  23 + width: 1px;
  24 +}
  25 +.ui-helper-reset {
  26 + margin: 0;
  27 + padding: 0;
  28 + border: 0;
  29 + outline: 0;
  30 + line-height: 1.3;
  31 + text-decoration: none;
  32 + font-size: 100%;
  33 + list-style: none;
  34 +}
  35 +.ui-helper-clearfix:before,
  36 +.ui-helper-clearfix:after {
  37 + content: "";
  38 + display: table;
  39 + border-collapse: collapse;
  40 +}
  41 +.ui-helper-clearfix:after {
  42 + clear: both;
  43 +}
  44 +.ui-helper-clearfix {
  45 + min-height: 0; /* support: IE7 */
  46 +}
  47 +.ui-helper-zfix {
  48 + width: 100%;
  49 + height: 100%;
  50 + top: 0;
  51 + left: 0;
  52 + position: absolute;
  53 + opacity: 0;
  54 + filter:Alpha(Opacity=0); /* support: IE8 */
  55 +}
  56 +
  57 +.ui-front {
  58 + z-index: 100;
  59 +}
  60 +
  61 +
  62 +/* Interaction Cues
  63 +----------------------------------*/
  64 +.ui-state-disabled {
  65 + cursor: default !important;
  66 +}
  67 +
  68 +
  69 +/* Icons
  70 +----------------------------------*/
  71 +
  72 +/* states and images */
  73 +.ui-icon {
  74 + display: block;
  75 + text-indent: -99999px;
  76 + overflow: hidden;
  77 + background-repeat: no-repeat;
  78 +}
  79 +
  80 +
  81 +/* Misc visuals
  82 +----------------------------------*/
  83 +
  84 +/* Overlays */
  85 +.ui-widget-overlay {
  86 + position: fixed;
  87 + top: 0;
  88 + left: 0;
  89 + width: 100%;
  90 + height: 100%;
  91 +}
  92 +.ui-accordion .ui-accordion-header {
  93 + display: block;
  94 + cursor: pointer;
  95 + position: relative;
  96 + margin: 2px 0 0 0;
  97 + padding: .5em .5em .5em .7em;
  98 + min-height: 0; /* support: IE7 */
  99 + font-size: 100%;
  100 +}
  101 +.ui-accordion .ui-accordion-icons {
  102 + padding-left: 2.2em;
  103 +}
  104 +.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  105 + padding-left: 2.2em;
  106 +}
  107 +.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  108 + position: absolute;
  109 + left: .5em;
  110 + top: 50%;
  111 + margin-top: -8px;
  112 +}
  113 +.ui-accordion .ui-accordion-content {
  114 + padding: 1em 2.2em;
  115 + border-top: 0;
  116 + overflow: auto;
  117 +}
  118 +.ui-autocomplete {
  119 + position: absolute;
  120 + top: 0;
  121 + left: 0;
  122 + cursor: default;
  123 +}
  124 +.ui-button {
  125 + display: inline-block;
  126 + position: relative;
  127 + padding: 0;
  128 + line-height: normal;
  129 + margin-right: .1em;
  130 + cursor: pointer;
  131 + vertical-align: middle;
  132 + text-align: center;
  133 + overflow: visible; /* removes extra width in IE */
  134 +}
  135 +.ui-button,
  136 +.ui-button:link,
  137 +.ui-button:visited,
  138 +.ui-button:hover,
  139 +.ui-button:active {
  140 + text-decoration: none;
  141 +}
  142 +/* to make room for the icon, a width needs to be set here */
  143 +.ui-button-icon-only {
  144 + width: 2.2em;
  145 +}
  146 +/* button elements seem to need a little more width */
  147 +button.ui-button-icon-only {
  148 + width: 2.4em;
  149 +}
  150 +.ui-button-icons-only {
  151 + width: 3.4em;
  152 +}
  153 +button.ui-button-icons-only {
  154 + width: 3.7em;
  155 +}
  156 +
  157 +/* button text element */
  158 +.ui-button .ui-button-text {
  159 + display: block;
  160 + line-height: normal;
  161 +}
  162 +.ui-button-text-only .ui-button-text {
  163 + padding: .4em 1em;
  164 +}
  165 +.ui-button-icon-only .ui-button-text,
  166 +.ui-button-icons-only .ui-button-text {
  167 + padding: .4em;
  168 + text-indent: -9999999px;
  169 +}
  170 +.ui-button-text-icon-primary .ui-button-text,
  171 +.ui-button-text-icons .ui-button-text {
  172 + padding: .4em 1em .4em 2.1em;
  173 +}
  174 +.ui-button-text-icon-secondary .ui-button-text,
  175 +.ui-button-text-icons .ui-button-text {
  176 + padding: .4em 2.1em .4em 1em;
  177 +}
  178 +.ui-button-text-icons .ui-button-text {
  179 + padding-left: 2.1em;
  180 + padding-right: 2.1em;
  181 +}
  182 +/* no icon support for input elements, provide padding by default */
  183 +input.ui-button {
  184 + padding: .4em 1em;
  185 +}
  186 +
  187 +/* button icon element(s) */
  188 +.ui-button-icon-only .ui-icon,
  189 +.ui-button-text-icon-primary .ui-icon,
  190 +.ui-button-text-icon-secondary .ui-icon,
  191 +.ui-button-text-icons .ui-icon,
  192 +.ui-button-icons-only .ui-icon {
  193 + position: absolute;
  194 + top: 50%;
  195 + margin-top: -8px;
  196 +}
  197 +.ui-button-icon-only .ui-icon {
  198 + left: 50%;
  199 + margin-left: -8px;
  200 +}
  201 +.ui-button-text-icon-primary .ui-button-icon-primary,
  202 +.ui-button-text-icons .ui-button-icon-primary,
  203 +.ui-button-icons-only .ui-button-icon-primary {
  204 + left: .5em;
  205 +}
  206 +.ui-button-text-icon-secondary .ui-button-icon-secondary,
  207 +.ui-button-text-icons .ui-button-icon-secondary,
  208 +.ui-button-icons-only .ui-button-icon-secondary {
  209 + right: .5em;
  210 +}
  211 +
  212 +/* button sets */
  213 +.ui-buttonset {
  214 + margin-right: 7px;
  215 +}
  216 +.ui-buttonset .ui-button {
  217 + margin-left: 0;
  218 + margin-right: -.3em;
  219 +}
  220 +
  221 +/* workarounds */
  222 +/* reset extra padding in Firefox, see h5bp.com/l */
  223 +input.ui-button::-moz-focus-inner,
  224 +button.ui-button::-moz-focus-inner {
  225 + border: 0;
  226 + padding: 0;
  227 +}
  228 +.ui-datepicker {
  229 + width: 17em;
  230 + padding: .2em .2em 0;
  231 + display: none;
  232 +}
  233 +.ui-datepicker .ui-datepicker-header {
  234 + position: relative;
  235 + padding: .2em 0;
  236 +}
  237 +.ui-datepicker .ui-datepicker-prev,
  238 +.ui-datepicker .ui-datepicker-next {
  239 + position: absolute;
  240 + top: 2px;
  241 + width: 1.8em;
  242 + height: 1.8em;
  243 +}
  244 +.ui-datepicker .ui-datepicker-prev-hover,
  245 +.ui-datepicker .ui-datepicker-next-hover {
  246 + top: 1px;
  247 +}
  248 +.ui-datepicker .ui-datepicker-prev {
  249 + left: 2px;
  250 +}
  251 +.ui-datepicker .ui-datepicker-next {
  252 + right: 2px;
  253 +}
  254 +.ui-datepicker .ui-datepicker-prev-hover {
  255 + left: 1px;
  256 +}
  257 +.ui-datepicker .ui-datepicker-next-hover {
  258 + right: 1px;
  259 +}
  260 +.ui-datepicker .ui-datepicker-prev span,
  261 +.ui-datepicker .ui-datepicker-next span {
  262 + display: block;
  263 + position: absolute;
  264 + left: 50%;
  265 + margin-left: -8px;
  266 + top: 50%;
  267 + margin-top: -8px;
  268 +}
  269 +.ui-datepicker .ui-datepicker-title {
  270 + margin: 0 2.3em;
  271 + line-height: 1.8em;
  272 + text-align: center;
  273 +}
  274 +.ui-datepicker .ui-datepicker-title select {
  275 + font-size: 1em;
  276 + margin: 1px 0;
  277 +}
  278 +.ui-datepicker select.ui-datepicker-month,
  279 +.ui-datepicker select.ui-datepicker-year {
  280 + width: 45%;
  281 +}
  282 +.ui-datepicker table {
  283 + width: 100%;
  284 + font-size: .9em;
  285 + border-collapse: collapse;
  286 + margin: 0 0 .4em;
  287 +}
  288 +.ui-datepicker th {
  289 + padding: .7em .3em;
  290 + text-align: center;
  291 + font-weight: bold;
  292 + border: 0;
  293 +}
  294 +.ui-datepicker td {
  295 + border: 0;
  296 + padding: 1px;
  297 +}
  298 +.ui-datepicker td span,
  299 +.ui-datepicker td a {
  300 + display: block;
  301 + padding: .2em;
  302 + text-align: right;
  303 + text-decoration: none;
  304 +}
  305 +.ui-datepicker .ui-datepicker-buttonpane {
  306 + background-image: none;
  307 + margin: .7em 0 0 0;
  308 + padding: 0 .2em;
  309 + border-left: 0;
  310 + border-right: 0;
  311 + border-bottom: 0;
  312 +}
  313 +.ui-datepicker .ui-datepicker-buttonpane button {
  314 + float: right;
  315 + margin: .5em .2em .4em;
  316 + cursor: pointer;
  317 + padding: .2em .6em .3em .6em;
  318 + width: auto;
  319 + overflow: visible;
  320 +}
  321 +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  322 + float: left;
  323 +}
  324 +
  325 +/* with multiple calendars */
  326 +.ui-datepicker.ui-datepicker-multi {
  327 + width: auto;
  328 +}
  329 +.ui-datepicker-multi .ui-datepicker-group {
  330 + float: left;
  331 +}
  332 +.ui-datepicker-multi .ui-datepicker-group table {
  333 + width: 95%;
  334 + margin: 0 auto .4em;
  335 +}
  336 +.ui-datepicker-multi-2 .ui-datepicker-group {
  337 + width: 50%;
  338 +}
  339 +.ui-datepicker-multi-3 .ui-datepicker-group {
  340 + width: 33.3%;
  341 +}
  342 +.ui-datepicker-multi-4 .ui-datepicker-group {
  343 + width: 25%;
  344 +}
  345 +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  346 +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  347 + border-left-width: 0;
  348 +}
  349 +.ui-datepicker-multi .ui-datepicker-buttonpane {
  350 + clear: left;
  351 +}
  352 +.ui-datepicker-row-break {
  353 + clear: both;
  354 + width: 100%;
  355 + font-size: 0;
  356 +}
  357 +
  358 +/* RTL support */
  359 +.ui-datepicker-rtl {
  360 + direction: rtl;
  361 +}
  362 +.ui-datepicker-rtl .ui-datepicker-prev {
  363 + right: 2px;
  364 + left: auto;
  365 +}
  366 +.ui-datepicker-rtl .ui-datepicker-next {
  367 + left: 2px;
  368 + right: auto;
  369 +}
  370 +.ui-datepicker-rtl .ui-datepicker-prev:hover {
  371 + right: 1px;
  372 + left: auto;
  373 +}
  374 +.ui-datepicker-rtl .ui-datepicker-next:hover {
  375 + left: 1px;
  376 + right: auto;
  377 +}
  378 +.ui-datepicker-rtl .ui-datepicker-buttonpane {
  379 + clear: right;
  380 +}
  381 +.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  382 + float: left;
  383 +}
  384 +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  385 +.ui-datepicker-rtl .ui-datepicker-group {
  386 + float: right;
  387 +}
  388 +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  389 +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  390 + border-right-width: 0;
  391 + border-left-width: 1px;
  392 +}
  393 +.ui-dialog {
  394 + overflow: hidden;
  395 + position: absolute;
  396 + top: 0;
  397 + left: 0;
  398 + padding: .2em;
  399 + outline: 0;
  400 +}
  401 +.ui-dialog .ui-dialog-titlebar {
  402 + padding: .4em 1em;
  403 + position: relative;
  404 +}
  405 +.ui-dialog .ui-dialog-title {
  406 + float: left;
  407 + margin: .1em 0;
  408 + white-space: nowrap;
  409 + width: 90%;
  410 + overflow: hidden;
  411 + text-overflow: ellipsis;
  412 +}
  413 +.ui-dialog .ui-dialog-titlebar-close {
  414 + position: absolute;
  415 + right: .3em;
  416 + top: 50%;
  417 + width: 20px;
  418 + margin: -10px 0 0 0;
  419 + padding: 1px;
  420 + height: 20px;
  421 +}
  422 +.ui-dialog .ui-dialog-content {
  423 + position: relative;
  424 + border: 0;
  425 + padding: .5em 1em;
  426 + background: none;
  427 + overflow: auto;
  428 +}
  429 +.ui-dialog .ui-dialog-buttonpane {
  430 + text-align: left;
  431 + border-width: 1px 0 0 0;
  432 + background-image: none;
  433 + margin-top: .5em;
  434 + padding: .3em 1em .5em .4em;
  435 +}
  436 +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  437 + float: right;
  438 +}
  439 +.ui-dialog .ui-dialog-buttonpane button {
  440 + margin: .5em .4em .5em 0;
  441 + cursor: pointer;
  442 +}
  443 +.ui-dialog .ui-resizable-se {
  444 + width: 12px;
  445 + height: 12px;
  446 + right: -5px;
  447 + bottom: -5px;
  448 + background-position: 16px 16px;
  449 +}
  450 +.ui-draggable .ui-dialog-titlebar {
  451 + cursor: move;
  452 +}
  453 +.ui-draggable-handle {
  454 + -ms-touch-action: none;
  455 + touch-action: none;
  456 +}
  457 +.ui-menu {
  458 + list-style: none;
  459 + padding: 0;
  460 + margin: 0;
  461 + display: block;
  462 + outline: none;
  463 +}
  464 +.ui-menu .ui-menu {
  465 + position: absolute;
  466 +}
  467 +.ui-menu .ui-menu-item {
  468 + position: relative;
  469 + margin: 0;
  470 + padding: 3px 1em 3px .4em;
  471 + cursor: pointer;
  472 + min-height: 0; /* support: IE7 */
  473 + /* support: IE10, see #8844 */
  474 + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  475 +}
  476 +.ui-menu .ui-menu-divider {
  477 + margin: 5px 0;
  478 + height: 0;
  479 + font-size: 0;
  480 + line-height: 0;
  481 + border-width: 1px 0 0 0;
  482 +}
  483 +.ui-menu .ui-state-focus,
  484 +.ui-menu .ui-state-active {
  485 + margin: -1px;
  486 +}
  487 +
  488 +/* icon support */
  489 +.ui-menu-icons {
  490 + position: relative;
  491 +}
  492 +.ui-menu-icons .ui-menu-item {
  493 + padding-left: 2em;
  494 +}
  495 +
  496 +/* left-aligned */
  497 +.ui-menu .ui-icon {
  498 + position: absolute;
  499 + top: 0;
  500 + bottom: 0;
  501 + left: .2em;
  502 + margin: auto 0;
  503 +}
  504 +
  505 +/* right-aligned */
  506 +.ui-menu .ui-menu-icon {
  507 + left: auto;
  508 + right: 0;
  509 +}
  510 +.ui-progressbar {
  511 + height: 2em;
  512 + text-align: left;
  513 + overflow: hidden;
  514 +}
  515 +.ui-progressbar .ui-progressbar-value {
  516 + margin: -1px;
  517 + height: 100%;
  518 +}
  519 +.ui-progressbar .ui-progressbar-overlay {
  520 + background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  521 + height: 100%;
  522 + filter: alpha(opacity=25); /* support: IE8 */
  523 + opacity: 0.25;
  524 +}
  525 +.ui-progressbar-indeterminate .ui-progressbar-value {
  526 + background-image: none;
  527 +}
  528 +.ui-resizable {
  529 + position: relative;
  530 +}
  531 +.ui-resizable-handle {
  532 + position: absolute;
  533 + font-size: 0.1px;
  534 + display: block;
  535 + -ms-touch-action: none;
  536 + touch-action: none;
  537 +}
  538 +.ui-resizable-disabled .ui-resizable-handle,
  539 +.ui-resizable-autohide .ui-resizable-handle {
  540 + display: none;
  541 +}
  542 +.ui-resizable-n {
  543 + cursor: n-resize;
  544 + height: 7px;
  545 + width: 100%;
  546 + top: -5px;
  547 + left: 0;
  548 +}
  549 +.ui-resizable-s {
  550 + cursor: s-resize;
  551 + height: 7px;
  552 + width: 100%;
  553 + bottom: -5px;
  554 + left: 0;
  555 +}
  556 +.ui-resizable-e {
  557 + cursor: e-resize;
  558 + width: 7px;
  559 + right: -5px;
  560 + top: 0;
  561 + height: 100%;
  562 +}
  563 +.ui-resizable-w {
  564 + cursor: w-resize;
  565 + width: 7px;
  566 + left: -5px;
  567 + top: 0;
  568 + height: 100%;
  569 +}
  570 +.ui-resizable-se {
  571 + cursor: se-resize;
  572 + width: 12px;
  573 + height: 12px;
  574 + right: 1px;
  575 + bottom: 1px;
  576 +}
  577 +.ui-resizable-sw {
  578 + cursor: sw-resize;
  579 + width: 9px;
  580 + height: 9px;
  581 + left: -5px;
  582 + bottom: -5px;
  583 +}
  584 +.ui-resizable-nw {
  585 + cursor: nw-resize;
  586 + width: 9px;
  587 + height: 9px;
  588 + left: -5px;
  589 + top: -5px;
  590 +}
  591 +.ui-resizable-ne {
  592 + cursor: ne-resize;
  593 + width: 9px;
  594 + height: 9px;
  595 + right: -5px;
  596 + top: -5px;
  597 +}
  598 +.ui-selectable {
  599 + -ms-touch-action: none;
  600 + touch-action: none;
  601 +}
  602 +.ui-selectable-helper {
  603 + position: absolute;
  604 + z-index: 100;
  605 + border: 1px dotted black;
  606 +}
  607 +.ui-selectmenu-menu {
  608 + padding: 0;
  609 + margin: 0;
  610 + position: absolute;
  611 + top: 0;
  612 + left: 0;
  613 + display: none;
  614 +}
  615 +.ui-selectmenu-menu .ui-menu {
  616 + overflow: auto;
  617 + /* Support: IE7 */
  618 + overflow-x: hidden;
  619 + padding-bottom: 1px;
  620 +}
  621 +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  622 + font-size: 1em;
  623 + font-weight: bold;
  624 + line-height: 1.5;
  625 + padding: 2px 0.4em;
  626 + margin: 0.5em 0 0 0;
  627 + height: auto;
  628 + border: 0;
  629 +}
  630 +.ui-selectmenu-open {
  631 + display: block;
  632 +}
  633 +.ui-selectmenu-button {
  634 + display: inline-block;
  635 + overflow: hidden;
  636 + position: relative;
  637 + text-decoration: none;
  638 + cursor: pointer;
  639 +}
  640 +.ui-selectmenu-button span.ui-icon {
  641 + right: 0.5em;
  642 + left: auto;
  643 + margin-top: -8px;
  644 + position: absolute;
  645 + top: 50%;
  646 +}
  647 +.ui-selectmenu-button span.ui-selectmenu-text {
  648 + text-align: left;
  649 + padding: 0.4em 2.1em 0.4em 1em;
  650 + display: block;
  651 + line-height: 1.4;
  652 + overflow: hidden;
  653 + text-overflow: ellipsis;
  654 + white-space: nowrap;
  655 +}
  656 +.ui-slider {
  657 + position: relative;
  658 + text-align: left;
  659 +}
  660 +.ui-slider .ui-slider-handle {
  661 + position: absolute;
  662 + z-index: 2;
  663 + width: 1.2em;
  664 + height: 1.2em;
  665 + cursor: default;
  666 + -ms-touch-action: none;
  667 + touch-action: none;
  668 +}
  669 +.ui-slider .ui-slider-range {
  670 + position: absolute;
  671 + z-index: 1;
  672 + font-size: .7em;
  673 + display: block;
  674 + border: 0;
  675 + background-position: 0 0;
  676 +}
  677 +
  678 +/* support: IE8 - See #6727 */
  679 +.ui-slider.ui-state-disabled .ui-slider-handle,
  680 +.ui-slider.ui-state-disabled .ui-slider-range {
  681 + filter: inherit;
  682 +}
  683 +
  684 +.ui-slider-horizontal {
  685 + height: .8em;
  686 +}
  687 +.ui-slider-horizontal .ui-slider-handle {
  688 + top: -.3em;
  689 + margin-left: -.6em;
  690 +}
  691 +.ui-slider-horizontal .ui-slider-range {
  692 + top: 0;
  693 + height: 100%;
  694 +}
  695 +.ui-slider-horizontal .ui-slider-range-min {
  696 + left: 0;
  697 +}
  698 +.ui-slider-horizontal .ui-slider-range-max {
  699 + right: 0;
  700 +}
  701 +
  702 +.ui-slider-vertical {
  703 + width: .8em;
  704 + height: 100px;
  705 +}
  706 +.ui-slider-vertical .ui-slider-handle {
  707 + left: -.3em;
  708 + margin-left: 0;
  709 + margin-bottom: -.6em;
  710 +}
  711 +.ui-slider-vertical .ui-slider-range {
  712 + left: 0;
  713 + width: 100%;
  714 +}
  715 +.ui-slider-vertical .ui-slider-range-min {
  716 + bottom: 0;
  717 +}
  718 +.ui-slider-vertical .ui-slider-range-max {
  719 + top: 0;
  720 +}
  721 +.ui-sortable-handle {
  722 + -ms-touch-action: none;
  723 + touch-action: none;
  724 +}
  725 +.ui-spinner {
  726 + position: relative;
  727 + display: inline-block;
  728 + overflow: hidden;
  729 + padding: 0;
  730 + vertical-align: middle;
  731 +}
  732 +.ui-spinner-input {
  733 + border: none;
  734 + background: none;
  735 + color: inherit;
  736 + padding: 0;
  737 + margin: .2em 0;
  738 + vertical-align: middle;
  739 + margin-left: .4em;
  740 + margin-right: 22px;
  741 +}
  742 +.ui-spinner-button {
  743 + width: 16px;
  744 + height: 50%;
  745 + font-size: .5em;
  746 + padding: 0;
  747 + margin: 0;
  748 + text-align: center;
  749 + position: absolute;
  750 + cursor: default;
  751 + display: block;
  752 + overflow: hidden;
  753 + right: 0;
  754 +}
  755 +/* more specificity required here to override default borders */
  756 +.ui-spinner a.ui-spinner-button {
  757 + border-top: none;
  758 + border-bottom: none;
  759 + border-right: none;
  760 +}
  761 +/* vertically center icon */
  762 +.ui-spinner .ui-icon {
  763 + position: absolute;
  764 + margin-top: -8px;
  765 + top: 50%;
  766 + left: 0;
  767 +}
  768 +.ui-spinner-up {
  769 + top: 0;
  770 +}
  771 +.ui-spinner-down {
  772 + bottom: 0;
  773 +}
  774 +
  775 +/* TR overrides */
  776 +.ui-spinner .ui-icon-triangle-1-s {
  777 + /* need to fix icons sprite */
  778 + background-position: -65px -16px;
  779 +}
  780 +.ui-tabs {
  781 + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  782 + padding: .2em;
  783 +}
  784 +.ui-tabs .ui-tabs-nav {
  785 + margin: 0;
  786 + padding: .2em .2em 0;
  787 +}
  788 +.ui-tabs .ui-tabs-nav li {
  789 + list-style: none;
  790 + float: left;
  791 + position: relative;
  792 + top: 0;
  793 + margin: 1px .2em 0 0;
  794 + border-bottom-width: 0;
  795 + padding: 0;
  796 + white-space: nowrap;
  797 +}
  798 +.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  799 + float: left;
  800 + padding: .5em 1em;
  801 + text-decoration: none;
  802 +}
  803 +.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  804 + margin-bottom: -1px;
  805 + padding-bottom: 1px;
  806 +}
  807 +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
  808 +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
  809 +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  810 + cursor: text;
  811 +}
  812 +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  813 + cursor: pointer;
  814 +}
  815 +.ui-tabs .ui-tabs-panel {
  816 + display: block;
  817 + border-width: 0;
  818 + padding: 1em 1.4em;
  819 + background: none;
  820 +}
  821 +.ui-tooltip {
  822 + padding: 7px;
  823 + position: absolute;
  824 + z-index: 9999;
  825 + max-width: 300px;
  826 + -webkit-box-shadow: 0 0 5px #aaa;
  827 + box-shadow: 0 0 5px #aaa;
  828 + font-size:11px!important;
  829 + background:#333!important; color:#fff!important;
  830 + border:1px solid #000!important;
  831 +}
  832 +body .ui-tooltip {
  833 + border-width: 1px;
  834 +}
  835 +
  836 +/* Component containers
  837 +----------------------------------*/
  838 +.ui-widget {
  839 + font-family: Verdana,Arial,sans-serif;
  840 + font-size: 1.1em;
  841 +}
  842 +.ui-widget .ui-widget {
  843 + font-size: 1em;
  844 +}
  845 +.ui-widget input,
  846 +.ui-widget select,
  847 +.ui-widget textarea,
  848 +.ui-widget button {
  849 + font-family: Verdana,Arial,sans-serif;
  850 + font-size: 1em;
  851 +}
  852 +.ui-widget-content {
  853 + border: 1px solid #007ab3;
  854 + background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  855 + color: #222222;
  856 +}
  857 +.ui-widget-content a {
  858 + color: #222222;
  859 +}
  860 +.ui-widget-header {
  861 + border: 1px solid #007ab3;
  862 + background: #0095da;
  863 + color: #222222;
  864 + font-weight: bold;
  865 +}
  866 +.ui-widget-header a {
  867 + color: #222222;
  868 +}
  869 +
  870 +/* Interaction states
  871 +----------------------------------*/
  872 +.ui-state-default,
  873 +.ui-widget-content .ui-state-default,
  874 +.ui-widget-header .ui-state-default {
  875 + border: 1px solid #d6d6d6;
  876 + background: #fff;
  877 + font-weight: normal;
  878 + color: #555555;
  879 +}
  880 +.ui-state-default a,
  881 +.ui-state-default a:link,
  882 +.ui-state-default a:visited {
  883 + color: #555555;
  884 + text-decoration: none;
  885 +}
  886 +.ui-state-hover,
  887 +.ui-widget-content .ui-state-hover,
  888 +.ui-widget-header .ui-state-hover,
  889 +.ui-state-focus,
  890 +.ui-widget-content .ui-state-focus,
  891 +.ui-widget-header .ui-state-focus {
  892 + border: 1px solid #999999;
  893 + background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  894 + font-weight: normal;
  895 + color: #212121;
  896 +}
  897 +.ui-state-hover a,
  898 +.ui-state-hover a:hover,
  899 +.ui-state-hover a:link,
  900 +.ui-state-hover a:visited,
  901 +.ui-state-focus a,
  902 +.ui-state-focus a:hover,
  903 +.ui-state-focus a:link,
  904 +.ui-state-focus a:visited {
  905 + color: #212121;
  906 + text-decoration: none;
  907 +}
  908 +.ui-state-active,
  909 +.ui-widget-content .ui-state-active,
  910 +.ui-widget-header .ui-state-active {
  911 + border: 1px solid #aaaaaa;
  912 + background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  913 + font-weight: normal;
  914 + color: #212121;
  915 +}
  916 +.ui-state-active a,
  917 +.ui-state-active a:link,
  918 +.ui-state-active a:visited {
  919 + color: #212121;
  920 + text-decoration: none;
  921 +}
  922 +
  923 +/* Interaction Cues
  924 +----------------------------------*/
  925 +.ui-state-highlight,
  926 +.ui-widget-content .ui-state-highlight,
  927 +.ui-widget-header .ui-state-highlight {
  928 + border: 1px solid #fcefa1;
  929 + background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  930 + color: #363636;
  931 +}
  932 +.ui-state-highlight a,
  933 +.ui-widget-content .ui-state-highlight a,
  934 +.ui-widget-header .ui-state-highlight a {
  935 + color: #363636;
  936 +}
  937 +.ui-state-error,
  938 +.ui-widget-content .ui-state-error,
  939 +.ui-widget-header .ui-state-error {
  940 + border: 1px solid #cd0a0a;
  941 + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  942 + color: #cd0a0a;
  943 +}
  944 +.ui-state-error a,
  945 +.ui-widget-content .ui-state-error a,
  946 +.ui-widget-header .ui-state-error a {
  947 + color: #cd0a0a;
  948 +}
  949 +.ui-state-error-text,
  950 +.ui-widget-content .ui-state-error-text,
  951 +.ui-widget-header .ui-state-error-text {
  952 + color: #cd0a0a;
  953 +}
  954 +.ui-priority-primary,
  955 +.ui-widget-content .ui-priority-primary,
  956 +.ui-widget-header .ui-priority-primary {
  957 + font-weight: bold;
  958 +}
  959 +.ui-priority-secondary,
  960 +.ui-widget-content .ui-priority-secondary,
  961 +.ui-widget-header .ui-priority-secondary {
  962 + opacity: .7;
  963 + filter:Alpha(Opacity=70); /* support: IE8 */
  964 + font-weight: normal;
  965 +}
  966 +.ui-state-disabled,
  967 +.ui-widget-content .ui-state-disabled,
  968 +.ui-widget-header .ui-state-disabled {
  969 + opacity: .35;
  970 + filter:Alpha(Opacity=35); /* support: IE8 */
  971 + background-image: none;
  972 +}
  973 +.ui-state-disabled .ui-icon {
  974 + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
  975 +}
  976 +
  977 +/* Icons
  978 +----------------------------------*/
  979 +
  980 +/* states and images */
  981 +.ui-icon {
  982 + width: 16px;
  983 + height: 16px;
  984 +}
  985 +.ui-icon,
  986 +.ui-widget-content .ui-icon {
  987 + background-image: url("images/ui-icons_222222_256x240.png");
  988 +}
  989 +.ui-widget-header .ui-icon {
  990 + background-image: url("images/ui-icons_222222_256x240.png");
  991 +}
  992 +.ui-state-default .ui-icon {
  993 + background-image: url("images/ui-icons_888888_256x240.png");
  994 +}
  995 +.ui-state-hover .ui-icon,
  996 +.ui-state-focus .ui-icon {
  997 + background-image: url("images/ui-icons_454545_256x240.png");
  998 +}
  999 +.ui-state-active .ui-icon {
  1000 + background-image: url("images/ui-icons_454545_256x240.png");
  1001 +}
  1002 +.ui-state-highlight .ui-icon {
  1003 + background-image: url("images/ui-icons_2e83ff_256x240.png");
  1004 +}
  1005 +.ui-state-error .ui-icon,
  1006 +.ui-state-error-text .ui-icon {
  1007 + background-image: url("images/ui-icons_cd0a0a_256x240.png");
  1008 +}
  1009 +
  1010 +/* positioning */
  1011 +.ui-icon-blank { background-position: 16px 16px; }
  1012 +.ui-icon-carat-1-n { background-position: 0 0; }
  1013 +.ui-icon-carat-1-ne { background-position: -16px 0; }
  1014 +.ui-icon-carat-1-e { background-position: -32px 0; }
  1015 +.ui-icon-carat-1-se { background-position: -48px 0; }
  1016 +.ui-icon-carat-1-s { background-position: -64px 0; }
  1017 +.ui-icon-carat-1-sw { background-position: -80px 0; }
  1018 +.ui-icon-carat-1-w { background-position: -96px 0; }
  1019 +.ui-icon-carat-1-nw { background-position: -112px 0; }
  1020 +.ui-icon-carat-2-n-s { background-position: -128px 0; }
  1021 +.ui-icon-carat-2-e-w { background-position: -144px 0; }
  1022 +.ui-icon-triangle-1-n { background-position: 0 -16px; }
  1023 +.ui-icon-triangle-1-ne { background-position: -16px -16px; }
  1024 +.ui-icon-triangle-1-e { background-position: -32px -16px; }
  1025 +.ui-icon-triangle-1-se { background-position: -48px -16px; }
  1026 +.ui-icon-triangle-1-s { background-position: -64px -16px; }
  1027 +.ui-icon-triangle-1-sw { background-position: -80px -16px; }
  1028 +.ui-icon-triangle-1-w { background-position: -96px -16px; }
  1029 +.ui-icon-triangle-1-nw { background-position: -112px -16px; }
  1030 +.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  1031 +.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  1032 +.ui-icon-arrow-1-n { background-position: 0 -32px; }
  1033 +.ui-icon-arrow-1-ne { background-position: -16px -32px; }
  1034 +.ui-icon-arrow-1-e { background-position: -32px -32px; }
  1035 +.ui-icon-arrow-1-se { background-position: -48px -32px; }
  1036 +.ui-icon-arrow-1-s { background-position: -64px -32px; }
  1037 +.ui-icon-arrow-1-sw { background-position: -80px -32px; }
  1038 +.ui-icon-arrow-1-w { background-position: -96px -32px; }
  1039 +.ui-icon-arrow-1-nw { background-position: -112px -32px; }
  1040 +.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  1041 +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  1042 +.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  1043 +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  1044 +.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  1045 +.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  1046 +.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  1047 +.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  1048 +.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  1049 +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  1050 +.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  1051 +.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  1052 +.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  1053 +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  1054 +.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  1055 +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  1056 +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  1057 +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  1058 +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  1059 +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  1060 +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  1061 +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  1062 +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  1063 +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  1064 +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  1065 +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  1066 +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  1067 +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  1068 +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  1069 +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  1070 +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  1071 +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  1072 +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  1073 +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  1074 +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  1075 +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  1076 +.ui-icon-arrow-4 { background-position: 0 -80px; }
  1077 +.ui-icon-arrow-4-diag { background-position: -16px -80px; }
  1078 +.ui-icon-extlink { background-position: -32px -80px; }
  1079 +.ui-icon-newwin { background-position: -48px -80px; }
  1080 +.ui-icon-refresh { background-position: -64px -80px; }
  1081 +.ui-icon-shuffle { background-position: -80px -80px; }
  1082 +.ui-icon-transfer-e-w { background-position: -96px -80px; }
  1083 +.ui-icon-transferthick-e-w { background-position: -112px -80px; }
  1084 +.ui-icon-folder-collapsed { background-position: 0 -96px; }
  1085 +.ui-icon-folder-open { background-position: -16px -96px; }
  1086 +.ui-icon-document { background-position: -32px -96px; }
  1087 +.ui-icon-document-b { background-position: -48px -96px; }
  1088 +.ui-icon-note { background-position: -64px -96px; }
  1089 +.ui-icon-mail-closed { background-position: -80px -96px; }
  1090 +.ui-icon-mail-open { background-position: -96px -96px; }
  1091 +.ui-icon-suitcase { background-position: -112px -96px; }
  1092 +.ui-icon-comment { background-position: -128px -96px; }
  1093 +.ui-icon-person { background-position: -144px -96px; }
  1094 +.ui-icon-print { background-position: -160px -96px; }
  1095 +.ui-icon-trash { background-position: -176px -96px; }
  1096 +.ui-icon-locked { background-position: -192px -96px; }
  1097 +.ui-icon-unlocked { background-position: -208px -96px; }
  1098 +.ui-icon-bookmark { background-position: -224px -96px; }
  1099 +.ui-icon-tag { background-position: -240px -96px; }
  1100 +.ui-icon-home { background-position: 0 -112px; }
  1101 +.ui-icon-flag { background-position: -16px -112px; }
  1102 +.ui-icon-calendar { background-position: -32px -112px; }
  1103 +.ui-icon-cart { background-position: -48px -112px; }
  1104 +.ui-icon-pencil { background-position: -64px -112px; }
  1105 +.ui-icon-clock { background-position: -80px -112px; }
  1106 +.ui-icon-disk { background-position: -96px -112px; }
  1107 +.ui-icon-calculator { background-position: -112px -112px; }
  1108 +.ui-icon-zoomin { background-position: -128px -112px; }
  1109 +.ui-icon-zoomout { background-position: -144px -112px; }
  1110 +.ui-icon-search { background-position: -160px -112px; }
  1111 +.ui-icon-wrench { background-position: -176px -112px; }
  1112 +.ui-icon-gear { background-position: -192px -112px; }
  1113 +.ui-icon-heart { background-position: -208px -112px; }
  1114 +.ui-icon-star { background-position: -224px -112px; }
  1115 +.ui-icon-link { background-position: -240px -112px; }
  1116 +.ui-icon-cancel { background-position: 0 -128px; }
  1117 +.ui-icon-plus { background-position: -16px -128px; }
  1118 +.ui-icon-plusthick { background-position: -32px -128px; }
  1119 +.ui-icon-minus { background-position: -48px -128px; }
  1120 +.ui-icon-minusthick { background-position: -64px -128px; }
  1121 +.ui-icon-close { background-position: -80px -128px; }
  1122 +.ui-icon-closethick { background-position: -96px -128px; }
  1123 +.ui-icon-key { background-position: -112px -128px; }
  1124 +.ui-icon-lightbulb { background-position: -128px -128px; }
  1125 +.ui-icon-scissors { background-position: -144px -128px; }
  1126 +.ui-icon-clipboard { background-position: -160px -128px; }
  1127 +.ui-icon-copy { background-position: -176px -128px; }
  1128 +.ui-icon-contact { background-position: -192px -128px; }
  1129 +.ui-icon-image { background-position: -208px -128px; }
  1130 +.ui-icon-video { background-position: -224px -128px; }
  1131 +.ui-icon-script { background-position: -240px -128px; }
  1132 +.ui-icon-alert { background-position: 0 -144px; }
  1133 +.ui-icon-info { background-position: -16px -144px; }
  1134 +.ui-icon-notice { background-position: -32px -144px; }
  1135 +.ui-icon-help { background-position: -48px -144px; }
  1136 +.ui-icon-check { background-position: -64px -144px; }
  1137 +.ui-icon-bullet { background-position: -80px -144px; }
  1138 +.ui-icon-radio-on { background-position: -96px -144px; }
  1139 +.ui-icon-radio-off { background-position: -112px -144px; }
  1140 +.ui-icon-pin-w { background-position: -128px -144px; }
  1141 +.ui-icon-pin-s { background-position: -144px -144px; }
  1142 +.ui-icon-play { background-position: 0 -160px; }
  1143 +.ui-icon-pause { background-position: -16px -160px; }
  1144 +.ui-icon-seek-next { background-position: -32px -160px; }
  1145 +.ui-icon-seek-prev { background-position: -48px -160px; }
  1146 +.ui-icon-seek-end { background-position: -64px -160px; }
  1147 +.ui-icon-seek-start { background-position: -80px -160px; }
  1148 +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  1149 +.ui-icon-seek-first { background-position: -80px -160px; }
  1150 +.ui-icon-stop { background-position: -96px -160px; }
  1151 +.ui-icon-eject { background-position: -112px -160px; }
  1152 +.ui-icon-volume-off { background-position: -128px -160px; }
  1153 +.ui-icon-volume-on { background-position: -144px -160px; }
  1154 +.ui-icon-power { background-position: 0 -176px; }
  1155 +.ui-icon-signal-diag { background-position: -16px -176px; }
  1156 +.ui-icon-signal { background-position: -32px -176px; }
  1157 +.ui-icon-battery-0 { background-position: -48px -176px; }
  1158 +.ui-icon-battery-1 { background-position: -64px -176px; }
  1159 +.ui-icon-battery-2 { background-position: -80px -176px; }
  1160 +.ui-icon-battery-3 { background-position: -96px -176px; }
  1161 +.ui-icon-circle-plus { background-position: 0 -192px; }
  1162 +.ui-icon-circle-minus { background-position: -16px -192px; }
  1163 +.ui-icon-circle-close { background-position: -32px -192px; }
  1164 +.ui-icon-circle-triangle-e { background-position: -48px -192px; }
  1165 +.ui-icon-circle-triangle-s { background-position: -64px -192px; }
  1166 +.ui-icon-circle-triangle-w { background-position: -80px -192px; }
  1167 +.ui-icon-circle-triangle-n { background-position: -96px -192px; }
  1168 +.ui-icon-circle-arrow-e { background-position: -112px -192px; }
  1169 +.ui-icon-circle-arrow-s { background-position: -128px -192px; }
  1170 +.ui-icon-circle-arrow-w { background-position: -144px -192px; }
  1171 +.ui-icon-circle-arrow-n { background-position: -160px -192px; }
  1172 +.ui-icon-circle-zoomin { background-position: -176px -192px; }
  1173 +.ui-icon-circle-zoomout { background-position: -192px -192px; }
  1174 +.ui-icon-circle-check { background-position: -208px -192px; }
  1175 +.ui-icon-circlesmall-plus { background-position: 0 -208px; }
  1176 +.ui-icon-circlesmall-minus { background-position: -16px -208px; }
  1177 +.ui-icon-circlesmall-close { background-position: -32px -208px; }
  1178 +.ui-icon-squaresmall-plus { background-position: -48px -208px; }
  1179 +.ui-icon-squaresmall-minus { background-position: -64px -208px; }
  1180 +.ui-icon-squaresmall-close { background-position: -80px -208px; }
  1181 +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  1182 +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  1183 +.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  1184 +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  1185 +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  1186 +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  1187 +
  1188 +
  1189 +/* Misc visuals
  1190 +----------------------------------*/
  1191 +
  1192 +/* Corner radius
  1193 +.ui-corner-all,
  1194 +.ui-corner-top,
  1195 +.ui-corner-left,
  1196 +.ui-corner-tl {
  1197 + border-top-left-radius: 4px;
  1198 +}
  1199 +.ui-corner-all,
  1200 +.ui-corner-top,
  1201 +.ui-corner-right,
  1202 +.ui-corner-tr {
  1203 + border-top-right-radius: 4px;
  1204 +}
  1205 +.ui-corner-all,
  1206 +.ui-corner-bottom,
  1207 +.ui-corner-left,
  1208 +.ui-corner-bl {
  1209 + border-bottom-left-radius: 4px;
  1210 +}
  1211 +.ui-corner-all,
  1212 +.ui-corner-bottom,
  1213 +.ui-corner-right,
  1214 +.ui-corner-br {
  1215 + border-bottom-right-radius:4px;
  1216 +}*/
  1217 +
  1218 +.ui-slider-handle{ border-radius:50%}
  1219 +/* Overlays */
  1220 +.ui-widget-overlay {
  1221 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1222 + opacity: .3;
  1223 + filter: Alpha(Opacity=30); /* support: IE8 */
  1224 +}
  1225 +.ui-widget-shadow {
  1226 + margin: -8px 0 0 -8px;
  1227 + padding: 8px;
  1228 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1229 + opacity: .3;
  1230 + filter: Alpha(Opacity=30); /* support: IE8 */
  1231 + border-radius: 8px;
  1232 +}
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
  View file @cdb4b6e
@@ -226,6 +226,10 @@ footer.dark { @@ -226,6 +226,10 @@ footer.dark {
226 .marginTopBtm10 { 226 .marginTopBtm10 {
227 margin: 10px 0!important 227 margin: 10px 0!important
228 } 228 }
  229 +.paddingTopBtm10 {
  230 + padding: 10px 0
  231 +}
  232 +
229 .page-header { 233 .page-header {
230 border-bottom: 0!important 234 border-bottom: 0!important
231 } 235 }
@@ -342,6 +346,7 @@ footer.dark { @@ -342,6 +346,7 @@ footer.dark {
342 #inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 346 #inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
343 background: #1c92d0; 347 background: #1c92d0;
344 border: 1px solid #1c92d0; 348 border: 1px solid #1c92d0;
  349 + color:#fff;
345 } 350 }
346 .main { 351 .main {
347 margin-left: 200px; 352 margin-left: 200px;
@@ -608,6 +613,47 @@ select[multiple], select[size].multipleSelect{ height: 100%;} @@ -608,6 +613,47 @@ select[multiple], select[size].multipleSelect{ height: 100%;}
608 .modal-header .close{ margin-top:0} 613 .modal-header .close{ margin-top:0}
609 #setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;} 614 #setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;}
610 .annotation-modal-header h4{ font-size:15px; font-weight:600;} 615 .annotation-modal-header h4{ font-size:15px; font-weight:600;}
  616 +.color-picker{ margin-left:25px; margin-top:-3px}
  617 +.pattern-picker{ margin-left:10px; margin-top:-3px}
  618 +.marginbtm10{ margin-bottom:10px;}
  619 +.bodyWrap2{ margin-top:60px;}
  620 +.toolsss {
  621 + height: 100vh;
  622 + width: 110px;
  623 + padding-top: 10px;
  624 + /*padding-top: 70px;*/
  625 + position:absolute;
  626 + /*overflow: hidden;*/
  627 + left: 0;
  628 + top: 0;
  629 + z-index: 1029;
  630 + transition: left .3s ease;
  631 + background:#ebebeb;
  632 + border-right:1px solid #dedede;
  633 +
  634 +}
  635 +.main3 {
  636 + background: #383838;
  637 + margin-left: 95px;
  638 + position: relative;
  639 + transition: margin .3s ease;
  640 + /*margin-top: 60px;*/
  641 +}
  642 +.well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto}
  643 +.color-pallate{ position:absolute; top:15px;}
  644 +.font18{ font-size:18px;}
  645 +.bg-grey{ background:#f2f2f2;}
  646 +textarea {
  647 + resize: none;
  648 +}
  649 +.font12{ font-size:12px;}
  650 +.font14{ font-size:14px;}
  651 +.weight600{ font-weight:600;}
  652 +.marginbtm5{ margin-bottom:5px;}
  653 +.marginBtm12{ margin-bottom:12px;}
  654 +.anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;}
  655 +.font-16{ font-size:16px;}
  656 +
611 657
612 @-webkit-keyframes circle { 658 @-webkit-keyframes circle {
613 0% { 659 0% {
@@ -718,6 +764,13 @@ textarea { @@ -718,6 +764,13 @@ textarea {
718 .treeview-left.active { 764 .treeview-left.active {
719 left: 0; 765 left: 0;
720 } 766 }
  767 +
  768 +.tab-mini > li > a{overflow: hidden;
  769 +padding-left:5px; padding-right:5px;
  770 + text-overflow: ellipsis;
  771 + white-space: nowrap;
  772 + width: 86px !important;}
  773 +
721 } 774 }
722 775
723 @media (min-width: 768px) and (max-width: 1199px) { 776 @media (min-width: 768px) and (max-width: 1199px) {
@@ -727,6 +780,10 @@ textarea { @@ -727,6 +780,10 @@ textarea {
727 .width120 { 780 .width120 {
728 width: 90%!important; 781 width: 90%!important;
729 } 782 }
  783 +.builder-Guide-left{ min-width:118px; width:9%; padding:0;}
  784 +.builder-Guide-right{ min-width:485px; width:80%; padding:0;}
  785 +.color-pallate{ position:absolute; top:5px;}
  786 +
730 /* .toggleBar { margin:20px 10px 0 0}*/ 787 /* .toggleBar { margin:20px 10px 0 0}*/
731 } 788 }
732 789
400-SOURCECODE/AIAHTML5.Web/themes/default/css/jquery-ui-slider-pips.css 0 → 100644
  View file @cdb4b6e
  1 +/*! jQuery-ui-Slider-Pips - v1.11.1 - 2015-11-30
  2 +* Copyright (c) 2015 Simon Goellner <simey.me@gmail.com>; Licensed MIT */
  3 +
  4 +/* HORIZONTAL */
  5 +/* increase bottom margin to fit the pips */
  6 +
  7 +.pips-slider{ background:#fff;
  8 +border:1px solid #E7E7E7;
  9 +
  10 +width:80px;
  11 +margin:0 auto;
  12 +margin-top:110px;}
  13 +
  14 +.pips-slider h3{ width:100%; float:left; background:#CCCCCC; font-size:14px; margin:0; padding:0; margin-bottom:20px; padding:5px 0 5px 10px}
  15 +.pips-slider h3 i{ font-size:14px;}
  16 +.pips-slider #vertical-slider{ margin:40px 0 30px 20px;}
  17 +
  18 +.ui-slider-horizontal.ui-slider-pips {
  19 + margin-bottom: 1.4em;
  20 +}
  21 +
  22 +/* default hide the labels and pips that arnt visible */
  23 +/* we just use css to hide incase we want to show certain */
  24 +/* labels/pips individually later */
  25 +.ui-slider-pips .ui-slider-label,
  26 +.ui-slider-pips .ui-slider-pip-hide {
  27 + display: none;
  28 +}
  29 +
  30 +/* now we show any labels that we've set to show in the options */
  31 +.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
  32 + display: block;
  33 +}
  34 +
  35 +/* PIP/LABEL WRAPPER */
  36 +/* position each pip absolutely just below the default slider */
  37 +/* and also prevent accidental selection */
  38 +.ui-slider-pips .ui-slider-pip {
  39 + width: 2em;
  40 + height: 1em;
  41 + line-height: 1em;
  42 + position: absolute;
  43 + font-size: 0.8em;
  44 + color: #999;
  45 + overflow: visible;
  46 + text-align: center;
  47 + top: 20px;
  48 + left: 20px;
  49 + margin-left: -1em;
  50 + cursor: pointer;
  51 + -webkit-touch-callout: none;
  52 + -webkit-user-select: none;
  53 + -moz-user-select: none;
  54 + -ms-user-select: none;
  55 + user-select: none;
  56 +}
  57 +
  58 +.ui-state-disabled.ui-slider-pips .ui-slider-pip {
  59 + cursor: default;
  60 +}
  61 +
  62 +/* little pip/line position & size */
  63 +.ui-slider-pips .ui-slider-line {
  64 + background: #999;
  65 + width: 1px;
  66 + height: 3px;
  67 + position: absolute;
  68 + left: 50%;
  69 +}
  70 +
  71 +/* the text label postion & size */
  72 +/* it overflows so no need for width to be accurate */
  73 +.ui-slider-pips .ui-slider-label {
  74 + position: absolute;
  75 + top: 5px;
  76 + left: 50%;
  77 + margin-left: -1em;
  78 + width: 2em;
  79 +}
  80 +
  81 +/* make it easy to see when we hover a label */
  82 +.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
  83 + color: black;
  84 + font-weight: bold;
  85 +}
  86 +
  87 +/* VERTICAL */
  88 +/* vertical slider needs right-margin, not bottom */
  89 +.ui-slider-vertical.ui-slider-pips {
  90 + /* margin-bottom: 1em;
  91 + margin-right: 2em;*/
  92 +}
  93 +
  94 +/* align vertical pips left and to right of the slider */
  95 +.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
  96 + text-align: left;
  97 + top: auto;
  98 + left: 20px;
  99 + margin-left: 0;
  100 + margin-bottom: -0.5em;
  101 +}
  102 +
  103 +/* vertical line/pip should be horizontal instead */
  104 +.ui-slider-vertical.ui-slider-pips .ui-slider-line {
  105 + width: 3px;
  106 + height: 1px;
  107 + position: absolute;
  108 + top: 50%;
  109 + left: 0;
  110 +}
  111 +
  112 +.ui-slider-vertical.ui-slider-pips .ui-slider-label {
  113 + top: 50%;
  114 + left: 0.5em;
  115 + margin-left: 0;
  116 + margin-top: -0.5em;
  117 + width: 2em;
  118 +}
  119 +
  120 +/* FLOATING HORIZTONAL TOOLTIPS */
  121 +/* remove the godawful looking focus outline on handle and float */
  122 +.ui-slider-float .ui-slider-handle:focus,
  123 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
  124 +.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
  125 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
  126 +.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label
  127 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
  128 + outline: none;
  129 +}
  130 +
  131 +/* style tooltips on handles and on labels */
  132 +/* also has a nice transition */
  133 +.ui-slider-float .ui-slider-tip,
  134 +.ui-slider-float .ui-slider-tip-label {
  135 + position: absolute;
  136 + visibility: hidden;
  137 + top: -40px;
  138 + display: block;
  139 + width: 34px;
  140 + margin-left: -18px;
  141 + left: 50%;
  142 + height: 20px;
  143 + line-height: 20px;
  144 + background: white;
  145 + border-radius: 3px;
  146 + border: 1px solid #888;
  147 + text-align: center;
  148 + font-size: 12px;
  149 + opacity: 0;
  150 + color: #333;
  151 + -webkit-transition-property: opacity, top, visibility;
  152 + transition-property: opacity, top, visibility;
  153 + -webkit-transition-timing-function: ease-in;
  154 + transition-timing-function: ease-in;
  155 + -webkit-transition-duration: 200ms, 200ms, 0ms;
  156 + transition-duration: 200ms, 200ms, 0ms;
  157 + -webkit-transition-delay: 0ms, 0ms, 200ms;
  158 + transition-delay: 0ms, 0ms, 200ms;
  159 +}
  160 +
  161 +/* show the tooltip on hover or focus */
  162 +/* also switch transition delay around */
  163 +.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
  164 +.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
  165 +.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
  166 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
  167 +.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
  168 +.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  169 + opacity: 1;
  170 + top: -30px;
  171 + visibility: visible;
  172 + -webkit-transition-timing-function: ease-out;
  173 + transition-timing-function: ease-out;
  174 + -webkit-transition-delay: 200ms, 200ms, 0ms;
  175 + transition-delay: 200ms, 200ms, 0ms;
  176 +}
  177 +
  178 +/* put label tooltips below slider */
  179 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  180 + top: 42px;
  181 +}
  182 +
  183 +.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  184 + top: 32px;
  185 + font-weight: normal;
  186 +}
  187 +
  188 +/* give the tooltip a css triangle arrow */
  189 +.ui-slider-float .ui-slider-tip:after,
  190 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  191 + content: " ";
  192 + width: 0;
  193 + height: 0;
  194 + border: 5px solid rgba(255, 255, 255, 0);
  195 + border-top-color: white;
  196 + position: absolute;
  197 + bottom: -10px;
  198 + left: 50%;
  199 + margin-left: -5px;
  200 +}
  201 +
  202 +/* put a 1px border on the tooltip arrow to match tooltip border */
  203 +.ui-slider-float .ui-slider-tip:before,
  204 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  205 + content: " ";
  206 + width: 0;
  207 + height: 0;
  208 + border: 5px solid rgba(255, 255, 255, 0);
  209 + border-top-color: #888;
  210 + position: absolute;
  211 + bottom: -11px;
  212 + left: 50%;
  213 + margin-left: -5px;
  214 +}
  215 +
  216 +/* switch the arrow to top on labels */
  217 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  218 + border: 5px solid rgba(255, 255, 255, 0);
  219 + border-bottom-color: white;
  220 + top: -10px;
  221 +}
  222 +
  223 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  224 + border: 5px solid rgba(255, 255, 255, 0);
  225 + border-bottom-color: #888;
  226 + top: -11px;
  227 +}
  228 +
  229 +/* FLOATING VERTICAL TOOLTIPS */
  230 +/* tooltip floats to left of handle */
  231 +.ui-slider-vertical.ui-slider-float .ui-slider-tip,
  232 +.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
  233 + top: 50%;
  234 + margin-top: -11px;
  235 + width: 34px;
  236 + margin-left: 0px;
  237 + left: -60px;
  238 + color: #333;
  239 + -webkit-transition-duration: 200ms, 200ms, 0;
  240 + transition-duration: 200ms, 200ms, 0;
  241 + -webkit-transition-property: opacity, left, visibility;
  242 + transition-property: opacity, left, visibility;
  243 + -webkit-transition-delay: 0, 0, 200ms;
  244 + transition-delay: 0, 0, 200ms;
  245 +}
  246 +
  247 +.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
  248 +.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
  249 +.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
  250 +.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
  251 +.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
  252 +.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  253 + top: 50%;
  254 + margin-top: -11px;
  255 + left: -50px;
  256 +}
  257 +
  258 +/* put label tooltips to right of slider */
  259 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  260 + left: 47px;
  261 +}
  262 +
  263 +.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  264 + left: 37px;
  265 +}
  266 +
  267 +/* give the tooltip a css triangle arrow */
  268 +.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
  269 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  270 + border: 5px solid rgba(255, 255, 255, 0);
  271 + border-left-color: white;
  272 + border-top-color: transparent;
  273 + position: absolute;
  274 + bottom: 50%;
  275 + margin-bottom: -5px;
  276 + right: -10px;
  277 + margin-left: 0;
  278 + top: auto;
  279 + left: auto;
  280 +}
  281 +
  282 +.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
  283 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  284 + border: 5px solid rgba(255, 255, 255, 0);
  285 + border-left-color: #888;
  286 + border-top-color: transparent;
  287 + position: absolute;
  288 + bottom: 50%;
  289 + margin-bottom: -5px;
  290 + right: -11px;
  291 + margin-left: 0;
  292 + top: auto;
  293 + left: auto;
  294 +}
  295 +
  296 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  297 + border: 5px solid rgba(255, 255, 255, 0);
  298 + border-right-color: white;
  299 + right: auto;
  300 + left: -10px;
  301 +}
  302 +
  303 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  304 + border: 5px solid rgba(255, 255, 255, 0);
  305 + border-right-color: #888;
  306 + right: auto;
  307 + left: -11px;
  308 +}
  309 +
  310 +/* SELECTED STATES */
  311 +/* Comment out this chuck of code if you don't want to have
  312 + the new label colours shown */
  313 +.ui-slider-pips [class*=ui-slider-pip-initial] {
  314 + font-weight: bold;
  315 + color: #0095da;
  316 +}
  317 +
  318 +.ui-slider-pips .ui-slider-pip-initial-2 {
  319 + color: #1897C9;
  320 +}
  321 +
  322 +.ui-slider-pips [class*=ui-slider-pip-selected] {
  323 + font-weight: bold;
  324 + color: #000;
  325 +}
  326 +
  327 +.ui-slider-pips .ui-slider-pip-inrange {
  328 + color: black;
  329 +}
  330 +
  331 +.ui-slider-pips .ui-slider-pip-selected-2 {
  332 + color: #E70081;
  333 +}
  334 +
  335 +.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
  336 +.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
  337 + background: black;
  338 +}
400-SOURCECODE/AIAHTML5.Web/themes/default/css/jquery-ui.css 0 → 100644
  View file @cdb4b6e
  1 +/*! jQuery UI - v1.11.4 - 2015-03-11
  2 +* http://jqueryui.com
  3 +* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
  4 +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  5 +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
  6 +
  7 +/* Layout helpers
  8 +----------------------------------*/
  9 +
  10 +
  11 +
  12 +.ui-helper-hidden {
  13 + display: none;
  14 +}
  15 +.ui-helper-hidden-accessible {
  16 + border: 0;
  17 + clip: rect(0 0 0 0);
  18 + height: 1px;
  19 + margin: -1px;
  20 + overflow: hidden;
  21 + padding: 0;
  22 + position: absolute;
  23 + width: 1px;
  24 +}
  25 +.ui-helper-reset {
  26 + margin: 0;
  27 + padding: 0;
  28 + border: 0;
  29 + outline: 0;
  30 + line-height: 1.3;
  31 + text-decoration: none;
  32 + font-size: 100%;
  33 + list-style: none;
  34 +}
  35 +.ui-helper-clearfix:before,
  36 +.ui-helper-clearfix:after {
  37 + content: "";
  38 + display: table;
  39 + border-collapse: collapse;
  40 +}
  41 +.ui-helper-clearfix:after {
  42 + clear: both;
  43 +}
  44 +.ui-helper-clearfix {
  45 + min-height: 0; /* support: IE7 */
  46 +}
  47 +.ui-helper-zfix {
  48 + width: 100%;
  49 + height: 100%;
  50 + top: 0;
  51 + left: 0;
  52 + position: absolute;
  53 + opacity: 0;
  54 + filter:Alpha(Opacity=0); /* support: IE8 */
  55 +}
  56 +
  57 +.ui-front {
  58 + z-index: 100;
  59 +}
  60 +
  61 +
  62 +/* Interaction Cues
  63 +----------------------------------*/
  64 +.ui-state-disabled {
  65 + cursor: default !important;
  66 +}
  67 +
  68 +
  69 +/* Icons
  70 +----------------------------------*/
  71 +
  72 +/* states and images */
  73 +.ui-icon {
  74 + display: block;
  75 + text-indent: -99999px;
  76 + overflow: hidden;
  77 + background-repeat: no-repeat;
  78 +}
  79 +
  80 +
  81 +/* Misc visuals
  82 +----------------------------------*/
  83 +
  84 +/* Overlays */
  85 +.ui-widget-overlay {
  86 + position: fixed;
  87 + top: 0;
  88 + left: 0;
  89 + width: 100%;
  90 + height: 100%;
  91 +}
  92 +.ui-accordion .ui-accordion-header {
  93 + display: block;
  94 + cursor: pointer;
  95 + position: relative;
  96 + margin: 2px 0 0 0;
  97 + padding: .5em .5em .5em .7em;
  98 + min-height: 0; /* support: IE7 */
  99 + font-size: 100%;
  100 +}
  101 +.ui-accordion .ui-accordion-icons {
  102 + padding-left: 2.2em;
  103 +}
  104 +.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  105 + padding-left: 2.2em;
  106 +}
  107 +.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  108 + position: absolute;
  109 + left: .5em;
  110 + top: 50%;
  111 + margin-top: -8px;
  112 +}
  113 +.ui-accordion .ui-accordion-content {
  114 + padding: 1em 2.2em;
  115 + border-top: 0;
  116 + overflow: auto;
  117 +}
  118 +.ui-autocomplete {
  119 + position: absolute;
  120 + top: 0;
  121 + left: 0;
  122 + cursor: default;
  123 +}
  124 +.ui-button {
  125 + display: inline-block;
  126 + position: relative;
  127 + padding: 0;
  128 + line-height: normal;
  129 + margin-right: .1em;
  130 + cursor: pointer;
  131 + vertical-align: middle;
  132 + text-align: center;
  133 + overflow: visible; /* removes extra width in IE */
  134 +}
  135 +.ui-button,
  136 +.ui-button:link,
  137 +.ui-button:visited,
  138 +.ui-button:hover,
  139 +.ui-button:active {
  140 + text-decoration: none;
  141 +}
  142 +/* to make room for the icon, a width needs to be set here */
  143 +.ui-button-icon-only {
  144 + width: 2.2em;
  145 +}
  146 +/* button elements seem to need a little more width */
  147 +button.ui-button-icon-only {
  148 + width: 2.4em;
  149 +}
  150 +.ui-button-icons-only {
  151 + width: 3.4em;
  152 +}
  153 +button.ui-button-icons-only {
  154 + width: 3.7em;
  155 +}
  156 +
  157 +/* button text element */
  158 +.ui-button .ui-button-text {
  159 + display: block;
  160 + line-height: normal;
  161 +}
  162 +.ui-button-text-only .ui-button-text {
  163 + padding: .4em 1em;
  164 +}
  165 +.ui-button-icon-only .ui-button-text,
  166 +.ui-button-icons-only .ui-button-text {
  167 + padding: .4em;
  168 + text-indent: -9999999px;
  169 +}
  170 +.ui-button-text-icon-primary .ui-button-text,
  171 +.ui-button-text-icons .ui-button-text {
  172 + padding: .4em 1em .4em 2.1em;
  173 +}
  174 +.ui-button-text-icon-secondary .ui-button-text,
  175 +.ui-button-text-icons .ui-button-text {
  176 + padding: .4em 2.1em .4em 1em;
  177 +}
  178 +.ui-button-text-icons .ui-button-text {
  179 + padding-left: 2.1em;
  180 + padding-right: 2.1em;
  181 +}
  182 +/* no icon support for input elements, provide padding by default */
  183 +input.ui-button {
  184 + padding: .4em 1em;
  185 +}
  186 +
  187 +/* button icon element(s) */
  188 +.ui-button-icon-only .ui-icon,
  189 +.ui-button-text-icon-primary .ui-icon,
  190 +.ui-button-text-icon-secondary .ui-icon,
  191 +.ui-button-text-icons .ui-icon,
  192 +.ui-button-icons-only .ui-icon {
  193 + position: absolute;
  194 + top: 50%;
  195 + margin-top: -8px;
  196 +}
  197 +.ui-button-icon-only .ui-icon {
  198 + left: 50%;
  199 + margin-left: -8px;
  200 +}
  201 +.ui-button-text-icon-primary .ui-button-icon-primary,
  202 +.ui-button-text-icons .ui-button-icon-primary,
  203 +.ui-button-icons-only .ui-button-icon-primary {
  204 + left: .5em;
  205 +}
  206 +.ui-button-text-icon-secondary .ui-button-icon-secondary,
  207 +.ui-button-text-icons .ui-button-icon-secondary,
  208 +.ui-button-icons-only .ui-button-icon-secondary {
  209 + right: .5em;
  210 +}
  211 +
  212 +/* button sets */
  213 +.ui-buttonset {
  214 + margin-right: 7px;
  215 +}
  216 +.ui-buttonset .ui-button {
  217 + margin-left: 0;
  218 + margin-right: -.3em;
  219 +}
  220 +
  221 +/* workarounds */
  222 +/* reset extra padding in Firefox, see h5bp.com/l */
  223 +input.ui-button::-moz-focus-inner,
  224 +button.ui-button::-moz-focus-inner {
  225 + border: 0;
  226 + padding: 0;
  227 +}
  228 +.ui-datepicker {
  229 + width: 17em;
  230 + padding: .2em .2em 0;
  231 + display: none;
  232 +}
  233 +.ui-datepicker .ui-datepicker-header {
  234 + position: relative;
  235 + padding: .2em 0;
  236 +}
  237 +.ui-datepicker .ui-datepicker-prev,
  238 +.ui-datepicker .ui-datepicker-next {
  239 + position: absolute;
  240 + top: 2px;
  241 + width: 1.8em;
  242 + height: 1.8em;
  243 +}
  244 +.ui-datepicker .ui-datepicker-prev-hover,
  245 +.ui-datepicker .ui-datepicker-next-hover {
  246 + top: 1px;
  247 +}
  248 +.ui-datepicker .ui-datepicker-prev {
  249 + left: 2px;
  250 +}
  251 +.ui-datepicker .ui-datepicker-next {
  252 + right: 2px;
  253 +}
  254 +.ui-datepicker .ui-datepicker-prev-hover {
  255 + left: 1px;
  256 +}
  257 +.ui-datepicker .ui-datepicker-next-hover {
  258 + right: 1px;
  259 +}
  260 +.ui-datepicker .ui-datepicker-prev span,
  261 +.ui-datepicker .ui-datepicker-next span {
  262 + display: block;
  263 + position: absolute;
  264 + left: 50%;
  265 + margin-left: -8px;
  266 + top: 50%;
  267 + margin-top: -8px;
  268 +}
  269 +.ui-datepicker .ui-datepicker-title {
  270 + margin: 0 2.3em;
  271 + line-height: 1.8em;
  272 + text-align: center;
  273 +}
  274 +.ui-datepicker .ui-datepicker-title select {
  275 + font-size: 1em;
  276 + margin: 1px 0;
  277 +}
  278 +.ui-datepicker select.ui-datepicker-month,
  279 +.ui-datepicker select.ui-datepicker-year {
  280 + width: 45%;
  281 +}
  282 +.ui-datepicker table {
  283 + width: 100%;
  284 + font-size: .9em;
  285 + border-collapse: collapse;
  286 + margin: 0 0 .4em;
  287 +}
  288 +.ui-datepicker th {
  289 + padding: .7em .3em;
  290 + text-align: center;
  291 + font-weight: bold;
  292 + border: 0;
  293 +}
  294 +.ui-datepicker td {
  295 + border: 0;
  296 + padding: 1px;
  297 +}
  298 +.ui-datepicker td span,
  299 +.ui-datepicker td a {
  300 + display: block;
  301 + padding: .2em;
  302 + text-align: right;
  303 + text-decoration: none;
  304 +}
  305 +.ui-datepicker .ui-datepicker-buttonpane {
  306 + background-image: none;
  307 + margin: .7em 0 0 0;
  308 + padding: 0 .2em;
  309 + border-left: 0;
  310 + border-right: 0;
  311 + border-bottom: 0;
  312 +}
  313 +.ui-datepicker .ui-datepicker-buttonpane button {
  314 + float: right;
  315 + margin: .5em .2em .4em;
  316 + cursor: pointer;
  317 + padding: .2em .6em .3em .6em;
  318 + width: auto;
  319 + overflow: visible;
  320 +}
  321 +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  322 + float: left;
  323 +}
  324 +
  325 +/* with multiple calendars */
  326 +.ui-datepicker.ui-datepicker-multi {
  327 + width: auto;
  328 +}
  329 +.ui-datepicker-multi .ui-datepicker-group {
  330 + float: left;
  331 +}
  332 +.ui-datepicker-multi .ui-datepicker-group table {
  333 + width: 95%;
  334 + margin: 0 auto .4em;
  335 +}
  336 +.ui-datepicker-multi-2 .ui-datepicker-group {
  337 + width: 50%;
  338 +}
  339 +.ui-datepicker-multi-3 .ui-datepicker-group {
  340 + width: 33.3%;
  341 +}
  342 +.ui-datepicker-multi-4 .ui-datepicker-group {
  343 + width: 25%;
  344 +}
  345 +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  346 +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  347 + border-left-width: 0;
  348 +}
  349 +.ui-datepicker-multi .ui-datepicker-buttonpane {
  350 + clear: left;
  351 +}
  352 +.ui-datepicker-row-break {
  353 + clear: both;
  354 + width: 100%;
  355 + font-size: 0;
  356 +}
  357 +
  358 +/* RTL support */
  359 +.ui-datepicker-rtl {
  360 + direction: rtl;
  361 +}
  362 +.ui-datepicker-rtl .ui-datepicker-prev {
  363 + right: 2px;
  364 + left: auto;
  365 +}
  366 +.ui-datepicker-rtl .ui-datepicker-next {
  367 + left: 2px;
  368 + right: auto;
  369 +}
  370 +.ui-datepicker-rtl .ui-datepicker-prev:hover {
  371 + right: 1px;
  372 + left: auto;
  373 +}
  374 +.ui-datepicker-rtl .ui-datepicker-next:hover {
  375 + left: 1px;
  376 + right: auto;
  377 +}
  378 +.ui-datepicker-rtl .ui-datepicker-buttonpane {
  379 + clear: right;
  380 +}
  381 +.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  382 + float: left;
  383 +}
  384 +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  385 +.ui-datepicker-rtl .ui-datepicker-group {
  386 + float: right;
  387 +}
  388 +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  389 +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  390 + border-right-width: 0;
  391 + border-left-width: 1px;
  392 +}
  393 +.ui-dialog {
  394 + overflow: hidden;
  395 + position: absolute;
  396 + top: 0;
  397 + left: 0;
  398 + padding: .2em;
  399 + outline: 0;
  400 +}
  401 +.ui-dialog .ui-dialog-titlebar {
  402 + padding: .4em 1em;
  403 + position: relative;
  404 +}
  405 +.ui-dialog .ui-dialog-title {
  406 + float: left;
  407 + margin: .1em 0;
  408 + white-space: nowrap;
  409 + width: 90%;
  410 + overflow: hidden;
  411 + text-overflow: ellipsis;
  412 +}
  413 +.ui-dialog .ui-dialog-titlebar-close {
  414 + position: absolute;
  415 + right: .3em;
  416 + top: 50%;
  417 + width: 20px;
  418 + margin: -10px 0 0 0;
  419 + padding: 1px;
  420 + height: 20px;
  421 +}
  422 +.ui-dialog .ui-dialog-content {
  423 + position: relative;
  424 + border: 0;
  425 + padding: .5em 1em;
  426 + background: none;
  427 + overflow: auto;
  428 +}
  429 +.ui-dialog .ui-dialog-buttonpane {
  430 + text-align: left;
  431 + border-width: 1px 0 0 0;
  432 + background-image: none;
  433 + margin-top: .5em;
  434 + padding: .3em 1em .5em .4em;
  435 +}
  436 +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  437 + float: right;
  438 +}
  439 +.ui-dialog .ui-dialog-buttonpane button {
  440 + margin: .5em .4em .5em 0;
  441 + cursor: pointer;
  442 +}
  443 +.ui-dialog .ui-resizable-se {
  444 + width: 12px;
  445 + height: 12px;
  446 + right: -5px;
  447 + bottom: -5px;
  448 + background-position: 16px 16px;
  449 +}
  450 +.ui-draggable .ui-dialog-titlebar {
  451 + cursor: move;
  452 +}
  453 +.ui-draggable-handle {
  454 + -ms-touch-action: none;
  455 + touch-action: none;
  456 +}
  457 +.ui-menu {
  458 + list-style: none;
  459 + padding: 0;
  460 + margin: 0;
  461 + display: block;
  462 + outline: none;
  463 +}
  464 +.ui-menu .ui-menu {
  465 + position: absolute;
  466 +}
  467 +.ui-menu .ui-menu-item {
  468 + position: relative;
  469 + margin: 0;
  470 + padding: 3px 1em 3px .4em;
  471 + cursor: pointer;
  472 + min-height: 0; /* support: IE7 */
  473 + /* support: IE10, see #8844 */
  474 + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  475 +}
  476 +.ui-menu .ui-menu-divider {
  477 + margin: 5px 0;
  478 + height: 0;
  479 + font-size: 0;
  480 + line-height: 0;
  481 + border-width: 1px 0 0 0;
  482 +}
  483 +.ui-menu .ui-state-focus,
  484 +.ui-menu .ui-state-active {
  485 + margin: -1px;
  486 +}
  487 +
  488 +/* icon support */
  489 +.ui-menu-icons {
  490 + position: relative;
  491 +}
  492 +.ui-menu-icons .ui-menu-item {
  493 + padding-left: 2em;
  494 +}
  495 +
  496 +/* left-aligned */
  497 +.ui-menu .ui-icon {
  498 + position: absolute;
  499 + top: 0;
  500 + bottom: 0;
  501 + left: .2em;
  502 + margin: auto 0;
  503 +}
  504 +
  505 +/* right-aligned */
  506 +.ui-menu .ui-menu-icon {
  507 + left: auto;
  508 + right: 0;
  509 +}
  510 +.ui-progressbar {
  511 + height: 2em;
  512 + text-align: left;
  513 + overflow: hidden;
  514 +}
  515 +.ui-progressbar .ui-progressbar-value {
  516 + margin: -1px;
  517 + height: 100%;
  518 +}
  519 +.ui-progressbar .ui-progressbar-overlay {
  520 + background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  521 + height: 100%;
  522 + filter: alpha(opacity=25); /* support: IE8 */
  523 + opacity: 0.25;
  524 +}
  525 +.ui-progressbar-indeterminate .ui-progressbar-value {
  526 + background-image: none;
  527 +}
  528 +.ui-resizable {
  529 + position: relative;
  530 +}
  531 +.ui-resizable-handle {
  532 + position: absolute;
  533 + font-size: 0.1px;
  534 + display: block;
  535 + -ms-touch-action: none;
  536 + touch-action: none;
  537 +}
  538 +.ui-resizable-disabled .ui-resizable-handle,
  539 +.ui-resizable-autohide .ui-resizable-handle {
  540 + display: none;
  541 +}
  542 +.ui-resizable-n {
  543 + cursor: n-resize;
  544 + height: 7px;
  545 + width: 100%;
  546 + top: -5px;
  547 + left: 0;
  548 +}
  549 +.ui-resizable-s {
  550 + cursor: s-resize;
  551 + height: 7px;
  552 + width: 100%;
  553 + bottom: -5px;
  554 + left: 0;
  555 +}
  556 +.ui-resizable-e {
  557 + cursor: e-resize;
  558 + width: 7px;
  559 + right: -5px;
  560 + top: 0;
  561 + height: 100%;
  562 +}
  563 +.ui-resizable-w {
  564 + cursor: w-resize;
  565 + width: 7px;
  566 + left: -5px;
  567 + top: 0;
  568 + height: 100%;
  569 +}
  570 +.ui-resizable-se {
  571 + cursor: se-resize;
  572 + width: 12px;
  573 + height: 12px;
  574 + right: 1px;
  575 + bottom: 1px;
  576 +}
  577 +.ui-resizable-sw {
  578 + cursor: sw-resize;
  579 + width: 9px;
  580 + height: 9px;
  581 + left: -5px;
  582 + bottom: -5px;
  583 +}
  584 +.ui-resizable-nw {
  585 + cursor: nw-resize;
  586 + width: 9px;
  587 + height: 9px;
  588 + left: -5px;
  589 + top: -5px;
  590 +}
  591 +.ui-resizable-ne {
  592 + cursor: ne-resize;
  593 + width: 9px;
  594 + height: 9px;
  595 + right: -5px;
  596 + top: -5px;
  597 +}
  598 +.ui-selectable {
  599 + -ms-touch-action: none;
  600 + touch-action: none;
  601 +}
  602 +.ui-selectable-helper {
  603 + position: absolute;
  604 + z-index: 100;
  605 + border: 1px dotted black;
  606 +}
  607 +.ui-selectmenu-menu {
  608 + padding: 0;
  609 + margin: 0;
  610 + position: absolute;
  611 + top: 0;
  612 + left: 0;
  613 + display: none;
  614 +}
  615 +.ui-selectmenu-menu .ui-menu {
  616 + overflow: auto;
  617 + /* Support: IE7 */
  618 + overflow-x: hidden;
  619 + padding-bottom: 1px;
  620 +}
  621 +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  622 + font-size: 1em;
  623 + font-weight: bold;
  624 + line-height: 1.5;
  625 + padding: 2px 0.4em;
  626 + margin: 0.5em 0 0 0;
  627 + height: auto;
  628 + border: 0;
  629 +}
  630 +.ui-selectmenu-open {
  631 + display: block;
  632 +}
  633 +.ui-selectmenu-button {
  634 + display: inline-block;
  635 + overflow: hidden;
  636 + position: relative;
  637 + text-decoration: none;
  638 + cursor: pointer;
  639 +}
  640 +.ui-selectmenu-button span.ui-icon {
  641 + right: 0.5em;
  642 + left: auto;
  643 + margin-top: -8px;
  644 + position: absolute;
  645 + top: 50%;
  646 +}
  647 +.ui-selectmenu-button span.ui-selectmenu-text {
  648 + text-align: left;
  649 + padding: 0.4em 2.1em 0.4em 1em;
  650 + display: block;
  651 + line-height: 1.4;
  652 + overflow: hidden;
  653 + text-overflow: ellipsis;
  654 + white-space: nowrap;
  655 +}
  656 +.ui-slider {
  657 + position: relative;
  658 + text-align: left;
  659 +}
  660 +.ui-slider .ui-slider-handle {
  661 + position: absolute;
  662 + z-index: 2;
  663 + width: 1.2em;
  664 + height: 1.2em;
  665 + cursor: default;
  666 + -ms-touch-action: none;
  667 + touch-action: none;
  668 +}
  669 +.ui-slider .ui-slider-range {
  670 + position: absolute;
  671 + z-index: 1;
  672 + font-size: .7em;
  673 + display: block;
  674 + border: 0;
  675 + background-position: 0 0;
  676 +}
  677 +
  678 +/* support: IE8 - See #6727 */
  679 +.ui-slider.ui-state-disabled .ui-slider-handle,
  680 +.ui-slider.ui-state-disabled .ui-slider-range {
  681 + filter: inherit;
  682 +}
  683 +
  684 +.ui-slider-horizontal {
  685 + height: .8em;
  686 +}
  687 +.ui-slider-horizontal .ui-slider-handle {
  688 + top: -.3em;
  689 + margin-left: -.6em;
  690 +}
  691 +.ui-slider-horizontal .ui-slider-range {
  692 + top: 0;
  693 + height: 100%;
  694 +}
  695 +.ui-slider-horizontal .ui-slider-range-min {
  696 + left: 0;
  697 +}
  698 +.ui-slider-horizontal .ui-slider-range-max {
  699 + right: 0;
  700 +}
  701 +
  702 +.ui-slider-vertical {
  703 + width: .8em;
  704 + height: 100px;
  705 +}
  706 +.ui-slider-vertical .ui-slider-handle {
  707 + left: -.3em;
  708 + margin-left: 0;
  709 + margin-bottom: -.6em;
  710 +}
  711 +.ui-slider-vertical .ui-slider-range {
  712 + left: 0;
  713 + width: 100%;
  714 +}
  715 +.ui-slider-vertical .ui-slider-range-min {
  716 + bottom: 0;
  717 +}
  718 +.ui-slider-vertical .ui-slider-range-max {
  719 + top: 0;
  720 +}
  721 +.ui-sortable-handle {
  722 + -ms-touch-action: none;
  723 + touch-action: none;
  724 +}
  725 +.ui-spinner {
  726 + position: relative;
  727 + display: inline-block;
  728 + overflow: hidden;
  729 + padding: 0;
  730 + vertical-align: middle;
  731 +}
  732 +.ui-spinner-input {
  733 + border: none;
  734 + background: none;
  735 + color: inherit;
  736 + padding: 0;
  737 + margin: .2em 0;
  738 + vertical-align: middle;
  739 + margin-left: .4em;
  740 + margin-right: 22px;
  741 +}
  742 +.ui-spinner-button {
  743 + width: 16px;
  744 + height: 50%;
  745 + font-size: .5em;
  746 + padding: 0;
  747 + margin: 0;
  748 + text-align: center;
  749 + position: absolute;
  750 + cursor: default;
  751 + display: block;
  752 + overflow: hidden;
  753 + right: 0;
  754 +}
  755 +/* more specificity required here to override default borders */
  756 +.ui-spinner a.ui-spinner-button {
  757 + border-top: none;
  758 + border-bottom: none;
  759 + border-right: none;
  760 +}
  761 +/* vertically center icon */
  762 +.ui-spinner .ui-icon {
  763 + position: absolute;
  764 + margin-top: -8px;
  765 + top: 50%;
  766 + left: 0;
  767 +}
  768 +.ui-spinner-up {
  769 + top: 0;
  770 +}
  771 +.ui-spinner-down {
  772 + bottom: 0;
  773 +}
  774 +
  775 +/* TR overrides */
  776 +.ui-spinner .ui-icon-triangle-1-s {
  777 + /* need to fix icons sprite */
  778 + background-position: -65px -16px;
  779 +}
  780 +.ui-tabs {
  781 + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  782 + padding: .2em;
  783 +}
  784 +.ui-tabs .ui-tabs-nav {
  785 + margin: 0;
  786 + padding: .2em .2em 0;
  787 +}
  788 +.ui-tabs .ui-tabs-nav li {
  789 + list-style: none;
  790 + float: left;
  791 + position: relative;
  792 + top: 0;
  793 + margin: 1px .2em 0 0;
  794 + border-bottom-width: 0;
  795 + padding: 0;
  796 + white-space: nowrap;
  797 +}
  798 +.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  799 + float: left;
  800 + padding: .5em 1em;
  801 + text-decoration: none;
  802 +}
  803 +.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  804 + margin-bottom: -1px;
  805 + padding-bottom: 1px;
  806 +}
  807 +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
  808 +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
  809 +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  810 + cursor: text;
  811 +}
  812 +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  813 + cursor: pointer;
  814 +}
  815 +.ui-tabs .ui-tabs-panel {
  816 + display: block;
  817 + border-width: 0;
  818 + padding: 1em 1.4em;
  819 + background: none;
  820 +}
  821 +.ui-tooltip {
  822 + padding: 7px;
  823 + position: absolute;
  824 + z-index: 9999;
  825 + max-width: 300px;
  826 + -webkit-box-shadow: 0 0 5px #aaa;
  827 + box-shadow: 0 0 5px #aaa;
  828 + font-size:11px!important;
  829 + background:#333!important; color:#fff!important;
  830 + border:1px solid #000!important;
  831 +}
  832 +body .ui-tooltip {
  833 + border-width: 1px;
  834 +}
  835 +
  836 +/* Component containers
  837 +----------------------------------*/
  838 +.ui-widget {
  839 + font-family: Verdana,Arial,sans-serif;
  840 + font-size: 1.1em;
  841 +}
  842 +.ui-widget .ui-widget {
  843 + font-size: 1em;
  844 +}
  845 +.ui-widget input,
  846 +.ui-widget select,
  847 +.ui-widget textarea,
  848 +.ui-widget button {
  849 + font-family: Verdana,Arial,sans-serif;
  850 + font-size: 1em;
  851 +}
  852 +.ui-widget-content {
  853 + border: 1px solid #007ab3;
  854 + background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  855 + color: #222222;
  856 +}
  857 +.ui-widget-content a {
  858 + color: #222222;
  859 +}
  860 +.ui-widget-header {
  861 + border: 1px solid #007ab3;
  862 + background: #0095da;
  863 + color: #222222;
  864 + font-weight: bold;
  865 +}
  866 +.ui-widget-header a {
  867 + color: #222222;
  868 +}
  869 +
  870 +/* Interaction states
  871 +----------------------------------*/
  872 +.ui-state-default,
  873 +.ui-widget-content .ui-state-default,
  874 +.ui-widget-header .ui-state-default {
  875 + border: 1px solid #d6d6d6;
  876 + background: #fff;
  877 + font-weight: normal;
  878 + color: #555555;
  879 +}
  880 +.ui-state-default a,
  881 +.ui-state-default a:link,
  882 +.ui-state-default a:visited {
  883 + color: #555555;
  884 + text-decoration: none;
  885 +}
  886 +.ui-state-hover,
  887 +.ui-widget-content .ui-state-hover,
  888 +.ui-widget-header .ui-state-hover,
  889 +.ui-state-focus,
  890 +.ui-widget-content .ui-state-focus,
  891 +.ui-widget-header .ui-state-focus {
  892 + border: 1px solid #999999;
  893 + background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  894 + font-weight: normal;
  895 + color: #212121;
  896 +}
  897 +.ui-state-hover a,
  898 +.ui-state-hover a:hover,
  899 +.ui-state-hover a:link,
  900 +.ui-state-hover a:visited,
  901 +.ui-state-focus a,
  902 +.ui-state-focus a:hover,
  903 +.ui-state-focus a:link,
  904 +.ui-state-focus a:visited {
  905 + color: #212121;
  906 + text-decoration: none;
  907 +}
  908 +.ui-state-active,
  909 +.ui-widget-content .ui-state-active,
  910 +.ui-widget-header .ui-state-active {
  911 + border: 1px solid #aaaaaa;
  912 + background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  913 + font-weight: normal;
  914 + color: #212121;
  915 +}
  916 +.ui-state-active a,
  917 +.ui-state-active a:link,
  918 +.ui-state-active a:visited {
  919 + color: #212121;
  920 + text-decoration: none;
  921 +}
  922 +
  923 +/* Interaction Cues
  924 +----------------------------------*/
  925 +.ui-state-highlight,
  926 +.ui-widget-content .ui-state-highlight,
  927 +.ui-widget-header .ui-state-highlight {
  928 + border: 1px solid #fcefa1;
  929 + background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  930 + color: #363636;
  931 +}
  932 +.ui-state-highlight a,
  933 +.ui-widget-content .ui-state-highlight a,
  934 +.ui-widget-header .ui-state-highlight a {
  935 + color: #363636;
  936 +}
  937 +.ui-state-error,
  938 +.ui-widget-content .ui-state-error,
  939 +.ui-widget-header .ui-state-error {
  940 + border: 1px solid #cd0a0a;
  941 + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  942 + color: #cd0a0a;
  943 +}
  944 +.ui-state-error a,
  945 +.ui-widget-content .ui-state-error a,
  946 +.ui-widget-header .ui-state-error a {
  947 + color: #cd0a0a;
  948 +}
  949 +.ui-state-error-text,
  950 +.ui-widget-content .ui-state-error-text,
  951 +.ui-widget-header .ui-state-error-text {
  952 + color: #cd0a0a;
  953 +}
  954 +.ui-priority-primary,
  955 +.ui-widget-content .ui-priority-primary,
  956 +.ui-widget-header .ui-priority-primary {
  957 + font-weight: bold;
  958 +}
  959 +.ui-priority-secondary,
  960 +.ui-widget-content .ui-priority-secondary,
  961 +.ui-widget-header .ui-priority-secondary {
  962 + opacity: .7;
  963 + filter:Alpha(Opacity=70); /* support: IE8 */
  964 + font-weight: normal;
  965 +}
  966 +.ui-state-disabled,
  967 +.ui-widget-content .ui-state-disabled,
  968 +.ui-widget-header .ui-state-disabled {
  969 + opacity: .35;
  970 + filter:Alpha(Opacity=35); /* support: IE8 */
  971 + background-image: none;
  972 +}
  973 +.ui-state-disabled .ui-icon {
  974 + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
  975 +}
  976 +
  977 +/* Icons
  978 +----------------------------------*/
  979 +
  980 +/* states and images */
  981 +.ui-icon {
  982 + width: 16px;
  983 + height: 16px;
  984 +}
  985 +.ui-icon,
  986 +.ui-widget-content .ui-icon {
  987 + background-image: url("images/ui-icons_222222_256x240.png");
  988 +}
  989 +.ui-widget-header .ui-icon {
  990 + background-image: url("images/ui-icons_222222_256x240.png");
  991 +}
  992 +.ui-state-default .ui-icon {
  993 + background-image: url("images/ui-icons_888888_256x240.png");
  994 +}
  995 +.ui-state-hover .ui-icon,
  996 +.ui-state-focus .ui-icon {
  997 + background-image: url("images/ui-icons_454545_256x240.png");
  998 +}
  999 +.ui-state-active .ui-icon {
  1000 + background-image: url("images/ui-icons_454545_256x240.png");
  1001 +}
  1002 +.ui-state-highlight .ui-icon {
  1003 + background-image: url("images/ui-icons_2e83ff_256x240.png");
  1004 +}
  1005 +.ui-state-error .ui-icon,
  1006 +.ui-state-error-text .ui-icon {
  1007 + background-image: url("images/ui-icons_cd0a0a_256x240.png");
  1008 +}
  1009 +
  1010 +/* positioning */
  1011 +.ui-icon-blank { background-position: 16px 16px; }
  1012 +.ui-icon-carat-1-n { background-position: 0 0; }
  1013 +.ui-icon-carat-1-ne { background-position: -16px 0; }
  1014 +.ui-icon-carat-1-e { background-position: -32px 0; }
  1015 +.ui-icon-carat-1-se { background-position: -48px 0; }
  1016 +.ui-icon-carat-1-s { background-position: -64px 0; }
  1017 +.ui-icon-carat-1-sw { background-position: -80px 0; }
  1018 +.ui-icon-carat-1-w { background-position: -96px 0; }
  1019 +.ui-icon-carat-1-nw { background-position: -112px 0; }
  1020 +.ui-icon-carat-2-n-s { background-position: -128px 0; }
  1021 +.ui-icon-carat-2-e-w { background-position: -144px 0; }
  1022 +.ui-icon-triangle-1-n { background-position: 0 -16px; }
  1023 +.ui-icon-triangle-1-ne { background-position: -16px -16px; }
  1024 +.ui-icon-triangle-1-e { background-position: -32px -16px; }
  1025 +.ui-icon-triangle-1-se { background-position: -48px -16px; }
  1026 +.ui-icon-triangle-1-s { background-position: -64px -16px; }
  1027 +.ui-icon-triangle-1-sw { background-position: -80px -16px; }
  1028 +.ui-icon-triangle-1-w { background-position: -96px -16px; }
  1029 +.ui-icon-triangle-1-nw { background-position: -112px -16px; }
  1030 +.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  1031 +.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  1032 +.ui-icon-arrow-1-n { background-position: 0 -32px; }
  1033 +.ui-icon-arrow-1-ne { background-position: -16px -32px; }
  1034 +.ui-icon-arrow-1-e { background-position: -32px -32px; }
  1035 +.ui-icon-arrow-1-se { background-position: -48px -32px; }
  1036 +.ui-icon-arrow-1-s { background-position: -64px -32px; }
  1037 +.ui-icon-arrow-1-sw { background-position: -80px -32px; }
  1038 +.ui-icon-arrow-1-w { background-position: -96px -32px; }
  1039 +.ui-icon-arrow-1-nw { background-position: -112px -32px; }
  1040 +.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  1041 +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  1042 +.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  1043 +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  1044 +.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  1045 +.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  1046 +.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  1047 +.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  1048 +.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  1049 +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  1050 +.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  1051 +.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  1052 +.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  1053 +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  1054 +.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  1055 +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  1056 +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  1057 +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  1058 +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  1059 +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  1060 +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  1061 +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  1062 +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  1063 +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  1064 +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  1065 +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  1066 +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  1067 +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  1068 +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  1069 +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  1070 +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  1071 +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  1072 +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  1073 +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  1074 +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  1075 +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  1076 +.ui-icon-arrow-4 { background-position: 0 -80px; }
  1077 +.ui-icon-arrow-4-diag { background-position: -16px -80px; }
  1078 +.ui-icon-extlink { background-position: -32px -80px; }
  1079 +.ui-icon-newwin { background-position: -48px -80px; }
  1080 +.ui-icon-refresh { background-position: -64px -80px; }
  1081 +.ui-icon-shuffle { background-position: -80px -80px; }
  1082 +.ui-icon-transfer-e-w { background-position: -96px -80px; }
  1083 +.ui-icon-transferthick-e-w { background-position: -112px -80px; }
  1084 +.ui-icon-folder-collapsed { background-position: 0 -96px; }
  1085 +.ui-icon-folder-open { background-position: -16px -96px; }
  1086 +.ui-icon-document { background-position: -32px -96px; }
  1087 +.ui-icon-document-b { background-position: -48px -96px; }
  1088 +.ui-icon-note { background-position: -64px -96px; }
  1089 +.ui-icon-mail-closed { background-position: -80px -96px; }
  1090 +.ui-icon-mail-open { background-position: -96px -96px; }
  1091 +.ui-icon-suitcase { background-position: -112px -96px; }
  1092 +.ui-icon-comment { background-position: -128px -96px; }
  1093 +.ui-icon-person { background-position: -144px -96px; }
  1094 +.ui-icon-print { background-position: -160px -96px; }
  1095 +.ui-icon-trash { background-position: -176px -96px; }
  1096 +.ui-icon-locked { background-position: -192px -96px; }
  1097 +.ui-icon-unlocked { background-position: -208px -96px; }
  1098 +.ui-icon-bookmark { background-position: -224px -96px; }
  1099 +.ui-icon-tag { background-position: -240px -96px; }
  1100 +.ui-icon-home { background-position: 0 -112px; }
  1101 +.ui-icon-flag { background-position: -16px -112px; }
  1102 +.ui-icon-calendar { background-position: -32px -112px; }
  1103 +.ui-icon-cart { background-position: -48px -112px; }
  1104 +.ui-icon-pencil { background-position: -64px -112px; }
  1105 +.ui-icon-clock { background-position: -80px -112px; }
  1106 +.ui-icon-disk { background-position: -96px -112px; }
  1107 +.ui-icon-calculator { background-position: -112px -112px; }
  1108 +.ui-icon-zoomin { background-position: -128px -112px; }
  1109 +.ui-icon-zoomout { background-position: -144px -112px; }
  1110 +.ui-icon-search { background-position: -160px -112px; }
  1111 +.ui-icon-wrench { background-position: -176px -112px; }
  1112 +.ui-icon-gear { background-position: -192px -112px; }
  1113 +.ui-icon-heart { background-position: -208px -112px; }
  1114 +.ui-icon-star { background-position: -224px -112px; }
  1115 +.ui-icon-link { background-position: -240px -112px; }
  1116 +.ui-icon-cancel { background-position: 0 -128px; }
  1117 +.ui-icon-plus { background-position: -16px -128px; }
  1118 +.ui-icon-plusthick { background-position: -32px -128px; }
  1119 +.ui-icon-minus { background-position: -48px -128px; }
  1120 +.ui-icon-minusthick { background-position: -64px -128px; }
  1121 +.ui-icon-close { background-position: -80px -128px; }
  1122 +.ui-icon-closethick { background-position: -96px -128px; }
  1123 +.ui-icon-key { background-position: -112px -128px; }
  1124 +.ui-icon-lightbulb { background-position: -128px -128px; }
  1125 +.ui-icon-scissors { background-position: -144px -128px; }
  1126 +.ui-icon-clipboard { background-position: -160px -128px; }
  1127 +.ui-icon-copy { background-position: -176px -128px; }
  1128 +.ui-icon-contact { background-position: -192px -128px; }
  1129 +.ui-icon-image { background-position: -208px -128px; }
  1130 +.ui-icon-video { background-position: -224px -128px; }
  1131 +.ui-icon-script { background-position: -240px -128px; }
  1132 +.ui-icon-alert { background-position: 0 -144px; }
  1133 +.ui-icon-info { background-position: -16px -144px; }
  1134 +.ui-icon-notice { background-position: -32px -144px; }
  1135 +.ui-icon-help { background-position: -48px -144px; }
  1136 +.ui-icon-check { background-position: -64px -144px; }
  1137 +.ui-icon-bullet { background-position: -80px -144px; }
  1138 +.ui-icon-radio-on { background-position: -96px -144px; }
  1139 +.ui-icon-radio-off { background-position: -112px -144px; }
  1140 +.ui-icon-pin-w { background-position: -128px -144px; }
  1141 +.ui-icon-pin-s { background-position: -144px -144px; }
  1142 +.ui-icon-play { background-position: 0 -160px; }
  1143 +.ui-icon-pause { background-position: -16px -160px; }
  1144 +.ui-icon-seek-next { background-position: -32px -160px; }
  1145 +.ui-icon-seek-prev { background-position: -48px -160px; }
  1146 +.ui-icon-seek-end { background-position: -64px -160px; }
  1147 +.ui-icon-seek-start { background-position: -80px -160px; }
  1148 +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  1149 +.ui-icon-seek-first { background-position: -80px -160px; }
  1150 +.ui-icon-stop { background-position: -96px -160px; }
  1151 +.ui-icon-eject { background-position: -112px -160px; }
  1152 +.ui-icon-volume-off { background-position: -128px -160px; }
  1153 +.ui-icon-volume-on { background-position: -144px -160px; }
  1154 +.ui-icon-power { background-position: 0 -176px; }
  1155 +.ui-icon-signal-diag { background-position: -16px -176px; }
  1156 +.ui-icon-signal { background-position: -32px -176px; }
  1157 +.ui-icon-battery-0 { background-position: -48px -176px; }
  1158 +.ui-icon-battery-1 { background-position: -64px -176px; }
  1159 +.ui-icon-battery-2 { background-position: -80px -176px; }
  1160 +.ui-icon-battery-3 { background-position: -96px -176px; }
  1161 +.ui-icon-circle-plus { background-position: 0 -192px; }
  1162 +.ui-icon-circle-minus { background-position: -16px -192px; }
  1163 +.ui-icon-circle-close { background-position: -32px -192px; }
  1164 +.ui-icon-circle-triangle-e { background-position: -48px -192px; }
  1165 +.ui-icon-circle-triangle-s { background-position: -64px -192px; }
  1166 +.ui-icon-circle-triangle-w { background-position: -80px -192px; }
  1167 +.ui-icon-circle-triangle-n { background-position: -96px -192px; }
  1168 +.ui-icon-circle-arrow-e { background-position: -112px -192px; }
  1169 +.ui-icon-circle-arrow-s { background-position: -128px -192px; }
  1170 +.ui-icon-circle-arrow-w { background-position: -144px -192px; }
  1171 +.ui-icon-circle-arrow-n { background-position: -160px -192px; }
  1172 +.ui-icon-circle-zoomin { background-position: -176px -192px; }
  1173 +.ui-icon-circle-zoomout { background-position: -192px -192px; }
  1174 +.ui-icon-circle-check { background-position: -208px -192px; }
  1175 +.ui-icon-circlesmall-plus { background-position: 0 -208px; }
  1176 +.ui-icon-circlesmall-minus { background-position: -16px -208px; }
  1177 +.ui-icon-circlesmall-close { background-position: -32px -208px; }
  1178 +.ui-icon-squaresmall-plus { background-position: -48px -208px; }
  1179 +.ui-icon-squaresmall-minus { background-position: -64px -208px; }
  1180 +.ui-icon-squaresmall-close { background-position: -80px -208px; }
  1181 +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  1182 +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  1183 +.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  1184 +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  1185 +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  1186 +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  1187 +
  1188 +
  1189 +/* Misc visuals
  1190 +----------------------------------*/
  1191 +
  1192 +/* Corner radius
  1193 +.ui-corner-all,
  1194 +.ui-corner-top,
  1195 +.ui-corner-left,
  1196 +.ui-corner-tl {
  1197 + border-top-left-radius: 4px;
  1198 +}
  1199 +.ui-corner-all,
  1200 +.ui-corner-top,
  1201 +.ui-corner-right,
  1202 +.ui-corner-tr {
  1203 + border-top-right-radius: 4px;
  1204 +}
  1205 +.ui-corner-all,
  1206 +.ui-corner-bottom,
  1207 +.ui-corner-left,
  1208 +.ui-corner-bl {
  1209 + border-bottom-left-radius: 4px;
  1210 +}
  1211 +.ui-corner-all,
  1212 +.ui-corner-bottom,
  1213 +.ui-corner-right,
  1214 +.ui-corner-br {
  1215 + border-bottom-right-radius:4px;
  1216 +}*/
  1217 +
  1218 +.ui-slider-handle{ border-radius:50%}
  1219 +/* Overlays */
  1220 +.ui-widget-overlay {
  1221 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1222 + opacity: .3;
  1223 + filter: Alpha(Opacity=30); /* support: IE8 */
  1224 +}
  1225 +.ui-widget-shadow {
  1226 + margin: -8px 0 0 -8px;
  1227 + padding: 8px;
  1228 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1229 + opacity: .3;
  1230 + filter: Alpha(Opacity=30); /* support: IE8 */
  1231 + border-radius: 8px;
  1232 +}