muadzmi02
/
allo
フォーク元 SwissLink/allo
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
312 コミット
6 ブランチ
ツリー: 14a0b76257
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'14a0b76257' から
${ noResults }
allo/public/css/plugins.css

plugins.css 44KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475 
  1. 

  2. /* # Don't forget to remove necessary styles, if you don't use any of listed plugins

  3. ================================================== */

  4. 

  5. 

  6. /* ===== jQuery Sourcerer (syntax highlighter) ===== */

  7. 

  8. .SRC_Wrap { height:auto; font-size:12px; }

  9. .SRC_Title {  text-align:center; color:#555; border-bottom:2px solid #999; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:5px; font-weight:700; }

  10. .SRC_Line { width:100%; background-color:#fafafa; height:28px; line-height: 28px; }

  11. .SRC_Line:nth-child(even) { background-color:#f2f2f2; }

  12. .SRC_NumBox { min-width: 32px; float:left; border-right: 1px solid #d5d5d5; }

  13. .SRC_Num { font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align:right; color:#555; font-weight:500; padding-right:2px; width:100%; height:auto; min-height:28px; line-height:28px; }

  14. .SRC_CodeContent { white-space: pre-wrap; font-size:12px; padding-left:10px; font-family:"Courier New", Courier, monospace; margin:0px; min-height:28px; line-height:28px; }

  15. .SRC_NumContent { text-align:right; margin-right:8px; color:#555; }

  16. .SRC_CodeBox { padding-left: 32px; }

  17. 

  18. .SC_blue { color: blue; }

  19. .SC_grey { color: grey; }

  20. .SC_navy { color: navy; }

  21. .SC_green { color: green; }

  22. .SC_orange { color: #930; }

  23. .SC_red { color: #F00; }

  24. .SC_teal { color: teal; }

  25. .SC_gold { color: #FC0; }

  26. .SC_pink { color: #ff68a4; }

  27. .SC_bold { font-weight: 700; }

  28. 

  29. 

  30. 

  31. /* ===== jQuery File tree ===== */

  32. 

  33. .jqueryFileTree { font-size: 11px; line-height: 18px; padding: 10px 12px; margin: 0px; overflow: auto; }

  34. .jqueryFileTree li > .jqueryFileTree { padding: 0; }

  35. .jqueryFileTree > li { 	list-style: none; padding: 0px; padding-left: 20px; margin: 0px; white-space: nowrap; }

  36. .jqueryFileTree a { color: #333; text-decoration: none; display: block; padding: 0px 2px; }

  37. .jqueryFileTree a:hover { background: #BDF; }

  38. 

  39. /* Core Styles */

  40. .jqueryFileTree li.directory { background: url(../assets/img/elements/fileTree/directory.png) left top no-repeat; }

  41. .jqueryFileTree li.expanded { background: url(../assets/img/elements/fileTree/folder_open.png) left top no-repeat; }

  42. .jqueryFileTree li.file { background: url(../assets/img/elements/fileTree/file.png) left top no-repeat; }

  43. .jqueryFileTree li.wait { background: url(../assets/img/elements/fileTree/spinner.gif) left top no-repeat; }

  44. 

  45. /* File Extensions*/

  46. .jqueryFileTree li.ext_3gp { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  47. .jqueryFileTree li.ext_afp { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  48. .jqueryFileTree li.ext_afpa { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  49. .jqueryFileTree li.ext_asp { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  50. .jqueryFileTree li.ext_aspx { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  51. .jqueryFileTree li.ext_avi { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  52. .jqueryFileTree li.ext_bat { background: url(../assets/img/elements/fileTree/application.png) left top no-repeat; }

  53. .jqueryFileTree li.ext_bmp { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  54. .jqueryFileTree li.ext_c { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  55. .jqueryFileTree li.ext_cfm { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  56. .jqueryFileTree li.ext_cgi { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  57. .jqueryFileTree li.ext_com { background: url(../assets/img/elements/fileTree/application.png) left top no-repeat; }

  58. .jqueryFileTree li.ext_cpp { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  59. .jqueryFileTree li.ext_css { background: url(../assets/img/elements/fileTree/css.png) left top no-repeat; }

  60. .jqueryFileTree li.ext_doc { background: url(../assets/img/elements/fileTree/doc.png) left top no-repeat; }

  61. .jqueryFileTree li.ext_exe { background: url(../assets/img/elements/fileTree/application.png) left top no-repeat; }

  62. .jqueryFileTree li.ext_gif { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  63. .jqueryFileTree li.ext_fla { background: url(../assets/img/elements/fileTree/flash.png) left top no-repeat; }

  64. .jqueryFileTree li.ext_h { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  65. .jqueryFileTree li.ext_htm { background: url(../assets/img/elements/fileTree/html.png) left top no-repeat; }

  66. .jqueryFileTree li.ext_html { background: url(../assets/img/elements/fileTree/html.png) left top no-repeat; }

  67. .jqueryFileTree li.ext_jar { background: url(../assets/img/elements/fileTree/java.png) left top no-repeat; }

  68. .jqueryFileTree li.ext_jpg { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  69. .jqueryFileTree li.ext_jpeg { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  70. .jqueryFileTree li.ext_js { background: url(../assets/img/elements/fileTree/script.png) left top no-repeat; }

  71. .jqueryFileTree li.ext_lasso { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  72. .jqueryFileTree li.ext_log { background: url(../assets/img/elements/fileTree/txt.png) left top no-repeat; }

  73. .jqueryFileTree li.ext_m4p { background: url(../assets/img/elements/fileTree/music.png) left top no-repeat; }

  74. .jqueryFileTree li.ext_mov { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  75. .jqueryFileTree li.ext_mp3 { background: url(../assets/img/elements/fileTree/music.png) left top no-repeat; }

  76. .jqueryFileTree li.ext_mp4 { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  77. .jqueryFileTree li.ext_mpg { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  78. .jqueryFileTree li.ext_mpeg { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  79. .jqueryFileTree li.ext_ogg { background: url(../assets/img/elements/fileTree/music.png) left top no-repeat; }

  80. .jqueryFileTree li.ext_pcx { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  81. .jqueryFileTree li.ext_pdf { background: url(../assets/img/elements/fileTree/pdf.png) left top no-repeat; }

  82. .jqueryFileTree li.ext_php { background: url(../assets/img/elements/fileTree/php.png) left top no-repeat; }

  83. .jqueryFileTree li.ext_png { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  84. .jqueryFileTree li.ext_ppt { background: url(../assets/img/elements/fileTree/ppt.png) left top no-repeat; }

  85. .jqueryFileTree li.ext_psd { background: url(../assets/img/elements/fileTree/psd.png) left top no-repeat; }

  86. .jqueryFileTree li.ext_pl { background: url(../assets/img/elements/fileTree/script.png) left top no-repeat; }

  87. .jqueryFileTree li.ext_py { background: url(../assets/img/elements/fileTree/script.png) left top no-repeat; }

  88. .jqueryFileTree li.ext_rb { background: url(../assets/img/elements/fileTree/ruby.png) left top no-repeat; }

  89. .jqueryFileTree li.ext_rbx { background: url(../assets/img/elements/fileTree/ruby.png) left top no-repeat; }

  90. .jqueryFileTree li.ext_rhtml { background: url(../assets/img/elements/fileTree/ruby.png) left top no-repeat; }

  91. .jqueryFileTree li.ext_rpm { background: url(../assets/img/elements/fileTree/linux.png) left top no-repeat; }

  92. .jqueryFileTree li.ext_ruby { background: url(../assets/img/elements/fileTree/ruby.png) left top no-repeat; }

  93. .jqueryFileTree li.ext_sql { background: url(../assets/img/elements/fileTree/db.png) left top no-repeat; }

  94. .jqueryFileTree li.ext_swf { background: url(../assets/img/elements/fileTree/flash.png) left top no-repeat; }

  95. .jqueryFileTree li.ext_tif { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  96. .jqueryFileTree li.ext_tiff { background: url(../assets/img/elements/fileTree/picture.png) left top no-repeat; }

  97. .jqueryFileTree li.ext_txt { background: url(../assets/img/elements/fileTree/txt.png) left top no-repeat; }

  98. .jqueryFileTree li.ext_vb { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  99. .jqueryFileTree li.ext_wav { background: url(../assets/img/elements/fileTree/music.png) left top no-repeat; }

  100. .jqueryFileTree li.ext_wmv { background: url(../assets/img/elements/fileTree/film.png) left top no-repeat; }

  101. .jqueryFileTree li.ext_xls { background: url(../assets/img/elements/fileTree/xls.png) left top no-repeat; }

  102. .jqueryFileTree li.ext_xml { background: url(../assets/img/elements/fileTree/code.png) left top no-repeat; }

  103. .jqueryFileTree li.ext_zip { background: url(../assets/img/elements/fileTree/zip.png) left top no-repeat; }

  104. 

  105. 

  106. /* ===== jQuery jGrowl ===== */

  107. 

  108. div.jGrowl { z-index: 9999; color: #fff; font-size: 12px; }

  109. div.ie6 { position: absolute; }

  110. div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }

  111. div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }

  112. div.ie6.bottom-right { left: 	expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: 	expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }

  113. div.ie6.bottom-left { left: 	expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: 	expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }

  114. div.ie6.center { left: 	expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: 	expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 	100%; }

  115. div.jGrowl { position:	absolute; }

  116. body > div.jGrowl { position:	fixed; }

  117. div.jGrowl.top-left { left: 	0px; top: 0px; }

  118. div.jGrowl.top-right { right: 0px; top: 0px; }

  119. div.jGrowl.bottom-left { left: 0px; bottom: 0px; }

  120. div.jGrowl.bottom-right { right: 0px; bottom: 0px; }

  121. div.jGrowl.center { top: 0px; width: 	50%; left: 25%; }

  122. div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left:auto; margin-right:auto; }

  123. div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background: url(../assets/img/bg/sidebar.jpg); box-shadow: 0 1px 3px #909090; -webkit-box-shadow: 0 1px 3px #909090; -moz-box-shadow: 0 1px 3px #909090; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  zoom: 1; width: 235px; padding: 8px 15px; margin-top:5px; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-align:left; display: none; -moz-border-radius: 5px; -webkit-border-radius:	5px; }

  124. div.jGrowl div.jGrowl-notification { min-height:40px; }

  125. div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {margin: 10px;}

  126. div.jGrowl div.jGrowl-notification div.jGrowl-header {	font-weight: bold;	font-size: 12px; }

  127. div.jGrowl div.jGrowl-notification div.jGrowl-close {z-index:	99;	float: right;	font-weight: bold;	font-size: 1em;	cursor: pointer; }

  128. div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size:	.9em;	font-weight: bold; text-align: center; }

  129. 

  130. /** Hide jGrowl when printing **/

  131. @media print {	div.jGrowl { display: none; } }

  132. 

  133. 

  134. /* ===== Color picker ===== */

  135. 

  136. .cPicker span { margin-left: 36px; font-size: 11px; white-space: nowrap; padding-top: 2px; display: block; }

  137. #cPicker { position: relative; }

  138. #cPicker div { position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; background: url(../assets/img/elements/colorPicker/select.png) center no-repeat; cursor: pointer; }

  139. .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../assets/img/elements/colorPicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; }

  140. .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; }

  141. .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../assets/img/elements/colorPicker/colorpicker_overlay.png); }

  142. .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../assets/img/elements/colorPicker/colorpicker_select.gif); margin: -5px 0 0 -5px; }

  143. .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; }

  144. .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../assets/img/elements/colorPicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; }

  145. .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; }

  146. .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; }

  147. .colorpicker input { background: none!important; height: auto!important; border: none!important; position: absolute; font-size: 10px!important; font-family: Arial, Helvetica, sans-serif; color: #898989!important; top: 5px; right: 11px; text-align: right; margin: 0; padding: 0!important; height: 11px; box-shadow: none!important; }

  148. .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../assets/img/elements/colorPicker/colorpicker_hex.png) top; left: 212px; top: 142px; }

  149. .colorpicker_hex input { right: 6px; }

  150. .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; }

  151. .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; }

  152. .colorpicker_rgb_r { background-image: url(../assets/img/elements/colorPicker/colorpicker_rgb_r.png); top: 52px; left: 212px; }

  153. .colorpicker_rgb_g { background-image: url(../assets/img/elements/colorPicker/colorpicker_rgb_g.png); top: 82px; left: 212px; }

  154. .colorpicker_rgb_b { background-image: url(../assets/img/elements/colorPicker/colorpicker_rgb_b.png); top: 112px; left: 212px; }

  155. .colorpicker_hsb_h { background-image: url(../assets/img/elements/colorPicker/colorpicker_hsb_h.png); top: 52px; left: 282px; }

  156. .colorpicker_hsb_s { background-image: url(../assets/img/elements/colorPicker/colorpicker_hsb_s.png); top: 82px; left: 282px; }

  157. .colorpicker_hsb_b { background-image: url(../assets/img/elements/colorPicker/colorpicker_hsb_b.png); top: 112px; left: 282px; }

  158. .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../assets/img/elements/colorPicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; }

  159. .colorpicker_focus { background-position: center; }

  160. .colorpicker_hex.colorpicker_focus { background-position: bottom; }

  161. .colorpicker_submit.colorpicker_focus { background-position: bottom; }

  162. .colorpicker_slider { background-position: bottom; }

  163. 

  164. 

  165. /* ===== Rounded progress bars ===== */

  166. 

  167. .roundDashed { width: 90px; height: 90px; }

  168. .roundSolid { width: 92px; height: 92px; }

  169. .roundSolid > .jCProgress > div.percent { width: 92px; } 

  170. .jCProgress { position: absolute; z-index: 99; }

  171. .jCProgress > div.percent { font-size: 20px; color:#6b6b6b; text-shadow: 0 1px 1px #fff; font-weight: bold; position:absolute; margin-top:35px; text-align: center; width: 90px; }

  172. 

  173. 

  174. 

  175. /* ===== File uploader  ===== */

  176. 

  177. .plupload_buttons { margin: 7px 0; }

  178. .plupload_header { display: none; }

  179. .plupload_start { float: left; margin-left: 10px;}

  180. .plupload_start span { background: url(../assets/img/upload.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block;  }

  181. .plupload_disabled, a.plupload_disabled:hover { color: #a6a6a6!important; border: 1px solid #d5d5d5!important; background: #e5e5e5!important; box-shadow: none!important; -moz-box-shadow: none!important; text-shadow: none!important; cursor: default!important; }

  182. .plupload_disabled span { padding: 5px 13px 6px 13px; }

  183. .plupload_add { float: left; }

  184. .plupload_add span { background: url(../assets/img/add.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block; }

  185. .plupload_wrapper { font-size: 11px;; width: 100%; }

  186. .plupload_container input { border: 1px solid #DDD; font-size: 11px; width: 98%; }

  187. .plupload_filelist { margin: 0; padding: 0; list-style: none; }

  188. .plupload_scroll .plupload_filelist { height: 185px; overflow-y: scroll; }

  189. .plupload_filelist li { padding: 10px 12px; background: whiteSmoke; border-bottom: 1px solid #E7E7E7; }

  190. .plupload_filelist li:hover { background-color: #f8f8f8; }

  191. .plupload_filelist_header, .plupload_filelist_footer { background: #EFEFEF; padding: 3px 0 3px 12px; color: #878787; }

  192. .plupload_filelist_header {	border-bottom: 1px solid #d5d5d5; }

  193. .plupload_filelist_footer { border-top: 1px solid #D5D5D5; line-height: 30px; vertical-align: middle; } 

  194. .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_progress, .plupload_filelist_footer .plupload_file_action { margin-top: 8px; }

  195. .plupload_file_name { float: left; overflow: hidden; }

  196. .plupload_file_status { color: #777; }

  197. .plupload_file_status span {}

  198. .plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; }

  199. .plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; }

  200. .plupload_filelist .plupload_file_name { width: 205px; }

  201. .plupload_file_action { float: right; width: 14px; margin-top: 4px; height: 14px; margin-left: 15px; }

  202. .plupload_file_action * { display: none; width: 14px; height: 14px; }

  203. li.plupload_done { color: #AAA; }

  204. li.plupload_delete a { background: url(../assets/img/elements/uploader/deleteFile.png) no-repeat 0; }

  205. li.plupload_failed a { background: url(../assets/img/elements/uploader/error.png) no-repeat 0; cursor: default; }

  206. li.plupload_done a { background: url(../assets/img/elements/uploader/uploaded.png) no-repeat 0; cursor: default; }

  207. .plupload_progress, .plupload_upload_status { display: none; }

  208. .plupload_progress_container { margin-top: 10px; border: 1px solid #CCC; background: #FFF; padding: 1px; }

  209. .plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; }

  210. .plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; }

  211. .plupload_clear,.plupload_clearer { clear: both; }

  212. .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; }

  213. li.plupload_droptext { background: url(../assets/img/elements/uploader/drag.png) no-repeat 50%; text-align: center; vertical-align: middle; border: 0; line-height: 165px; text-indent: -9999px; }

  214. 

  215. 

  216. 

  217. /* ===== WYSUWYG editor ===== */

  218. 

  219. .cleditorMain iframe { border:none; margin:0; padding:0 }

  220. .cleditorMain textarea { border: none!important; margin: 0; resize: none; outline: none; height: 127px; box-shadow: none!important; font-size: 12px; padding: 10px; color: #363636; }

  221. .cleditorToolbar {background: url('../assets/img/elements/wysiwyg/toolbar.gif') repeat}

  222. .cleditorGroup {float:left; height:26px}

  223. .cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../assets/img/elements/wysiwyg/buttons.gif')}

  224. .cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}

  225. .cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}

  226. .cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}

  227. .cleditorList div {padding:2px 4px 2px 4px}

  228. .cleditorColor {width:150px; padding:1px 0 0 1px}

  229. .cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}

  230. .cleditorPrompt {background-color:#F6F7F9; padding: 10px; font-size:8.5pt}

  231. .cleditorPrompt input[type=text],

  232. .cleditorPrompt textarea {font:8.5pt Arial,Verdana; width: auto; margin: 5px 0;}

  233. .cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

  234. 

  235. 

  236. 

  237. /* =====  Dual select boxes  ===== */

  238. 

  239. .dualBoxes { position: relative; }

  240. .dualBoxes:after { content: ""; display: block; clear: both; }

  241. .dualBtn { padding: 0 8px; line-height: 24px; font-size: 11px; cursor: pointer; border: 1px solid #d5d5d5; color: #525252; margin-left: -1px; height: 26px; }

  242. .leftBox, .rightBox { width: 40%; position: relative; }

  243. .leftBox { float: left; }

  244. .rightBox { float: right; }

  245. .fltr { position: absolute; right: 0; top: 5px; font-size: 12px; }

  246. .boxFilter { margin-bottom: 15px; }

  247. .dualControl { text-align: center; width: 90px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -45px; } 

  248. .countLabel { color: gray; font-style:italic; margin-top: 10px; display: block; }

  249. .storageBox { display:none; }

  250. .copiedOption { background-color: Yellow; }

  251. .boxFilter {  background: white; height: 26px; width: 100%; border: 1px solid #D5D5D5; padding: 6px 8px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; }

  252. 

  253. 

  254. 

  255. /*===== Select2 styles =====*/

  256. 

  257. .select2-container { position: relative; display: inline-block; zoom: 1; *display: inline; }

  258. .selectMultiple { width: 100%; }

  259. .select2-container, .select2-drop, .select2-search, .select2-search input{ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

  260. .select2-container .select2-choice { border: 1px solid #d5d5d5; display: block; overflow: hidden; white-space: nowrap; position: relative; line-height: 28px; height: 28px; padding: 0 0 0 10px; text-decoration: none; font-size: 11px; color: #707070;

  261. 	background: #fcfcfc; 

  262. 	background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%); 

  263. 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4)); 

  264. 	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 

  265. 	background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 

  266. 	background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 

  267. 	background: linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 

  268.     -webkit-border-radius: 2px;

  269.     -moz-border-radius: 2px;

  270.     border-radius: 2px;

  271.     -moz-background-clip: padding;

  272.     -webkit-background-clip: padding-box;

  273.     background-clip: padding-box;

  274. 	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;

  275. 	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 

  276. 	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 

  277. }

  278. 

  279. .select2-container.select2-drop-above .select2-choice { -webkit-border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px; }

  280. .select2-container .select2-choice span { margin-right: 32px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

  281. .select2-container .select2-choice abbr { display: block; position: absolute; right: 26px; top: 8px; width: 12px; height: 12px; font-size: 1px; cursor: pointer; text-decoration: none; border: 0; outline: 0; }

  282. .select2-container .select2-choice abbr:hover { cursor: pointer; }

  283. .select2-drop { background: #fff; color: #000; border: 1px solid #dadada; position: absolute; top: 100%; z-index: 9998; width:100%; margin-top: -1px; font-size: 11px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }

  284. .select2-drop.select2-drop-above { -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; margin-top: 1px; }

  285. .select2-container .select2-choice div { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-left: 1px solid #d2d2d2; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 21px; }

  286. .select2-container .select2-choice div b { background: url(../assets/img/elements/forms/sidebar_dropdown_arrows.png) no-repeat 7px 8px; display: block; width: 100%; height: 100%; }

  287. .select2-search { display: inline-block; white-space: nowrap; z-index: 10000; width: 100%; margin: 5px 0; padding-left: 4px; padding-right: 4px; }

  288. .select2-search-hidden { display: block; position: absolute; left: -10000px; }

  289. .select2-search input { border: 1px solid #DADADA;

  290. -moz-box-sizing: border-box;

  291. -ms-box-sizing: border-box;

  292. -webkit-box-sizing: border-box;

  293. box-sizing: border-box;

  294. padding: 5px 20px 5px 6px; width:100%; margin:0; background: url(../assets/img/elements/forms/dropdown-search.png) no-repeat 97%; height: 24px; }

  295. .select2-dropdown-open .select2-choice { border: 1px solid #ccc; -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; }

  296. .select2-results { margin: 0 4px 4px 0; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 200px; }

  297. .select2-results ul.select2-result-sub { margin: 0 0 0 0; }

  298. .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }

  299. .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }

  300. .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }

  301. .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }

  302. .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }

  303. .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }

  304. .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

  305. .select2-results li { color: #5f5f5f; }

  306. .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; color: #303030; }

  307. .select2-results .select2-result-label { padding: 3px 7px; margin: 0; cursor: pointer; }

  308. .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; }

  309. .select2-results .select2-highlighted em { background: transparent; }

  310. .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; padding: 4px 8px; margin-top: 4px; border: 1px solid #e5e5e5; }

  311. .select2-results .select2-disabled { display: none; }

  312. .select2-more-results.select2-active { background: #f4f4f4 url('spinner.gif') no-repeat 100%; } 

  313. .select2-more-results { background: #f4f4f4; display: list-item; }

  314. .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #999; } 

  315. .select2-container.select2-container-disabled .select2-choice div { background-color: #f4f4f4; background-image: none; border-left: 0; }

  316. .select2-result-selectable .select2-match, .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }

  317. .select2-result-unselectable .select2-match { text-decoration: none; }

  318. .select2-offscreen { position: absolute; left: -10000px; }

  319. 

  320. 

  321. /* multiselect */

  322. 

  323. .select2-container-multi .select2-choices { min-height: 26px;border: 1px solid #DADADA; background: white; padding: 5px; width: 100%; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; }

  324. .select2-container-multi .select2-choices li { float: left; list-style: none; }

  325. .select2-container-multi .select2-choices .select2-search-field { white-space: nowrap; margin: 0; padding: 4px 0; }

  326. .select2-container-multi .select2-choices .select2-search-field input { width: 60px; border: none; padding: 6px 8px; height: 28px; background: transparent; }

  327. .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('spinner.gif') no-repeat 100% !important; }

  328. .select2-container-multi .select2-choices .select2-search-choice { border: 1px solid #A5D24A; display: block; float: left; padding: 6px 8px 5px 22px; background: #CDE69C; color: #638421; margin: 5px; line-height: 13px; font-size: 11px; position: relative; white-space: nowrap; }

  329. .select2-container-multi .select2-choices .select2-search-choice span { cursor: default; }

  330. .select2-search-choice-close { display: block; position: absolute; top: 9px; width: 6px; height: 6px; font-size: 1px; background: url(../assets/img/elements/forms/closeSelection.png) no-repeat; outline: none; }

  331. .select2-container-multi .select2-search-choice-close { left: 7px; }

  332. 

  333. /* disabled styles */

  334. 

  335. .select2-container-multi.select2-container-disabled .select2-choices{ background-color: #F8F8F8; background-image: none; border: 1px solid #ddd; cursor: default; }

  336. .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background-image: none; background-color: #F1F1F1; border: 1px solid #DDD; padding-left: 8px; color: #999; }

  337. .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; }

  338. 

  339. 

  340. 

  341. /* ===== Datatables ===== */

  342. 

  343. table.dataTable { margin: 0 auto; clear: both; width: 100%; }

  344. table.dataTable thead th { padding: 3px 18px 2px 10px; font-weight: normal; color: #909090; cursor: pointer; *cursor: hand; font-size: 11px; box-shadow: 0 1px 0px #fff inset; -webkit-box-shadow: 0 1px 0px #fff inset; -moz-box-shadow: 0 1px 0px #fff inset; }

  345. table.dataTable tfoot th { padding: 3px 18px 3px 10px;font-weight: bold; }

  346. table.dataTable td { padding: 7px 11px; }

  347. table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; }

  348. table.dataTable tbody tr td, table.dataTable thead tr th { border-left: 1px solid #dfdfdf; }

  349. table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child { border-left: none; }

  350. table.dataTable thead tr:first-child { margin: 0; padding: 0; border-top: none; }

  351. table.dataTable tr { border-top: 1px solid #dfdfdf; }

  352. table.dataTable tr.odd {  }

  353. table.dataTable tr.even { background-color: #f2f2f2; }

  354. 

  355. tr.odd.gradeA td.sorting_1 { background-color: #f4f4f4; }

  356. tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }

  357. tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }

  358. tr.even.gradeA td.sorting_1 { background-color: #efefef; }

  359. tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }

  360. tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }

  361. tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }

  362. tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }

  363. tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }

  364. tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }

  365. tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }

  366. tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }

  367. 

  368. .dataTables_wrapper { position: relative; clear: both; *zoom: 1; }

  369. .dataTables_length { float: right; margin-top: 15px; }

  370. .showentries { float: left; margin: 4px 15px 0 0; }

  371. .dataTables_filter { float: left; font-size: 11px; text-align: left; margin: 18px 0; position: relative; }

  372. .dataTables_filter label > span { display: block; float: left; padding-top: 1px; }

  373. .dataTables_filter input[type=text] { padding: 5px 20px 5px 7px;  margin-left: 15px; width: 180px; background: #f9f9f9; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7; }

  374. .dataTables_info { clear: both; float: left; padding: 6px 0; }

  375. .tableFooter { clear: both; padding: 8px 12px; height: 36px; font-size: 11px; color: #636363; border-top: 1px solid #cdcdcd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: linear-gradient(top,  #f8f8f8 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );  }

  376.  

  377. .hiddenpars .tablePars { display: none; }

  378. .shownpars .tablePars { display: block; }

  379. .tablePars { border-bottom: 1px solid #D5D5D5; height: 61px; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; clear: both; padding: 0 16px; font-size: 11px; color: #636363; background: url(../assets/img/bg/alt.png); }

  380. 

  381. .dataTables_paginate { float: right; margin-top: 7px; }

  382. .dataTables_paginate .last { margin-right: 0!important; }

  383. 

  384. /* Two button pagination - previous / next */

  385. .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; }

  386. .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; }

  387. .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; }

  388. .paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; }

  389. .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; }

  390. .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; }

  391. .paginate_enabled_previous { background: url('../assets/img/tables/back_enabled.png') no-repeat top left; }

  392. .paginate_enabled_previous:hover { background: url('../assets/img/tables/back_enabled_hover.png') no-repeat top left; }

  393. .paginate_disabled_previous { background: url('../assets/img/tables/back_disabled.png') no-repeat top left; }

  394. .paginate_enabled_next { background: url('../assets/img/tables/forward_enabled.png') no-repeat top right; }

  395. .paginate_enabled_next:hover { background: url('../assets/img/tables/forward_enabled_hover.png') no-repeat top right; }

  396. .paginate_disabled_next { background: url('../assets/img/tables/forward_disabled.png') no-repeat top right; }

  397. 

  398. /* Full number pagination */

  399. .paging_full_numbers { height: 22px; line-height: 22px; }

  400. .paging_full_numbers .next:active, .paging_full_numbers .first:active, .paging_full_numbers .previous:active, .paging_full_numbers .last:active { font-weight: normal!important; }

  401. .paging_full_numbers a:active { outline: none }

  402. .paging_full_numbers a:hover { text-decoration: none; }

  403. .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #d3d3d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 7px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #919191; font-size: 11px; box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;  }

  404. .paging_full_numbers a.paginate_button { background: #f9f9f9; background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); background: linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); } 

  405. .paging_full_numbers a.paginate_button:hover { background: #f6f6f6; background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); background: linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 ); }

  406. .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active { background: #6f6f6f; color: #fff; border-color: #646464; box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; font-weight: bold; }

  407. .paginate_button_disabled, .paginate_button_disabled:active  { background: #eaeaea!important; color: #c5c5c5!important; box-shadow: none!important; font-weight: normal!important; }

  408. .paginate_button_disabled:active { border-color: #d3d3d3!important; }

  409. 

  410. .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }

  411. .sorting { background: #eee url('../assets/img/tables/sort_both.png') no-repeat center right; }

  412. .sorting_asc { background: #eee url('../assets/img/tables/sort_asc.png') no-repeat center right; }

  413. .sorting_desc { background: #eee url('../assets/img/tables/sort_desc.png') no-repeat center right; }

  414. .sorting_asc_disabled { background: url('../assets/img/tables/sort_asc_disabled.png') no-repeat center right; }

  415. .sorting_desc_disabled { background: url('../assets/img/tables/sort_desc_disabled.png') no-repeat center right; }

  416.  table.dataTable th:active { outline: none; }

  417. .dataTables_scroll { clear: both; }

  418. .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

  419. 

  420. 

  421. 

  422. 

  423. /* ===== iPhone like checkboxes ===== */

  424. 

  425. .whead .on_off { padding: 9px 9px 7px 9px; float: right; }

  426. .whead .on_off .ibutton-container { float: right; }

  427. .whead .on_off [class^="icon-"], .whead .on_off [class*=" icon-"] { margin-top: 3px; display: block; float: left; }

  428. .on_off .ibutton-label-off span { background: url(../assets/img/elements/checkboxes/no.png) no-repeat; width: 8px; height: 9px; position: relative; left: -4px; display: block; float: right; padding-top: 0; margin-top: 2px; padding-right: 7px; text-indent: -9999px;  }

  429. .on_off .ibutton-label-on span { background: url(../assets/img/elements/checkboxes/yes.png) no-repeat; width: 11px; left: -1px; position: relative; height: 11px; display: block; float: right; padding-top: 0px; margin-top: 1px; padding-right: 7px; }

  430. .on_off .ibutton-label-off { color: #fff; background-position: 100% 0; text-shadow: 0 1px #808080; text-align: right; right: 0; width: 95%; }

  431. .on_off .ibutton-container { height: 21px; }

  432. .on_off .ibutton-label-on { color: #fff; text-shadow: 0 1px #808080; left: 0; z-index: 1; background-position: 0 -52px; }

  433. .on_off .ibutton-label-off { background-position: 100% -52px; }

  434. .on_off .ibutton-label-on, .on_off .ibutton-label-off { height: 21px; }

  435. .on_off .ibutton-handle { height: 20px; background-position: 0 -73px; }

  436. .on_off .ibutton-handle-right { background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -73px;  }

  437. .on_off .ibutton-handle-middle { background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -73px;  }

  438. .on_off .ibutton-padding-left, .on_off .ibutton-padding-right { position: absolute;  top: 0; z-index: 2;  background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -52px; width: 3px; height: 20px; }

  439. .on_off .ibutton-padding-right { background-position: 100% -52px; }

  440. 	

  441. .ibutton-container { position: relative; height: 26px; cursor: pointer; overflow: hidden; max-width: 400px; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore;  -moz-user-input: disabled; width: 89px; }

  442. .ibutton-container input { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity: 0.0;  opacity: 0.0; -moz-user-input: enabled  !important; }

  443. .ibutton-handle { display: block; height: 25px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -26px; z-index: 3; padding-left: 3px; width: 33px; }

  444. .ibutton-handle-right { height: 100%; width: 100%; padding-right: 3px; background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -26px; z-index: 3;  }

  445. .ibutton-handle-middle { height: 100%; width: 100%; background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -26px; z-index: 3;  }

  446. div.ibutton-label-on, div.ibutton-label-off { white-space: nowrap; font-size: 11px; line-height: 18px; font-weight: bold; text-transform: uppercase; cursor: inherit; display: block; height: 26px; position: absolute; width: auto; top: 0; padding-top: 4px; overflow: hidden;  text-align: center; background: transparent url(../assets/img/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 0; }

  447. div.ibutton-label-on { color: #fff; text-shadow: 0 1px #808080; left: 0; z-index: 1; }

  448. div.ibutton-label-on span { padding-left: 0px; }

  449. div.ibutton-label-off { color: #fff; background-position: 100% 0; text-shadow: 0 1px #808080; text-align: right; right: 0; width: 95%; }

  450. div.ibutton-label-off span label { padding-right: 10px;  margin-left: -2px }

  451. .ibutton-padding-left { left: 0; }

  452. .ibutton-padding-right { right: 0; }

  453. .ibutton-disabled { cursor: not-allowed !important; opacity: 0.6; filter:alpha(opacity=60); }

  454. 

  455. 

  456. 

  457. 

  458. /* ===== Tipsy ===== */

  459. 

  460. .tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 1000; }

  461. .tipsy-inner { padding: 2px 10px 2px 10px; background-color: #1d1d1d; color: white; max-width: 200px; text-align: center; }

  462. .tipsy-inner { border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }

  463. .tipsy-arrow { position: absolute; background: url('../assets/img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }

  464. .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }

  465. .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }

  466. .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }

  467. /*.tipsy-s { margin-top: -5px; }

  468. .tipsy-w { margin-left: 5px; }

  469. .tipsy-e { margin-right: -5px; }

  470. .tipsy-n { margin-top: 5px; }*/

  471. .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }

  472. .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }

  473. .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }

  474. .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }

  475. .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }