[ { "path": "README.md", "content": "# Backbone.Marionette.js: A Gentle Introduction\n\nThis code repository is the companion to my [book on Marionette.js](https://leanpub.com/marionette-gentle-introduction). You can see the app live here: [http://davidsulc.github.io/marionette-gentle-introduction](http://davidsulc.github.io/marionette-gentle-introduction)\n\nEven if you don't have the book, you can learn a lot from looking through the commit history. But if you're serious about wanting to become competent with Marionette.js, I suggest you consider purchasing the book: typical mistakes and various tips and techniques are indicated in the book and absent from this repository.\n\nIf you're interested, you can view a sample of the book at http://samples.leanpub.com/marionette-gentle-introduction-sample.pdf\n\nThe code in this repository uses Marionette > 2.0, but there's a marionette-pre-v2 branch that uses an older version.\n" }, { "path": "assets/css/application.css", "content": "body {\n padding-top: 60px; /* 60px to make the container make room for the navigation bar */\n}" }, { "path": "assets/css/bootstrap.css", "content": "/*!\n * Bootstrap v2.3.1\n *\n * Copyright 2012 Twitter, Inc\n * Licensed under the Apache License v2.0\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Designed and built with all the love in the world @twitter by @mdo and @fat.\n */\n\n.clearfix {\n *zoom: 1;\n}\n\n.clearfix:before,\n.clearfix:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.clearfix:after {\n clear: both;\n}\n\n.hide-text {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n.input-block-level {\n display: block;\n width: 100%;\n min-height: 30px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nnav,\nsection {\n display: block;\n}\n\naudio,\ncanvas,\nvideo {\n display: inline-block;\n *display: inline;\n *zoom: 1;\n}\n\naudio:not([controls]) {\n display: none;\n}\n\nhtml {\n font-size: 100%;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\na:focus {\n outline: thin dotted #333;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\na:hover,\na:active {\n outline: 0;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nimg {\n width: auto\\9;\n height: auto;\n max-width: 100%;\n vertical-align: middle;\n border: 0;\n -ms-interpolation-mode: bicubic;\n}\n\n#map_canvas img,\n.google-maps img {\n max-width: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n font-size: 100%;\n vertical-align: middle;\n}\n\nbutton,\ninput {\n *overflow: visible;\n line-height: normal;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer;\n -webkit-appearance: button;\n}\n\nlabel,\nselect,\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n cursor: pointer;\n}\n\ninput[type=\"search\"] {\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n -webkit-appearance: textfield;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n overflow: auto;\n vertical-align: top;\n}\n\n@media print {\n * {\n color: #000 !important;\n text-shadow: none !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n .ir a:after,\n a[href^=\"javascript:\"]:after,\n a[href^=\"#\"]:after {\n content: \"\";\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n img {\n max-width: 100% !important;\n }\n @page {\n margin: 0.5cm;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n\nbody {\n margin: 0;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 20px;\n color: #333333;\n background-color: #ffffff;\n}\n\na {\n color: #0088cc;\n text-decoration: none;\n}\n\na:hover,\na:focus {\n color: #005580;\n text-decoration: underline;\n}\n\n.img-rounded {\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n}\n\n.img-polaroid {\n padding: 4px;\n background-color: #fff;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.img-circle {\n -webkit-border-radius: 500px;\n -moz-border-radius: 500px;\n border-radius: 500px;\n}\n\n.row {\n margin-left: -20px;\n *zoom: 1;\n}\n\n.row:before,\n.row:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.row:after {\n clear: both;\n}\n\n[class*=\"span\"] {\n float: left;\n min-height: 1px;\n margin-left: 20px;\n}\n\n.container,\n.navbar-static-top .container,\n.navbar-fixed-top .container,\n.navbar-fixed-bottom .container {\n width: 940px;\n}\n\n.span12 {\n width: 940px;\n}\n\n.span11 {\n width: 860px;\n}\n\n.span10 {\n width: 780px;\n}\n\n.span9 {\n width: 700px;\n}\n\n.span8 {\n width: 620px;\n}\n\n.span7 {\n width: 540px;\n}\n\n.span6 {\n width: 460px;\n}\n\n.span5 {\n width: 380px;\n}\n\n.span4 {\n width: 300px;\n}\n\n.span3 {\n width: 220px;\n}\n\n.span2 {\n width: 140px;\n}\n\n.span1 {\n width: 60px;\n}\n\n.offset12 {\n margin-left: 980px;\n}\n\n.offset11 {\n margin-left: 900px;\n}\n\n.offset10 {\n margin-left: 820px;\n}\n\n.offset9 {\n margin-left: 740px;\n}\n\n.offset8 {\n margin-left: 660px;\n}\n\n.offset7 {\n margin-left: 580px;\n}\n\n.offset6 {\n margin-left: 500px;\n}\n\n.offset5 {\n margin-left: 420px;\n}\n\n.offset4 {\n margin-left: 340px;\n}\n\n.offset3 {\n margin-left: 260px;\n}\n\n.offset2 {\n margin-left: 180px;\n}\n\n.offset1 {\n margin-left: 100px;\n}\n\n.row-fluid {\n width: 100%;\n *zoom: 1;\n}\n\n.row-fluid:before,\n.row-fluid:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.row-fluid:after {\n clear: both;\n}\n\n.row-fluid [class*=\"span\"] {\n display: block;\n float: left;\n width: 100%;\n min-height: 30px;\n margin-left: 2.127659574468085%;\n *margin-left: 2.074468085106383%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.row-fluid [class*=\"span\"]:first-child {\n margin-left: 0;\n}\n\n.row-fluid .controls-row [class*=\"span\"] + [class*=\"span\"] {\n margin-left: 2.127659574468085%;\n}\n\n.row-fluid .span12 {\n width: 100%;\n *width: 99.94680851063829%;\n}\n\n.row-fluid .span11 {\n width: 91.48936170212765%;\n *width: 91.43617021276594%;\n}\n\n.row-fluid .span10 {\n width: 82.97872340425532%;\n *width: 82.92553191489361%;\n}\n\n.row-fluid .span9 {\n width: 74.46808510638297%;\n *width: 74.41489361702126%;\n}\n\n.row-fluid .span8 {\n width: 65.95744680851064%;\n *width: 65.90425531914893%;\n}\n\n.row-fluid .span7 {\n width: 57.44680851063829%;\n *width: 57.39361702127659%;\n}\n\n.row-fluid .span6 {\n width: 48.93617021276595%;\n *width: 48.88297872340425%;\n}\n\n.row-fluid .span5 {\n width: 40.42553191489362%;\n *width: 40.37234042553192%;\n}\n\n.row-fluid .span4 {\n width: 31.914893617021278%;\n *width: 31.861702127659576%;\n}\n\n.row-fluid .span3 {\n width: 23.404255319148934%;\n *width: 23.351063829787233%;\n}\n\n.row-fluid .span2 {\n width: 14.893617021276595%;\n *width: 14.840425531914894%;\n}\n\n.row-fluid .span1 {\n width: 6.382978723404255%;\n *width: 6.329787234042553%;\n}\n\n.row-fluid .offset12 {\n margin-left: 104.25531914893617%;\n *margin-left: 104.14893617021275%;\n}\n\n.row-fluid .offset12:first-child {\n margin-left: 102.12765957446808%;\n *margin-left: 102.02127659574467%;\n}\n\n.row-fluid .offset11 {\n margin-left: 95.74468085106382%;\n *margin-left: 95.6382978723404%;\n}\n\n.row-fluid .offset11:first-child {\n margin-left: 93.61702127659574%;\n *margin-left: 93.51063829787232%;\n}\n\n.row-fluid .offset10 {\n margin-left: 87.23404255319149%;\n *margin-left: 87.12765957446807%;\n}\n\n.row-fluid .offset10:first-child {\n margin-left: 85.1063829787234%;\n *margin-left: 84.99999999999999%;\n}\n\n.row-fluid .offset9 {\n margin-left: 78.72340425531914%;\n *margin-left: 78.61702127659572%;\n}\n\n.row-fluid .offset9:first-child {\n margin-left: 76.59574468085106%;\n *margin-left: 76.48936170212764%;\n}\n\n.row-fluid .offset8 {\n margin-left: 70.2127659574468%;\n *margin-left: 70.10638297872339%;\n}\n\n.row-fluid .offset8:first-child {\n margin-left: 68.08510638297872%;\n *margin-left: 67.9787234042553%;\n}\n\n.row-fluid .offset7 {\n margin-left: 61.70212765957446%;\n *margin-left: 61.59574468085106%;\n}\n\n.row-fluid .offset7:first-child {\n margin-left: 59.574468085106375%;\n *margin-left: 59.46808510638297%;\n}\n\n.row-fluid .offset6 {\n margin-left: 53.191489361702125%;\n *margin-left: 53.085106382978715%;\n}\n\n.row-fluid .offset6:first-child {\n margin-left: 51.063829787234035%;\n *margin-left: 50.95744680851063%;\n}\n\n.row-fluid .offset5 {\n margin-left: 44.68085106382979%;\n *margin-left: 44.57446808510638%;\n}\n\n.row-fluid .offset5:first-child {\n margin-left: 42.5531914893617%;\n *margin-left: 42.4468085106383%;\n}\n\n.row-fluid .offset4 {\n margin-left: 36.170212765957444%;\n *margin-left: 36.06382978723405%;\n}\n\n.row-fluid .offset4:first-child {\n margin-left: 34.04255319148936%;\n *margin-left: 33.93617021276596%;\n}\n\n.row-fluid .offset3 {\n margin-left: 27.659574468085104%;\n *margin-left: 27.5531914893617%;\n}\n\n.row-fluid .offset3:first-child {\n margin-left: 25.53191489361702%;\n *margin-left: 25.425531914893618%;\n}\n\n.row-fluid .offset2 {\n margin-left: 19.148936170212764%;\n *margin-left: 19.04255319148936%;\n}\n\n.row-fluid .offset2:first-child {\n margin-left: 17.02127659574468%;\n *margin-left: 16.914893617021278%;\n}\n\n.row-fluid .offset1 {\n margin-left: 10.638297872340425%;\n *margin-left: 10.53191489361702%;\n}\n\n.row-fluid .offset1:first-child {\n margin-left: 8.51063829787234%;\n *margin-left: 8.404255319148938%;\n}\n\n[class*=\"span\"].hide,\n.row-fluid [class*=\"span\"].hide {\n display: none;\n}\n\n[class*=\"span\"].pull-right,\n.row-fluid [class*=\"span\"].pull-right {\n float: right;\n}\n\n.container {\n margin-right: auto;\n margin-left: auto;\n *zoom: 1;\n}\n\n.container:before,\n.container:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.container:after {\n clear: both;\n}\n\n.container-fluid {\n padding-right: 20px;\n padding-left: 20px;\n *zoom: 1;\n}\n\n.container-fluid:before,\n.container-fluid:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.container-fluid:after {\n clear: both;\n}\n\np {\n margin: 0 0 10px;\n}\n\n.lead {\n margin-bottom: 20px;\n font-size: 21px;\n font-weight: 200;\n line-height: 30px;\n}\n\nsmall {\n font-size: 85%;\n}\n\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\ncite {\n font-style: normal;\n}\n\n.muted {\n color: #999999;\n}\n\na.muted:hover,\na.muted:focus {\n color: #808080;\n}\n\n.text-warning {\n color: #c09853;\n}\n\na.text-warning:hover,\na.text-warning:focus {\n color: #a47e3c;\n}\n\n.text-error {\n color: #b94a48;\n}\n\na.text-error:hover,\na.text-error:focus {\n color: #953b39;\n}\n\n.text-info {\n color: #3a87ad;\n}\n\na.text-info:hover,\na.text-info:focus {\n color: #2d6987;\n}\n\n.text-success {\n color: #468847;\n}\n\na.text-success:hover,\na.text-success:focus {\n color: #356635;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-right {\n text-align: right;\n}\n\n.text-center {\n text-align: center;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 10px 0;\n font-family: inherit;\n font-weight: bold;\n line-height: 20px;\n color: inherit;\n text-rendering: optimizelegibility;\n}\n\nh1 small,\nh2 small,\nh3 small,\nh4 small,\nh5 small,\nh6 small {\n font-weight: normal;\n line-height: 1;\n color: #999999;\n}\n\nh1,\nh2,\nh3 {\n line-height: 40px;\n}\n\nh1 {\n font-size: 38.5px;\n}\n\nh2 {\n font-size: 31.5px;\n}\n\nh3 {\n font-size: 24.5px;\n}\n\nh4 {\n font-size: 17.5px;\n}\n\nh5 {\n font-size: 14px;\n}\n\nh6 {\n font-size: 11.9px;\n}\n\nh1 small {\n font-size: 24.5px;\n}\n\nh2 small {\n font-size: 17.5px;\n}\n\nh3 small {\n font-size: 14px;\n}\n\nh4 small {\n font-size: 14px;\n}\n\n.page-header {\n padding-bottom: 9px;\n margin: 20px 0 30px;\n border-bottom: 1px solid #eeeeee;\n}\n\nul,\nol {\n padding: 0;\n margin: 0 0 10px 25px;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n margin-bottom: 0;\n}\n\nli {\n line-height: 20px;\n}\n\nul.unstyled,\nol.unstyled {\n margin-left: 0;\n list-style: none;\n}\n\nul.inline,\nol.inline {\n margin-left: 0;\n list-style: none;\n}\n\nul.inline > li,\nol.inline > li {\n display: inline-block;\n *display: inline;\n padding-right: 5px;\n padding-left: 5px;\n *zoom: 1;\n}\n\ndl {\n margin-bottom: 20px;\n}\n\ndt,\ndd {\n line-height: 20px;\n}\n\ndt {\n font-weight: bold;\n}\n\ndd {\n margin-left: 10px;\n}\n\n.dl-horizontal {\n *zoom: 1;\n}\n\n.dl-horizontal:before,\n.dl-horizontal:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.dl-horizontal:after {\n clear: both;\n}\n\n.dl-horizontal dt {\n float: left;\n width: 160px;\n overflow: hidden;\n clear: left;\n text-align: right;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dl-horizontal dd {\n margin-left: 180px;\n}\n\nhr {\n margin: 20px 0;\n border: 0;\n border-top: 1px solid #eeeeee;\n border-bottom: 1px solid #ffffff;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #999999;\n}\n\nabbr.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\nblockquote {\n padding: 0 0 0 15px;\n margin: 0 0 20px;\n border-left: 5px solid #eeeeee;\n}\n\nblockquote p {\n margin-bottom: 0;\n font-size: 17.5px;\n font-weight: 300;\n line-height: 1.25;\n}\n\nblockquote small {\n display: block;\n line-height: 20px;\n color: #999999;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nblockquote.pull-right {\n float: right;\n padding-right: 15px;\n padding-left: 0;\n border-right: 5px solid #eeeeee;\n border-left: 0;\n}\n\nblockquote.pull-right p,\nblockquote.pull-right small {\n text-align: right;\n}\n\nblockquote.pull-right small:before {\n content: '';\n}\n\nblockquote.pull-right small:after {\n content: '\\00A0 \\2014';\n}\n\nq:before,\nq:after,\nblockquote:before,\nblockquote:after {\n content: \"\";\n}\n\naddress {\n display: block;\n margin-bottom: 20px;\n font-style: normal;\n line-height: 20px;\n}\n\ncode,\npre {\n padding: 0 3px 2px;\n font-family: Monaco, Menlo, Consolas, \"Courier New\", monospace;\n font-size: 12px;\n color: #333333;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n}\n\ncode {\n padding: 2px 4px;\n color: #d14;\n white-space: nowrap;\n background-color: #f7f7f9;\n border: 1px solid #e1e1e8;\n}\n\npre {\n display: block;\n padding: 9.5px;\n margin: 0 0 10px;\n font-size: 13px;\n line-height: 20px;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n white-space: pre-wrap;\n background-color: #f5f5f5;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.15);\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\npre.prettyprint {\n margin-bottom: 20px;\n}\n\npre code {\n padding: 0;\n color: inherit;\n white-space: pre;\n white-space: pre-wrap;\n background-color: transparent;\n border: 0;\n}\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n\nform {\n margin: 0 0 20px;\n}\n\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: 20px;\n font-size: 21px;\n line-height: 40px;\n color: #333333;\n border: 0;\n border-bottom: 1px solid #e5e5e5;\n}\n\nlegend small {\n font-size: 15px;\n color: #999999;\n}\n\nlabel,\ninput,\nbutton,\nselect,\ntextarea {\n font-size: 14px;\n font-weight: normal;\n line-height: 20px;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\nlabel {\n display: block;\n margin-bottom: 5px;\n}\n\nselect,\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\n.uneditable-input {\n display: inline-block;\n height: 20px;\n padding: 4px 6px;\n margin-bottom: 10px;\n font-size: 14px;\n line-height: 20px;\n color: #555555;\n vertical-align: middle;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\ninput,\ntextarea,\n.uneditable-input {\n width: 206px;\n}\n\ntextarea {\n height: auto;\n}\n\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\n.uneditable-input {\n background-color: #ffffff;\n border: 1px solid #cccccc;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;\n -moz-transition: border linear 0.2s, box-shadow linear 0.2s;\n -o-transition: border linear 0.2s, box-shadow linear 0.2s;\n transition: border linear 0.2s, box-shadow linear 0.2s;\n}\n\ntextarea:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"datetime\"]:focus,\ninput[type=\"datetime-local\"]:focus,\ninput[type=\"date\"]:focus,\ninput[type=\"month\"]:focus,\ninput[type=\"time\"]:focus,\ninput[type=\"week\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"color\"]:focus,\n.uneditable-input:focus {\n border-color: rgba(82, 168, 236, 0.8);\n outline: 0;\n outline: thin dotted \\9;\n /* IE6-9 */\n\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9;\n *margin-top: 0;\n line-height: normal;\n}\n\ninput[type=\"file\"],\ninput[type=\"image\"],\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n width: auto;\n}\n\nselect,\ninput[type=\"file\"] {\n height: 30px;\n /* In IE7, the height of the select element cannot be changed by height, only font-size */\n\n *margin-top: 4px;\n /* For IE7, add top margin to align select with labels */\n\n line-height: 30px;\n}\n\nselect {\n width: 220px;\n background-color: #ffffff;\n border: 1px solid #cccccc;\n}\n\nselect[multiple],\nselect[size] {\n height: auto;\n}\n\nselect:focus,\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n outline: thin dotted #333;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.uneditable-input,\n.uneditable-textarea {\n color: #999999;\n cursor: not-allowed;\n background-color: #fcfcfc;\n border-color: #cccccc;\n -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);\n -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);\n}\n\n.uneditable-input {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.uneditable-textarea {\n width: auto;\n height: auto;\n}\n\ninput:-moz-placeholder,\ntextarea:-moz-placeholder {\n color: #999999;\n}\n\ninput:-ms-input-placeholder,\ntextarea:-ms-input-placeholder {\n color: #999999;\n}\n\ninput::-webkit-input-placeholder,\ntextarea::-webkit-input-placeholder {\n color: #999999;\n}\n\n.radio,\n.checkbox {\n min-height: 20px;\n padding-left: 20px;\n}\n\n.radio input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"] {\n float: left;\n margin-left: -20px;\n}\n\n.controls > .radio:first-child,\n.controls > .checkbox:first-child {\n padding-top: 5px;\n}\n\n.radio.inline,\n.checkbox.inline {\n display: inline-block;\n padding-top: 5px;\n margin-bottom: 0;\n vertical-align: middle;\n}\n\n.radio.inline + .radio.inline,\n.checkbox.inline + .checkbox.inline {\n margin-left: 10px;\n}\n\n.input-mini {\n width: 60px;\n}\n\n.input-small {\n width: 90px;\n}\n\n.input-medium {\n width: 150px;\n}\n\n.input-large {\n width: 210px;\n}\n\n.input-xlarge {\n width: 270px;\n}\n\n.input-xxlarge {\n width: 530px;\n}\n\ninput[class*=\"span\"],\nselect[class*=\"span\"],\ntextarea[class*=\"span\"],\n.uneditable-input[class*=\"span\"],\n.row-fluid input[class*=\"span\"],\n.row-fluid select[class*=\"span\"],\n.row-fluid textarea[class*=\"span\"],\n.row-fluid .uneditable-input[class*=\"span\"] {\n float: none;\n margin-left: 0;\n}\n\n.input-append input[class*=\"span\"],\n.input-append .uneditable-input[class*=\"span\"],\n.input-prepend input[class*=\"span\"],\n.input-prepend .uneditable-input[class*=\"span\"],\n.row-fluid input[class*=\"span\"],\n.row-fluid select[class*=\"span\"],\n.row-fluid textarea[class*=\"span\"],\n.row-fluid .uneditable-input[class*=\"span\"],\n.row-fluid .input-prepend [class*=\"span\"],\n.row-fluid .input-append [class*=\"span\"] {\n display: inline-block;\n}\n\ninput,\ntextarea,\n.uneditable-input {\n margin-left: 0;\n}\n\n.controls-row [class*=\"span\"] + [class*=\"span\"] {\n margin-left: 20px;\n}\n\ninput.span12,\ntextarea.span12,\n.uneditable-input.span12 {\n width: 926px;\n}\n\ninput.span11,\ntextarea.span11,\n.uneditable-input.span11 {\n width: 846px;\n}\n\ninput.span10,\ntextarea.span10,\n.uneditable-input.span10 {\n width: 766px;\n}\n\ninput.span9,\ntextarea.span9,\n.uneditable-input.span9 {\n width: 686px;\n}\n\ninput.span8,\ntextarea.span8,\n.uneditable-input.span8 {\n width: 606px;\n}\n\ninput.span7,\ntextarea.span7,\n.uneditable-input.span7 {\n width: 526px;\n}\n\ninput.span6,\ntextarea.span6,\n.uneditable-input.span6 {\n width: 446px;\n}\n\ninput.span5,\ntextarea.span5,\n.uneditable-input.span5 {\n width: 366px;\n}\n\ninput.span4,\ntextarea.span4,\n.uneditable-input.span4 {\n width: 286px;\n}\n\ninput.span3,\ntextarea.span3,\n.uneditable-input.span3 {\n width: 206px;\n}\n\ninput.span2,\ntextarea.span2,\n.uneditable-input.span2 {\n width: 126px;\n}\n\ninput.span1,\ntextarea.span1,\n.uneditable-input.span1 {\n width: 46px;\n}\n\n.controls-row {\n *zoom: 1;\n}\n\n.controls-row:before,\n.controls-row:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.controls-row:after {\n clear: both;\n}\n\n.controls-row [class*=\"span\"],\n.row-fluid .controls-row [class*=\"span\"] {\n float: left;\n}\n\n.controls-row .checkbox[class*=\"span\"],\n.controls-row .radio[class*=\"span\"] {\n padding-top: 5px;\n}\n\ninput[disabled],\nselect[disabled],\ntextarea[disabled],\ninput[readonly],\nselect[readonly],\ntextarea[readonly] {\n cursor: not-allowed;\n background-color: #eeeeee;\n}\n\ninput[type=\"radio\"][disabled],\ninput[type=\"checkbox\"][disabled],\ninput[type=\"radio\"][readonly],\ninput[type=\"checkbox\"][readonly] {\n background-color: transparent;\n}\n\n.control-group.warning .control-label,\n.control-group.warning .help-block,\n.control-group.warning .help-inline {\n color: #c09853;\n}\n\n.control-group.warning .checkbox,\n.control-group.warning .radio,\n.control-group.warning input,\n.control-group.warning select,\n.control-group.warning textarea {\n color: #c09853;\n}\n\n.control-group.warning input,\n.control-group.warning select,\n.control-group.warning textarea {\n border-color: #c09853;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n\n.control-group.warning input:focus,\n.control-group.warning select:focus,\n.control-group.warning textarea:focus {\n border-color: #a47e3c;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;\n}\n\n.control-group.warning .input-prepend .add-on,\n.control-group.warning .input-append .add-on {\n color: #c09853;\n background-color: #fcf8e3;\n border-color: #c09853;\n}\n\n.control-group.error .control-label,\n.control-group.error .help-block,\n.control-group.error .help-inline {\n color: #b94a48;\n}\n\n.control-group.error .checkbox,\n.control-group.error .radio,\n.control-group.error input,\n.control-group.error select,\n.control-group.error textarea {\n color: #b94a48;\n}\n\n.control-group.error input,\n.control-group.error select,\n.control-group.error textarea {\n border-color: #b94a48;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n\n.control-group.error input:focus,\n.control-group.error select:focus,\n.control-group.error textarea:focus {\n border-color: #953b39;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;\n}\n\n.control-group.error .input-prepend .add-on,\n.control-group.error .input-append .add-on {\n color: #b94a48;\n background-color: #f2dede;\n border-color: #b94a48;\n}\n\n.control-group.success .control-label,\n.control-group.success .help-block,\n.control-group.success .help-inline {\n color: #468847;\n}\n\n.control-group.success .checkbox,\n.control-group.success .radio,\n.control-group.success input,\n.control-group.success select,\n.control-group.success textarea {\n color: #468847;\n}\n\n.control-group.success input,\n.control-group.success select,\n.control-group.success textarea {\n border-color: #468847;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n\n.control-group.success input:focus,\n.control-group.success select:focus,\n.control-group.success textarea:focus {\n border-color: #356635;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;\n}\n\n.control-group.success .input-prepend .add-on,\n.control-group.success .input-append .add-on {\n color: #468847;\n background-color: #dff0d8;\n border-color: #468847;\n}\n\n.control-group.info .control-label,\n.control-group.info .help-block,\n.control-group.info .help-inline {\n color: #3a87ad;\n}\n\n.control-group.info .checkbox,\n.control-group.info .radio,\n.control-group.info input,\n.control-group.info select,\n.control-group.info textarea {\n color: #3a87ad;\n}\n\n.control-group.info input,\n.control-group.info select,\n.control-group.info textarea {\n border-color: #3a87ad;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n\n.control-group.info input:focus,\n.control-group.info select:focus,\n.control-group.info textarea:focus {\n border-color: #2d6987;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;\n}\n\n.control-group.info .input-prepend .add-on,\n.control-group.info .input-append .add-on {\n color: #3a87ad;\n background-color: #d9edf7;\n border-color: #3a87ad;\n}\n\ninput:focus:invalid,\ntextarea:focus:invalid,\nselect:focus:invalid {\n color: #b94a48;\n border-color: #ee5f5b;\n}\n\ninput:focus:invalid:focus,\ntextarea:focus:invalid:focus,\nselect:focus:invalid:focus {\n border-color: #e9322d;\n -webkit-box-shadow: 0 0 6px #f8b9b7;\n -moz-box-shadow: 0 0 6px #f8b9b7;\n box-shadow: 0 0 6px #f8b9b7;\n}\n\n.form-actions {\n padding: 19px 20px 20px;\n margin-top: 20px;\n margin-bottom: 20px;\n background-color: #f5f5f5;\n border-top: 1px solid #e5e5e5;\n *zoom: 1;\n}\n\n.form-actions:before,\n.form-actions:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.form-actions:after {\n clear: both;\n}\n\n.help-block,\n.help-inline {\n color: #595959;\n}\n\n.help-block {\n display: block;\n margin-bottom: 10px;\n}\n\n.help-inline {\n display: inline-block;\n *display: inline;\n padding-left: 5px;\n vertical-align: middle;\n *zoom: 1;\n}\n\n.input-append,\n.input-prepend {\n display: inline-block;\n margin-bottom: 10px;\n font-size: 0;\n white-space: nowrap;\n vertical-align: middle;\n}\n\n.input-append input,\n.input-prepend input,\n.input-append select,\n.input-prepend select,\n.input-append .uneditable-input,\n.input-prepend .uneditable-input,\n.input-append .dropdown-menu,\n.input-prepend .dropdown-menu,\n.input-append .popover,\n.input-prepend .popover {\n font-size: 14px;\n}\n\n.input-append input,\n.input-prepend input,\n.input-append select,\n.input-prepend select,\n.input-append .uneditable-input,\n.input-prepend .uneditable-input {\n position: relative;\n margin-bottom: 0;\n *margin-left: 0;\n vertical-align: top;\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.input-append input:focus,\n.input-prepend input:focus,\n.input-append select:focus,\n.input-prepend select:focus,\n.input-append .uneditable-input:focus,\n.input-prepend .uneditable-input:focus {\n z-index: 2;\n}\n\n.input-append .add-on,\n.input-prepend .add-on {\n display: inline-block;\n width: auto;\n height: 20px;\n min-width: 16px;\n padding: 4px 5px;\n font-size: 14px;\n font-weight: normal;\n line-height: 20px;\n text-align: center;\n text-shadow: 0 1px 0 #ffffff;\n background-color: #eeeeee;\n border: 1px solid #ccc;\n}\n\n.input-append .add-on,\n.input-prepend .add-on,\n.input-append .btn,\n.input-prepend .btn,\n.input-append .btn-group > .dropdown-toggle,\n.input-prepend .btn-group > .dropdown-toggle {\n vertical-align: top;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.input-append .active,\n.input-prepend .active {\n background-color: #a9dba9;\n border-color: #46a546;\n}\n\n.input-prepend .add-on,\n.input-prepend .btn {\n margin-right: -1px;\n}\n\n.input-prepend .add-on:first-child,\n.input-prepend .btn:first-child {\n -webkit-border-radius: 4px 0 0 4px;\n -moz-border-radius: 4px 0 0 4px;\n border-radius: 4px 0 0 4px;\n}\n\n.input-append input,\n.input-append select,\n.input-append .uneditable-input {\n -webkit-border-radius: 4px 0 0 4px;\n -moz-border-radius: 4px 0 0 4px;\n border-radius: 4px 0 0 4px;\n}\n\n.input-append input + .btn-group .btn:last-child,\n.input-append select + .btn-group .btn:last-child,\n.input-append .uneditable-input + .btn-group .btn:last-child {\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.input-append .add-on,\n.input-append .btn,\n.input-append .btn-group {\n margin-left: -1px;\n}\n\n.input-append .add-on:last-child,\n.input-append .btn:last-child,\n.input-append .btn-group:last-child > .dropdown-toggle {\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.input-prepend.input-append input,\n.input-prepend.input-append select,\n.input-prepend.input-append .uneditable-input {\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.input-prepend.input-append input + .btn-group .btn,\n.input-prepend.input-append select + .btn-group .btn,\n.input-prepend.input-append .uneditable-input + .btn-group .btn {\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.input-prepend.input-append .add-on:first-child,\n.input-prepend.input-append .btn:first-child {\n margin-right: -1px;\n -webkit-border-radius: 4px 0 0 4px;\n -moz-border-radius: 4px 0 0 4px;\n border-radius: 4px 0 0 4px;\n}\n\n.input-prepend.input-append .add-on:last-child,\n.input-prepend.input-append .btn:last-child {\n margin-left: -1px;\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.input-prepend.input-append .btn-group:first-child {\n margin-left: 0;\n}\n\ninput.search-query {\n padding-right: 14px;\n padding-right: 4px \\9;\n padding-left: 14px;\n padding-left: 4px \\9;\n /* IE7-8 doesn't have border-radius, so don't indent the padding */\n\n margin-bottom: 0;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n border-radius: 15px;\n}\n\n/* Allow for input prepend/append in search forms */\n\n.form-search .input-append .search-query,\n.form-search .input-prepend .search-query {\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.form-search .input-append .search-query {\n -webkit-border-radius: 14px 0 0 14px;\n -moz-border-radius: 14px 0 0 14px;\n border-radius: 14px 0 0 14px;\n}\n\n.form-search .input-append .btn {\n -webkit-border-radius: 0 14px 14px 0;\n -moz-border-radius: 0 14px 14px 0;\n border-radius: 0 14px 14px 0;\n}\n\n.form-search .input-prepend .search-query {\n -webkit-border-radius: 0 14px 14px 0;\n -moz-border-radius: 0 14px 14px 0;\n border-radius: 0 14px 14px 0;\n}\n\n.form-search .input-prepend .btn {\n -webkit-border-radius: 14px 0 0 14px;\n -moz-border-radius: 14px 0 0 14px;\n border-radius: 14px 0 0 14px;\n}\n\n.form-search input,\n.form-inline input,\n.form-horizontal input,\n.form-search textarea,\n.form-inline textarea,\n.form-horizontal textarea,\n.form-search select,\n.form-inline select,\n.form-horizontal select,\n.form-search .help-inline,\n.form-inline .help-inline,\n.form-horizontal .help-inline,\n.form-search .uneditable-input,\n.form-inline .uneditable-input,\n.form-horizontal .uneditable-input,\n.form-search .input-prepend,\n.form-inline .input-prepend,\n.form-horizontal .input-prepend,\n.form-search .input-append,\n.form-inline .input-append,\n.form-horizontal .input-append {\n display: inline-block;\n *display: inline;\n margin-bottom: 0;\n vertical-align: middle;\n *zoom: 1;\n}\n\n.form-search .hide,\n.form-inline .hide,\n.form-horizontal .hide {\n display: none;\n}\n\n.form-search label,\n.form-inline label,\n.form-search .btn-group,\n.form-inline .btn-group {\n display: inline-block;\n}\n\n.form-search .input-append,\n.form-inline .input-append,\n.form-search .input-prepend,\n.form-inline .input-prepend {\n margin-bottom: 0;\n}\n\n.form-search .radio,\n.form-search .checkbox,\n.form-inline .radio,\n.form-inline .checkbox {\n padding-left: 0;\n margin-bottom: 0;\n vertical-align: middle;\n}\n\n.form-search .radio input[type=\"radio\"],\n.form-search .checkbox input[type=\"checkbox\"],\n.form-inline .radio input[type=\"radio\"],\n.form-inline .checkbox input[type=\"checkbox\"] {\n float: left;\n margin-right: 3px;\n margin-left: 0;\n}\n\n.control-group {\n margin-bottom: 10px;\n}\n\nlegend + .control-group {\n margin-top: 20px;\n -webkit-margin-top-collapse: separate;\n}\n\n.form-horizontal .control-group {\n margin-bottom: 20px;\n *zoom: 1;\n}\n\n.form-horizontal .control-group:before,\n.form-horizontal .control-group:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.form-horizontal .control-group:after {\n clear: both;\n}\n\n.form-horizontal .control-label {\n float: left;\n width: 160px;\n padding-top: 5px;\n text-align: right;\n}\n\n.form-horizontal .controls {\n *display: inline-block;\n *padding-left: 20px;\n margin-left: 180px;\n *margin-left: 0;\n}\n\n.form-horizontal .controls:first-child {\n *padding-left: 180px;\n}\n\n.form-horizontal .help-block {\n margin-bottom: 0;\n}\n\n.form-horizontal input + .help-block,\n.form-horizontal select + .help-block,\n.form-horizontal textarea + .help-block,\n.form-horizontal .uneditable-input + .help-block,\n.form-horizontal .input-prepend + .help-block,\n.form-horizontal .input-append + .help-block {\n margin-top: 10px;\n}\n\n.form-horizontal .form-actions {\n padding-left: 180px;\n}\n\ntable {\n max-width: 100%;\n background-color: transparent;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.table {\n width: 100%;\n margin-bottom: 20px;\n}\n\n.table th,\n.table td {\n padding: 8px;\n line-height: 20px;\n text-align: left;\n vertical-align: top;\n border-top: 1px solid #dddddd;\n}\n\n.table th {\n font-weight: bold;\n}\n\n.table thead th {\n vertical-align: bottom;\n}\n\n.table caption + thead tr:first-child th,\n.table caption + thead tr:first-child td,\n.table colgroup + thead tr:first-child th,\n.table colgroup + thead tr:first-child td,\n.table thead:first-child tr:first-child th,\n.table thead:first-child tr:first-child td {\n border-top: 0;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #dddddd;\n}\n\n.table .table {\n background-color: #ffffff;\n}\n\n.table-condensed th,\n.table-condensed td {\n padding: 4px 5px;\n}\n\n.table-bordered {\n border: 1px solid #dddddd;\n border-collapse: separate;\n *border-collapse: collapse;\n border-left: 0;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.table-bordered th,\n.table-bordered td {\n border-left: 1px solid #dddddd;\n}\n\n.table-bordered caption + thead tr:first-child th,\n.table-bordered caption + tbody tr:first-child th,\n.table-bordered caption + tbody tr:first-child td,\n.table-bordered colgroup + thead tr:first-child th,\n.table-bordered colgroup + tbody tr:first-child th,\n.table-bordered colgroup + tbody tr:first-child td,\n.table-bordered thead:first-child tr:first-child th,\n.table-bordered tbody:first-child tr:first-child th,\n.table-bordered tbody:first-child tr:first-child td {\n border-top: 0;\n}\n\n.table-bordered thead:first-child tr:first-child > th:first-child,\n.table-bordered tbody:first-child tr:first-child > td:first-child,\n.table-bordered tbody:first-child tr:first-child > th:first-child {\n -webkit-border-top-left-radius: 4px;\n border-top-left-radius: 4px;\n -moz-border-radius-topleft: 4px;\n}\n\n.table-bordered thead:first-child tr:first-child > th:last-child,\n.table-bordered tbody:first-child tr:first-child > td:last-child,\n.table-bordered tbody:first-child tr:first-child > th:last-child {\n -webkit-border-top-right-radius: 4px;\n border-top-right-radius: 4px;\n -moz-border-radius-topright: 4px;\n}\n\n.table-bordered thead:last-child tr:last-child > th:first-child,\n.table-bordered tbody:last-child tr:last-child > td:first-child,\n.table-bordered tbody:last-child tr:last-child > th:first-child,\n.table-bordered tfoot:last-child tr:last-child > td:first-child,\n.table-bordered tfoot:last-child tr:last-child > th:first-child {\n -webkit-border-bottom-left-radius: 4px;\n border-bottom-left-radius: 4px;\n -moz-border-radius-bottomleft: 4px;\n}\n\n.table-bordered thead:last-child tr:last-child > th:last-child,\n.table-bordered tbody:last-child tr:last-child > td:last-child,\n.table-bordered tbody:last-child tr:last-child > th:last-child,\n.table-bordered tfoot:last-child tr:last-child > td:last-child,\n.table-bordered tfoot:last-child tr:last-child > th:last-child {\n -webkit-border-bottom-right-radius: 4px;\n border-bottom-right-radius: 4px;\n -moz-border-radius-bottomright: 4px;\n}\n\n.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {\n -webkit-border-bottom-left-radius: 0;\n border-bottom-left-radius: 0;\n -moz-border-radius-bottomleft: 0;\n}\n\n.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {\n -webkit-border-bottom-right-radius: 0;\n border-bottom-right-radius: 0;\n -moz-border-radius-bottomright: 0;\n}\n\n.table-bordered caption + thead tr:first-child th:first-child,\n.table-bordered caption + tbody tr:first-child td:first-child,\n.table-bordered colgroup + thead tr:first-child th:first-child,\n.table-bordered colgroup + tbody tr:first-child td:first-child {\n -webkit-border-top-left-radius: 4px;\n border-top-left-radius: 4px;\n -moz-border-radius-topleft: 4px;\n}\n\n.table-bordered caption + thead tr:first-child th:last-child,\n.table-bordered caption + tbody tr:first-child td:last-child,\n.table-bordered colgroup + thead tr:first-child th:last-child,\n.table-bordered colgroup + tbody tr:first-child td:last-child {\n -webkit-border-top-right-radius: 4px;\n border-top-right-radius: 4px;\n -moz-border-radius-topright: 4px;\n}\n\n.table-striped tbody > tr:nth-child(odd) > td,\n.table-striped tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9;\n}\n\n.table-hover tbody tr:hover > td,\n.table-hover tbody tr:hover > th {\n background-color: #f5f5f5;\n}\n\ntable td[class*=\"span\"],\ntable th[class*=\"span\"],\n.row-fluid table td[class*=\"span\"],\n.row-fluid table th[class*=\"span\"] {\n display: table-cell;\n float: none;\n margin-left: 0;\n}\n\n.table td.span1,\n.table th.span1 {\n float: none;\n width: 44px;\n margin-left: 0;\n}\n\n.table td.span2,\n.table th.span2 {\n float: none;\n width: 124px;\n margin-left: 0;\n}\n\n.table td.span3,\n.table th.span3 {\n float: none;\n width: 204px;\n margin-left: 0;\n}\n\n.table td.span4,\n.table th.span4 {\n float: none;\n width: 284px;\n margin-left: 0;\n}\n\n.table td.span5,\n.table th.span5 {\n float: none;\n width: 364px;\n margin-left: 0;\n}\n\n.table td.span6,\n.table th.span6 {\n float: none;\n width: 444px;\n margin-left: 0;\n}\n\n.table td.span7,\n.table th.span7 {\n float: none;\n width: 524px;\n margin-left: 0;\n}\n\n.table td.span8,\n.table th.span8 {\n float: none;\n width: 604px;\n margin-left: 0;\n}\n\n.table td.span9,\n.table th.span9 {\n float: none;\n width: 684px;\n margin-left: 0;\n}\n\n.table td.span10,\n.table th.span10 {\n float: none;\n width: 764px;\n margin-left: 0;\n}\n\n.table td.span11,\n.table th.span11 {\n float: none;\n width: 844px;\n margin-left: 0;\n}\n\n.table td.span12,\n.table th.span12 {\n float: none;\n width: 924px;\n margin-left: 0;\n}\n\n.table tbody tr.success > td {\n background-color: #dff0d8;\n}\n\n.table tbody tr.error > td {\n background-color: #f2dede;\n}\n\n.table tbody tr.warning > td {\n background-color: #fcf8e3;\n}\n\n.table tbody tr.info > td {\n background-color: #d9edf7;\n}\n\n.table-hover tbody tr.success:hover > td {\n background-color: #d0e9c6;\n}\n\n.table-hover tbody tr.error:hover > td {\n background-color: #ebcccc;\n}\n\n.table-hover tbody tr.warning:hover > td {\n background-color: #faf2cc;\n}\n\n.table-hover tbody tr.info:hover > td {\n background-color: #c4e3f3;\n}\n\n[class^=\"icon-\"],\n[class*=\" icon-\"] {\n display: inline-block;\n width: 14px;\n height: 14px;\n margin-top: 1px;\n *margin-right: .3em;\n line-height: 14px;\n vertical-align: text-top;\n background-image: url(\"../img/glyphicons-halflings.png\");\n background-position: 14px 14px;\n background-repeat: no-repeat;\n}\n\n/* White icons with optional class, or on hover/focus/active states of certain elements */\n\n.icon-white,\n.nav-pills > .active > a > [class^=\"icon-\"],\n.nav-pills > .active > a > [class*=\" icon-\"],\n.nav-list > .active > a > [class^=\"icon-\"],\n.nav-list > .active > a > [class*=\" icon-\"],\n.navbar-inverse .nav > .active > a > [class^=\"icon-\"],\n.navbar-inverse .nav > .active > a > [class*=\" icon-\"],\n.dropdown-menu > li > a:hover > [class^=\"icon-\"],\n.dropdown-menu > li > a:focus > [class^=\"icon-\"],\n.dropdown-menu > li > a:hover > [class*=\" icon-\"],\n.dropdown-menu > li > a:focus > [class*=\" icon-\"],\n.dropdown-menu > .active > a > [class^=\"icon-\"],\n.dropdown-menu > .active > a > [class*=\" icon-\"],\n.dropdown-submenu:hover > a > [class^=\"icon-\"],\n.dropdown-submenu:focus > a > [class^=\"icon-\"],\n.dropdown-submenu:hover > a > [class*=\" icon-\"],\n.dropdown-submenu:focus > a > [class*=\" icon-\"] {\n background-image: url(\"../img/glyphicons-halflings-white.png\");\n}\n\n.icon-glass {\n background-position: 0 0;\n}\n\n.icon-music {\n background-position: -24px 0;\n}\n\n.icon-search {\n background-position: -48px 0;\n}\n\n.icon-envelope {\n background-position: -72px 0;\n}\n\n.icon-heart {\n background-position: -96px 0;\n}\n\n.icon-star {\n background-position: -120px 0;\n}\n\n.icon-star-empty {\n background-position: -144px 0;\n}\n\n.icon-user {\n background-position: -168px 0;\n}\n\n.icon-film {\n background-position: -192px 0;\n}\n\n.icon-th-large {\n background-position: -216px 0;\n}\n\n.icon-th {\n background-position: -240px 0;\n}\n\n.icon-th-list {\n background-position: -264px 0;\n}\n\n.icon-ok {\n background-position: -288px 0;\n}\n\n.icon-remove {\n background-position: -312px 0;\n}\n\n.icon-zoom-in {\n background-position: -336px 0;\n}\n\n.icon-zoom-out {\n background-position: -360px 0;\n}\n\n.icon-off {\n background-position: -384px 0;\n}\n\n.icon-signal {\n background-position: -408px 0;\n}\n\n.icon-cog {\n background-position: -432px 0;\n}\n\n.icon-trash {\n background-position: -456px 0;\n}\n\n.icon-home {\n background-position: 0 -24px;\n}\n\n.icon-file {\n background-position: -24px -24px;\n}\n\n.icon-time {\n background-position: -48px -24px;\n}\n\n.icon-road {\n background-position: -72px -24px;\n}\n\n.icon-download-alt {\n background-position: -96px -24px;\n}\n\n.icon-download {\n background-position: -120px -24px;\n}\n\n.icon-upload {\n background-position: -144px -24px;\n}\n\n.icon-inbox {\n background-position: -168px -24px;\n}\n\n.icon-play-circle {\n background-position: -192px -24px;\n}\n\n.icon-repeat {\n background-position: -216px -24px;\n}\n\n.icon-refresh {\n background-position: -240px -24px;\n}\n\n.icon-list-alt {\n background-position: -264px -24px;\n}\n\n.icon-lock {\n background-position: -287px -24px;\n}\n\n.icon-flag {\n background-position: -312px -24px;\n}\n\n.icon-headphones {\n background-position: -336px -24px;\n}\n\n.icon-volume-off {\n background-position: -360px -24px;\n}\n\n.icon-volume-down {\n background-position: -384px -24px;\n}\n\n.icon-volume-up {\n background-position: -408px -24px;\n}\n\n.icon-qrcode {\n background-position: -432px -24px;\n}\n\n.icon-barcode {\n background-position: -456px -24px;\n}\n\n.icon-tag {\n background-position: 0 -48px;\n}\n\n.icon-tags {\n background-position: -25px -48px;\n}\n\n.icon-book {\n background-position: -48px -48px;\n}\n\n.icon-bookmark {\n background-position: -72px -48px;\n}\n\n.icon-print {\n background-position: -96px -48px;\n}\n\n.icon-camera {\n background-position: -120px -48px;\n}\n\n.icon-font {\n background-position: -144px -48px;\n}\n\n.icon-bold {\n background-position: -167px -48px;\n}\n\n.icon-italic {\n background-position: -192px -48px;\n}\n\n.icon-text-height {\n background-position: -216px -48px;\n}\n\n.icon-text-width {\n background-position: -240px -48px;\n}\n\n.icon-align-left {\n background-position: -264px -48px;\n}\n\n.icon-align-center {\n background-position: -288px -48px;\n}\n\n.icon-align-right {\n background-position: -312px -48px;\n}\n\n.icon-align-justify {\n background-position: -336px -48px;\n}\n\n.icon-list {\n background-position: -360px -48px;\n}\n\n.icon-indent-left {\n background-position: -384px -48px;\n}\n\n.icon-indent-right {\n background-position: -408px -48px;\n}\n\n.icon-facetime-video {\n background-position: -432px -48px;\n}\n\n.icon-picture {\n background-position: -456px -48px;\n}\n\n.icon-pencil {\n background-position: 0 -72px;\n}\n\n.icon-map-marker {\n background-position: -24px -72px;\n}\n\n.icon-adjust {\n background-position: -48px -72px;\n}\n\n.icon-tint {\n background-position: -72px -72px;\n}\n\n.icon-edit {\n background-position: -96px -72px;\n}\n\n.icon-share {\n background-position: -120px -72px;\n}\n\n.icon-check {\n background-position: -144px -72px;\n}\n\n.icon-move {\n background-position: -168px -72px;\n}\n\n.icon-step-backward {\n background-position: -192px -72px;\n}\n\n.icon-fast-backward {\n background-position: -216px -72px;\n}\n\n.icon-backward {\n background-position: -240px -72px;\n}\n\n.icon-play {\n background-position: -264px -72px;\n}\n\n.icon-pause {\n background-position: -288px -72px;\n}\n\n.icon-stop {\n background-position: -312px -72px;\n}\n\n.icon-forward {\n background-position: -336px -72px;\n}\n\n.icon-fast-forward {\n background-position: -360px -72px;\n}\n\n.icon-step-forward {\n background-position: -384px -72px;\n}\n\n.icon-eject {\n background-position: -408px -72px;\n}\n\n.icon-chevron-left {\n background-position: -432px -72px;\n}\n\n.icon-chevron-right {\n background-position: -456px -72px;\n}\n\n.icon-plus-sign {\n background-position: 0 -96px;\n}\n\n.icon-minus-sign {\n background-position: -24px -96px;\n}\n\n.icon-remove-sign {\n background-position: -48px -96px;\n}\n\n.icon-ok-sign {\n background-position: -72px -96px;\n}\n\n.icon-question-sign {\n background-position: -96px -96px;\n}\n\n.icon-info-sign {\n background-position: -120px -96px;\n}\n\n.icon-screenshot {\n background-position: -144px -96px;\n}\n\n.icon-remove-circle {\n background-position: -168px -96px;\n}\n\n.icon-ok-circle {\n background-position: -192px -96px;\n}\n\n.icon-ban-circle {\n background-position: -216px -96px;\n}\n\n.icon-arrow-left {\n background-position: -240px -96px;\n}\n\n.icon-arrow-right {\n background-position: -264px -96px;\n}\n\n.icon-arrow-up {\n background-position: -289px -96px;\n}\n\n.icon-arrow-down {\n background-position: -312px -96px;\n}\n\n.icon-share-alt {\n background-position: -336px -96px;\n}\n\n.icon-resize-full {\n background-position: -360px -96px;\n}\n\n.icon-resize-small {\n background-position: -384px -96px;\n}\n\n.icon-plus {\n background-position: -408px -96px;\n}\n\n.icon-minus {\n background-position: -433px -96px;\n}\n\n.icon-asterisk {\n background-position: -456px -96px;\n}\n\n.icon-exclamation-sign {\n background-position: 0 -120px;\n}\n\n.icon-gift {\n background-position: -24px -120px;\n}\n\n.icon-leaf {\n background-position: -48px -120px;\n}\n\n.icon-fire {\n background-position: -72px -120px;\n}\n\n.icon-eye-open {\n background-position: -96px -120px;\n}\n\n.icon-eye-close {\n background-position: -120px -120px;\n}\n\n.icon-warning-sign {\n background-position: -144px -120px;\n}\n\n.icon-plane {\n background-position: -168px -120px;\n}\n\n.icon-calendar {\n background-position: -192px -120px;\n}\n\n.icon-random {\n width: 16px;\n background-position: -216px -120px;\n}\n\n.icon-comment {\n background-position: -240px -120px;\n}\n\n.icon-magnet {\n background-position: -264px -120px;\n}\n\n.icon-chevron-up {\n background-position: -288px -120px;\n}\n\n.icon-chevron-down {\n background-position: -313px -119px;\n}\n\n.icon-retweet {\n background-position: -336px -120px;\n}\n\n.icon-shopping-cart {\n background-position: -360px -120px;\n}\n\n.icon-folder-close {\n width: 16px;\n background-position: -384px -120px;\n}\n\n.icon-folder-open {\n width: 16px;\n background-position: -408px -120px;\n}\n\n.icon-resize-vertical {\n background-position: -432px -119px;\n}\n\n.icon-resize-horizontal {\n background-position: -456px -118px;\n}\n\n.icon-hdd {\n background-position: 0 -144px;\n}\n\n.icon-bullhorn {\n background-position: -24px -144px;\n}\n\n.icon-bell {\n background-position: -48px -144px;\n}\n\n.icon-certificate {\n background-position: -72px -144px;\n}\n\n.icon-thumbs-up {\n background-position: -96px -144px;\n}\n\n.icon-thumbs-down {\n background-position: -120px -144px;\n}\n\n.icon-hand-right {\n background-position: -144px -144px;\n}\n\n.icon-hand-left {\n background-position: -168px -144px;\n}\n\n.icon-hand-up {\n background-position: -192px -144px;\n}\n\n.icon-hand-down {\n background-position: -216px -144px;\n}\n\n.icon-circle-arrow-right {\n background-position: -240px -144px;\n}\n\n.icon-circle-arrow-left {\n background-position: -264px -144px;\n}\n\n.icon-circle-arrow-up {\n background-position: -288px -144px;\n}\n\n.icon-circle-arrow-down {\n background-position: -312px -144px;\n}\n\n.icon-globe {\n background-position: -336px -144px;\n}\n\n.icon-wrench {\n background-position: -360px -144px;\n}\n\n.icon-tasks {\n background-position: -384px -144px;\n}\n\n.icon-filter {\n background-position: -408px -144px;\n}\n\n.icon-briefcase {\n background-position: -432px -144px;\n}\n\n.icon-fullscreen {\n background-position: -456px -144px;\n}\n\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle {\n *margin-bottom: -3px;\n}\n\n.dropdown-toggle:active,\n.open .dropdown-toggle {\n outline: 0;\n}\n\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n vertical-align: top;\n border-top: 4px solid #000000;\n border-right: 4px solid transparent;\n border-left: 4px solid transparent;\n content: \"\";\n}\n\n.dropdown .caret {\n margin-top: 8px;\n margin-left: 2px;\n}\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0;\n list-style: none;\n background-color: #ffffff;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n *border-right-width: 2px;\n *border-bottom-width: 2px;\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n -webkit-background-clip: padding-box;\n -moz-background-clip: padding;\n background-clip: padding-box;\n}\n\n.dropdown-menu.pull-right {\n right: 0;\n left: auto;\n}\n\n.dropdown-menu .divider {\n *width: 100%;\n height: 1px;\n margin: 9px 1px;\n *margin: -5px 0 5px;\n overflow: hidden;\n background-color: #e5e5e5;\n border-bottom: 1px solid #ffffff;\n}\n\n.dropdown-menu > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: 20px;\n color: #333333;\n white-space: nowrap;\n}\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus,\n.dropdown-submenu:hover > a,\n.dropdown-submenu:focus > a {\n color: #ffffff;\n text-decoration: none;\n background-color: #0081c2;\n background-image: -moz-linear-gradient(top, #0088cc, #0077b3);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));\n background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);\n background-image: -o-linear-gradient(top, #0088cc, #0077b3);\n background-image: linear-gradient(to bottom, #0088cc, #0077b3);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);\n}\n\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n color: #ffffff;\n text-decoration: none;\n background-color: #0081c2;\n background-image: -moz-linear-gradient(top, #0088cc, #0077b3);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));\n background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);\n background-image: -o-linear-gradient(top, #0088cc, #0077b3);\n background-image: linear-gradient(to bottom, #0088cc, #0077b3);\n background-repeat: repeat-x;\n outline: 0;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);\n}\n\n.dropdown-menu > .disabled > a,\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n color: #999999;\n}\n\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n text-decoration: none;\n cursor: default;\n background-color: transparent;\n background-image: none;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.open {\n *z-index: 1000;\n}\n\n.open > .dropdown-menu {\n display: block;\n}\n\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n\n.dropup .caret,\n.navbar-fixed-bottom .dropdown .caret {\n border-top: 0;\n border-bottom: 4px solid #000000;\n content: \"\";\n}\n\n.dropup .dropdown-menu,\n.navbar-fixed-bottom .dropdown .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 1px;\n}\n\n.dropdown-submenu {\n position: relative;\n}\n\n.dropdown-submenu > .dropdown-menu {\n top: 0;\n left: 100%;\n margin-top: -6px;\n margin-left: -1px;\n -webkit-border-radius: 0 6px 6px 6px;\n -moz-border-radius: 0 6px 6px 6px;\n border-radius: 0 6px 6px 6px;\n}\n\n.dropdown-submenu:hover > .dropdown-menu {\n display: block;\n}\n\n.dropup .dropdown-submenu > .dropdown-menu {\n top: auto;\n bottom: 0;\n margin-top: 0;\n margin-bottom: -2px;\n -webkit-border-radius: 5px 5px 5px 0;\n -moz-border-radius: 5px 5px 5px 0;\n border-radius: 5px 5px 5px 0;\n}\n\n.dropdown-submenu > a:after {\n display: block;\n float: right;\n width: 0;\n height: 0;\n margin-top: 5px;\n margin-right: -10px;\n border-color: transparent;\n border-left-color: #cccccc;\n border-style: solid;\n border-width: 5px 0 5px 5px;\n content: \" \";\n}\n\n.dropdown-submenu:hover > a:after {\n border-left-color: #ffffff;\n}\n\n.dropdown-submenu.pull-left {\n float: none;\n}\n\n.dropdown-submenu.pull-left > .dropdown-menu {\n left: -100%;\n margin-left: 10px;\n -webkit-border-radius: 6px 0 6px 6px;\n -moz-border-radius: 6px 0 6px 6px;\n border-radius: 6px 0 6px 6px;\n}\n\n.dropdown .dropdown-menu .nav-header {\n padding-right: 20px;\n padding-left: 20px;\n}\n\n.typeahead {\n z-index: 1051;\n margin-top: 2px;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: #f5f5f5;\n border: 1px solid #e3e3e3;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n}\n\n.well blockquote {\n border-color: #ddd;\n border-color: rgba(0, 0, 0, 0.15);\n}\n\n.well-large {\n padding: 24px;\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n}\n\n.well-small {\n padding: 9px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n}\n\n.fade {\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n -moz-transition: opacity 0.15s linear;\n -o-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n}\n\n.fade.in {\n opacity: 1;\n}\n\n.collapse {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition: height 0.35s ease;\n -moz-transition: height 0.35s ease;\n -o-transition: height 0.35s ease;\n transition: height 0.35s ease;\n}\n\n.collapse.in {\n height: auto;\n}\n\n.close {\n float: right;\n font-size: 20px;\n font-weight: bold;\n line-height: 20px;\n color: #000000;\n text-shadow: 0 1px 0 #ffffff;\n opacity: 0.2;\n filter: alpha(opacity=20);\n}\n\n.close:hover,\n.close:focus {\n color: #000000;\n text-decoration: none;\n cursor: pointer;\n opacity: 0.4;\n filter: alpha(opacity=40);\n}\n\nbutton.close {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n\n.btn {\n display: inline-block;\n *display: inline;\n padding: 4px 12px;\n margin-bottom: 0;\n *margin-left: .3em;\n font-size: 14px;\n line-height: 20px;\n color: #333333;\n text-align: center;\n text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\n vertical-align: middle;\n cursor: pointer;\n background-color: #f5f5f5;\n *background-color: #e6e6e6;\n background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));\n background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);\n background-repeat: repeat-x;\n border: 1px solid #cccccc;\n *border: 0;\n border-color: #e6e6e6 #e6e6e6 #bfbfbf;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n border-bottom-color: #b3b3b3;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n *zoom: 1;\n -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.btn:hover,\n.btn:focus,\n.btn:active,\n.btn.active,\n.btn.disabled,\n.btn[disabled] {\n color: #333333;\n background-color: #e6e6e6;\n *background-color: #d9d9d9;\n}\n\n.btn:active,\n.btn.active {\n background-color: #cccccc \\9;\n}\n\n.btn:first-child {\n *margin-left: 0;\n}\n\n.btn:hover,\n.btn:focus {\n color: #333333;\n text-decoration: none;\n background-position: 0 -15px;\n -webkit-transition: background-position 0.1s linear;\n -moz-transition: background-position 0.1s linear;\n -o-transition: background-position 0.1s linear;\n transition: background-position 0.1s linear;\n}\n\n.btn:focus {\n outline: thin dotted #333;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.btn.active,\n.btn:active {\n background-image: none;\n outline: 0;\n -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.btn.disabled,\n.btn[disabled] {\n cursor: default;\n background-image: none;\n opacity: 0.65;\n filter: alpha(opacity=65);\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n}\n\n.btn-large {\n padding: 11px 19px;\n font-size: 17.5px;\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n}\n\n.btn-large [class^=\"icon-\"],\n.btn-large [class*=\" icon-\"] {\n margin-top: 4px;\n}\n\n.btn-small {\n padding: 2px 10px;\n font-size: 11.9px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n}\n\n.btn-small [class^=\"icon-\"],\n.btn-small [class*=\" icon-\"] {\n margin-top: 0;\n}\n\n.btn-mini [class^=\"icon-\"],\n.btn-mini [class*=\" icon-\"] {\n margin-top: -1px;\n}\n\n.btn-mini {\n padding: 0 6px;\n font-size: 10.5px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n padding-right: 0;\n padding-left: 0;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.btn-primary.active,\n.btn-warning.active,\n.btn-danger.active,\n.btn-success.active,\n.btn-info.active,\n.btn-inverse.active {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.btn-primary {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #006dcc;\n *background-color: #0044cc;\n background-image: -moz-linear-gradient(top, #0088cc, #0044cc);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));\n background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);\n background-image: -o-linear-gradient(top, #0088cc, #0044cc);\n background-image: linear-gradient(to bottom, #0088cc, #0044cc);\n background-repeat: repeat-x;\n border-color: #0044cc #0044cc #002a80;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.btn-primary:hover,\n.btn-primary:focus,\n.btn-primary:active,\n.btn-primary.active,\n.btn-primary.disabled,\n.btn-primary[disabled] {\n color: #ffffff;\n background-color: #0044cc;\n *background-color: #003bb3;\n}\n\n.btn-primary:active,\n.btn-primary.active {\n background-color: #003399 \\9;\n}\n\n.btn-warning {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #faa732;\n *background-color: #f89406;\n background-image: -moz-linear-gradient(top, #fbb450, #f89406);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));\n background-image: -webkit-linear-gradient(top, #fbb450, #f89406);\n background-image: -o-linear-gradient(top, #fbb450, #f89406);\n background-image: linear-gradient(to bottom, #fbb450, #f89406);\n background-repeat: repeat-x;\n border-color: #f89406 #f89406 #ad6704;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.btn-warning:hover,\n.btn-warning:focus,\n.btn-warning:active,\n.btn-warning.active,\n.btn-warning.disabled,\n.btn-warning[disabled] {\n color: #ffffff;\n background-color: #f89406;\n *background-color: #df8505;\n}\n\n.btn-warning:active,\n.btn-warning.active {\n background-color: #c67605 \\9;\n}\n\n.btn-danger {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #da4f49;\n *background-color: #bd362f;\n background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));\n background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);\n background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);\n background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);\n background-repeat: repeat-x;\n border-color: #bd362f #bd362f #802420;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.btn-danger:hover,\n.btn-danger:focus,\n.btn-danger:active,\n.btn-danger.active,\n.btn-danger.disabled,\n.btn-danger[disabled] {\n color: #ffffff;\n background-color: #bd362f;\n *background-color: #a9302a;\n}\n\n.btn-danger:active,\n.btn-danger.active {\n background-color: #942a25 \\9;\n}\n\n.btn-success {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #5bb75b;\n *background-color: #51a351;\n background-image: -moz-linear-gradient(top, #62c462, #51a351);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));\n background-image: -webkit-linear-gradient(top, #62c462, #51a351);\n background-image: -o-linear-gradient(top, #62c462, #51a351);\n background-image: linear-gradient(to bottom, #62c462, #51a351);\n background-repeat: repeat-x;\n border-color: #51a351 #51a351 #387038;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.btn-success:hover,\n.btn-success:focus,\n.btn-success:active,\n.btn-success.active,\n.btn-success.disabled,\n.btn-success[disabled] {\n color: #ffffff;\n background-color: #51a351;\n *background-color: #499249;\n}\n\n.btn-success:active,\n.btn-success.active {\n background-color: #408140 \\9;\n}\n\n.btn-info {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #49afcd;\n *background-color: #2f96b4;\n background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));\n background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);\n background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);\n background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);\n background-repeat: repeat-x;\n border-color: #2f96b4 #2f96b4 #1f6377;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.btn-info:hover,\n.btn-info:focus,\n.btn-info:active,\n.btn-info.active,\n.btn-info.disabled,\n.btn-info[disabled] {\n color: #ffffff;\n background-color: #2f96b4;\n *background-color: #2a85a0;\n}\n\n.btn-info:active,\n.btn-info.active {\n background-color: #24748c \\9;\n}\n\n.btn-inverse {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #363636;\n *background-color: #222222;\n background-image: -moz-linear-gradient(top, #444444, #222222);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));\n background-image: -webkit-linear-gradient(top, #444444, #222222);\n background-image: -o-linear-gradient(top, #444444, #222222);\n background-image: linear-gradient(to bottom, #444444, #222222);\n background-repeat: repeat-x;\n border-color: #222222 #222222 #000000;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.btn-inverse:hover,\n.btn-inverse:focus,\n.btn-inverse:active,\n.btn-inverse.active,\n.btn-inverse.disabled,\n.btn-inverse[disabled] {\n color: #ffffff;\n background-color: #222222;\n *background-color: #151515;\n}\n\n.btn-inverse:active,\n.btn-inverse.active {\n background-color: #080808 \\9;\n}\n\nbutton.btn,\ninput[type=\"submit\"].btn {\n *padding-top: 3px;\n *padding-bottom: 3px;\n}\n\nbutton.btn::-moz-focus-inner,\ninput[type=\"submit\"].btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n\nbutton.btn.btn-large,\ninput[type=\"submit\"].btn.btn-large {\n *padding-top: 7px;\n *padding-bottom: 7px;\n}\n\nbutton.btn.btn-small,\ninput[type=\"submit\"].btn.btn-small {\n *padding-top: 3px;\n *padding-bottom: 3px;\n}\n\nbutton.btn.btn-mini,\ninput[type=\"submit\"].btn.btn-mini {\n *padding-top: 1px;\n *padding-bottom: 1px;\n}\n\n.btn-link,\n.btn-link:active,\n.btn-link[disabled] {\n background-color: transparent;\n background-image: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n}\n\n.btn-link {\n color: #0088cc;\n cursor: pointer;\n border-color: transparent;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.btn-link:hover,\n.btn-link:focus {\n color: #005580;\n text-decoration: underline;\n background-color: transparent;\n}\n\n.btn-link[disabled]:hover,\n.btn-link[disabled]:focus {\n color: #333333;\n text-decoration: none;\n}\n\n.btn-group {\n position: relative;\n display: inline-block;\n *display: inline;\n *margin-left: .3em;\n font-size: 0;\n white-space: nowrap;\n vertical-align: middle;\n *zoom: 1;\n}\n\n.btn-group:first-child {\n *margin-left: 0;\n}\n\n.btn-group + .btn-group {\n margin-left: 5px;\n}\n\n.btn-toolbar {\n margin-top: 10px;\n margin-bottom: 10px;\n font-size: 0;\n}\n\n.btn-toolbar > .btn + .btn,\n.btn-toolbar > .btn-group + .btn,\n.btn-toolbar > .btn + .btn-group {\n margin-left: 5px;\n}\n\n.btn-group > .btn {\n position: relative;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.btn-group > .btn + .btn {\n margin-left: -1px;\n}\n\n.btn-group > .btn,\n.btn-group > .dropdown-menu,\n.btn-group > .popover {\n font-size: 14px;\n}\n\n.btn-group > .btn-mini {\n font-size: 10.5px;\n}\n\n.btn-group > .btn-small {\n font-size: 11.9px;\n}\n\n.btn-group > .btn-large {\n font-size: 17.5px;\n}\n\n.btn-group > .btn:first-child {\n margin-left: 0;\n -webkit-border-bottom-left-radius: 4px;\n border-bottom-left-radius: 4px;\n -webkit-border-top-left-radius: 4px;\n border-top-left-radius: 4px;\n -moz-border-radius-bottomleft: 4px;\n -moz-border-radius-topleft: 4px;\n}\n\n.btn-group > .btn:last-child,\n.btn-group > .dropdown-toggle {\n -webkit-border-top-right-radius: 4px;\n border-top-right-radius: 4px;\n -webkit-border-bottom-right-radius: 4px;\n border-bottom-right-radius: 4px;\n -moz-border-radius-topright: 4px;\n -moz-border-radius-bottomright: 4px;\n}\n\n.btn-group > .btn.large:first-child {\n margin-left: 0;\n -webkit-border-bottom-left-radius: 6px;\n border-bottom-left-radius: 6px;\n -webkit-border-top-left-radius: 6px;\n border-top-left-radius: 6px;\n -moz-border-radius-bottomleft: 6px;\n -moz-border-radius-topleft: 6px;\n}\n\n.btn-group > .btn.large:last-child,\n.btn-group > .large.dropdown-toggle {\n -webkit-border-top-right-radius: 6px;\n border-top-right-radius: 6px;\n -webkit-border-bottom-right-radius: 6px;\n border-bottom-right-radius: 6px;\n -moz-border-radius-topright: 6px;\n -moz-border-radius-bottomright: 6px;\n}\n\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active {\n z-index: 2;\n}\n\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n\n.btn-group > .btn + .dropdown-toggle {\n *padding-top: 5px;\n padding-right: 8px;\n *padding-bottom: 5px;\n padding-left: 8px;\n -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.btn-group > .btn-mini + .dropdown-toggle {\n *padding-top: 2px;\n padding-right: 5px;\n *padding-bottom: 2px;\n padding-left: 5px;\n}\n\n.btn-group > .btn-small + .dropdown-toggle {\n *padding-top: 5px;\n *padding-bottom: 4px;\n}\n\n.btn-group > .btn-large + .dropdown-toggle {\n *padding-top: 7px;\n padding-right: 12px;\n *padding-bottom: 7px;\n padding-left: 12px;\n}\n\n.btn-group.open .dropdown-toggle {\n background-image: none;\n -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.btn-group.open .btn.dropdown-toggle {\n background-color: #e6e6e6;\n}\n\n.btn-group.open .btn-primary.dropdown-toggle {\n background-color: #0044cc;\n}\n\n.btn-group.open .btn-warning.dropdown-toggle {\n background-color: #f89406;\n}\n\n.btn-group.open .btn-danger.dropdown-toggle {\n background-color: #bd362f;\n}\n\n.btn-group.open .btn-success.dropdown-toggle {\n background-color: #51a351;\n}\n\n.btn-group.open .btn-info.dropdown-toggle {\n background-color: #2f96b4;\n}\n\n.btn-group.open .btn-inverse.dropdown-toggle {\n background-color: #222222;\n}\n\n.btn .caret {\n margin-top: 8px;\n margin-left: 0;\n}\n\n.btn-large .caret {\n margin-top: 6px;\n}\n\n.btn-large .caret {\n border-top-width: 5px;\n border-right-width: 5px;\n border-left-width: 5px;\n}\n\n.btn-mini .caret,\n.btn-small .caret {\n margin-top: 8px;\n}\n\n.dropup .btn-large .caret {\n border-bottom-width: 5px;\n}\n\n.btn-primary .caret,\n.btn-warning .caret,\n.btn-danger .caret,\n.btn-info .caret,\n.btn-success .caret,\n.btn-inverse .caret {\n border-top-color: #ffffff;\n border-bottom-color: #ffffff;\n}\n\n.btn-group-vertical {\n display: inline-block;\n *display: inline;\n /* IE7 inline-block hack */\n\n *zoom: 1;\n}\n\n.btn-group-vertical > .btn {\n display: block;\n float: none;\n max-width: 100%;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.btn-group-vertical > .btn + .btn {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.btn-group-vertical > .btn:first-child {\n -webkit-border-radius: 4px 4px 0 0;\n -moz-border-radius: 4px 4px 0 0;\n border-radius: 4px 4px 0 0;\n}\n\n.btn-group-vertical > .btn:last-child {\n -webkit-border-radius: 0 0 4px 4px;\n -moz-border-radius: 0 0 4px 4px;\n border-radius: 0 0 4px 4px;\n}\n\n.btn-group-vertical > .btn-large:first-child {\n -webkit-border-radius: 6px 6px 0 0;\n -moz-border-radius: 6px 6px 0 0;\n border-radius: 6px 6px 0 0;\n}\n\n.btn-group-vertical > .btn-large:last-child {\n -webkit-border-radius: 0 0 6px 6px;\n -moz-border-radius: 0 0 6px 6px;\n border-radius: 0 0 6px 6px;\n}\n\n.alert {\n padding: 8px 35px 8px 14px;\n margin-bottom: 20px;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\n background-color: #fcf8e3;\n border: 1px solid #fbeed5;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.alert,\n.alert h4 {\n color: #c09853;\n}\n\n.alert h4 {\n margin: 0;\n}\n\n.alert .close {\n position: relative;\n top: -2px;\n right: -21px;\n line-height: 20px;\n}\n\n.alert-success {\n color: #468847;\n background-color: #dff0d8;\n border-color: #d6e9c6;\n}\n\n.alert-success h4 {\n color: #468847;\n}\n\n.alert-danger,\n.alert-error {\n color: #b94a48;\n background-color: #f2dede;\n border-color: #eed3d7;\n}\n\n.alert-danger h4,\n.alert-error h4 {\n color: #b94a48;\n}\n\n.alert-info {\n color: #3a87ad;\n background-color: #d9edf7;\n border-color: #bce8f1;\n}\n\n.alert-info h4 {\n color: #3a87ad;\n}\n\n.alert-block {\n padding-top: 14px;\n padding-bottom: 14px;\n}\n\n.alert-block > p,\n.alert-block > ul {\n margin-bottom: 0;\n}\n\n.alert-block p + p {\n margin-top: 5px;\n}\n\n.nav {\n margin-bottom: 20px;\n margin-left: 0;\n list-style: none;\n}\n\n.nav > li > a {\n display: block;\n}\n\n.nav > li > a:hover,\n.nav > li > a:focus {\n text-decoration: none;\n background-color: #eeeeee;\n}\n\n.nav > li > a > img {\n max-width: none;\n}\n\n.nav > .pull-right {\n float: right;\n}\n\n.nav-header {\n display: block;\n padding: 3px 15px;\n font-size: 11px;\n font-weight: bold;\n line-height: 20px;\n color: #999999;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n}\n\n.nav li + .nav-header {\n margin-top: 9px;\n}\n\n.nav-list {\n padding-right: 15px;\n padding-left: 15px;\n margin-bottom: 0;\n}\n\n.nav-list > li > a,\n.nav-list .nav-header {\n margin-right: -15px;\n margin-left: -15px;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\n.nav-list > li > a {\n padding: 3px 15px;\n}\n\n.nav-list > .active > a,\n.nav-list > .active > a:hover,\n.nav-list > .active > a:focus {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);\n background-color: #0088cc;\n}\n\n.nav-list [class^=\"icon-\"],\n.nav-list [class*=\" icon-\"] {\n margin-right: 2px;\n}\n\n.nav-list .divider {\n *width: 100%;\n height: 1px;\n margin: 9px 1px;\n *margin: -5px 0 5px;\n overflow: hidden;\n background-color: #e5e5e5;\n border-bottom: 1px solid #ffffff;\n}\n\n.nav-tabs,\n.nav-pills {\n *zoom: 1;\n}\n\n.nav-tabs:before,\n.nav-pills:before,\n.nav-tabs:after,\n.nav-pills:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.nav-tabs:after,\n.nav-pills:after {\n clear: both;\n}\n\n.nav-tabs > li,\n.nav-pills > li {\n float: left;\n}\n\n.nav-tabs > li > a,\n.nav-pills > li > a {\n padding-right: 12px;\n padding-left: 12px;\n margin-right: 2px;\n line-height: 14px;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #ddd;\n}\n\n.nav-tabs > li {\n margin-bottom: -1px;\n}\n\n.nav-tabs > li > a {\n padding-top: 8px;\n padding-bottom: 8px;\n line-height: 20px;\n border: 1px solid transparent;\n -webkit-border-radius: 4px 4px 0 0;\n -moz-border-radius: 4px 4px 0 0;\n border-radius: 4px 4px 0 0;\n}\n\n.nav-tabs > li > a:hover,\n.nav-tabs > li > a:focus {\n border-color: #eeeeee #eeeeee #dddddd;\n}\n\n.nav-tabs > .active > a,\n.nav-tabs > .active > a:hover,\n.nav-tabs > .active > a:focus {\n color: #555555;\n cursor: default;\n background-color: #ffffff;\n border: 1px solid #ddd;\n border-bottom-color: transparent;\n}\n\n.nav-pills > li > a {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-top: 2px;\n margin-bottom: 2px;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n}\n\n.nav-pills > .active > a,\n.nav-pills > .active > a:hover,\n.nav-pills > .active > a:focus {\n color: #ffffff;\n background-color: #0088cc;\n}\n\n.nav-stacked > li {\n float: none;\n}\n\n.nav-stacked > li > a {\n margin-right: 0;\n}\n\n.nav-tabs.nav-stacked {\n border-bottom: 0;\n}\n\n.nav-tabs.nav-stacked > li > a {\n border: 1px solid #ddd;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.nav-tabs.nav-stacked > li:first-child > a {\n -webkit-border-top-right-radius: 4px;\n border-top-right-radius: 4px;\n -webkit-border-top-left-radius: 4px;\n border-top-left-radius: 4px;\n -moz-border-radius-topright: 4px;\n -moz-border-radius-topleft: 4px;\n}\n\n.nav-tabs.nav-stacked > li:last-child > a {\n -webkit-border-bottom-right-radius: 4px;\n border-bottom-right-radius: 4px;\n -webkit-border-bottom-left-radius: 4px;\n border-bottom-left-radius: 4px;\n -moz-border-radius-bottomright: 4px;\n -moz-border-radius-bottomleft: 4px;\n}\n\n.nav-tabs.nav-stacked > li > a:hover,\n.nav-tabs.nav-stacked > li > a:focus {\n z-index: 2;\n border-color: #ddd;\n}\n\n.nav-pills.nav-stacked > li > a {\n margin-bottom: 3px;\n}\n\n.nav-pills.nav-stacked > li:last-child > a {\n margin-bottom: 1px;\n}\n\n.nav-tabs .dropdown-menu {\n -webkit-border-radius: 0 0 6px 6px;\n -moz-border-radius: 0 0 6px 6px;\n border-radius: 0 0 6px 6px;\n}\n\n.nav-pills .dropdown-menu {\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n}\n\n.nav .dropdown-toggle .caret {\n margin-top: 6px;\n border-top-color: #0088cc;\n border-bottom-color: #0088cc;\n}\n\n.nav .dropdown-toggle:hover .caret,\n.nav .dropdown-toggle:focus .caret {\n border-top-color: #005580;\n border-bottom-color: #005580;\n}\n\n/* move down carets for tabs */\n\n.nav-tabs .dropdown-toggle .caret {\n margin-top: 8px;\n}\n\n.nav .active .dropdown-toggle .caret {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n\n.nav-tabs .active .dropdown-toggle .caret {\n border-top-color: #555555;\n border-bottom-color: #555555;\n}\n\n.nav > .dropdown.active > a:hover,\n.nav > .dropdown.active > a:focus {\n cursor: pointer;\n}\n\n.nav-tabs .open .dropdown-toggle,\n.nav-pills .open .dropdown-toggle,\n.nav > li.dropdown.open.active > a:hover,\n.nav > li.dropdown.open.active > a:focus {\n color: #ffffff;\n background-color: #999999;\n border-color: #999999;\n}\n\n.nav li.dropdown.open .caret,\n.nav li.dropdown.open.active .caret,\n.nav li.dropdown.open a:hover .caret,\n.nav li.dropdown.open a:focus .caret {\n border-top-color: #ffffff;\n border-bottom-color: #ffffff;\n opacity: 1;\n filter: alpha(opacity=100);\n}\n\n.tabs-stacked .open > a:hover,\n.tabs-stacked .open > a:focus {\n border-color: #999999;\n}\n\n.tabbable {\n *zoom: 1;\n}\n\n.tabbable:before,\n.tabbable:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.tabbable:after {\n clear: both;\n}\n\n.tab-content {\n overflow: auto;\n}\n\n.tabs-below > .nav-tabs,\n.tabs-right > .nav-tabs,\n.tabs-left > .nav-tabs {\n border-bottom: 0;\n}\n\n.tab-content > .tab-pane,\n.pill-content > .pill-pane {\n display: none;\n}\n\n.tab-content > .active,\n.pill-content > .active {\n display: block;\n}\n\n.tabs-below > .nav-tabs {\n border-top: 1px solid #ddd;\n}\n\n.tabs-below > .nav-tabs > li {\n margin-top: -1px;\n margin-bottom: 0;\n}\n\n.tabs-below > .nav-tabs > li > a {\n -webkit-border-radius: 0 0 4px 4px;\n -moz-border-radius: 0 0 4px 4px;\n border-radius: 0 0 4px 4px;\n}\n\n.tabs-below > .nav-tabs > li > a:hover,\n.tabs-below > .nav-tabs > li > a:focus {\n border-top-color: #ddd;\n border-bottom-color: transparent;\n}\n\n.tabs-below > .nav-tabs > .active > a,\n.tabs-below > .nav-tabs > .active > a:hover,\n.tabs-below > .nav-tabs > .active > a:focus {\n border-color: transparent #ddd #ddd #ddd;\n}\n\n.tabs-left > .nav-tabs > li,\n.tabs-right > .nav-tabs > li {\n float: none;\n}\n\n.tabs-left > .nav-tabs > li > a,\n.tabs-right > .nav-tabs > li > a {\n min-width: 74px;\n margin-right: 0;\n margin-bottom: 3px;\n}\n\n.tabs-left > .nav-tabs {\n float: left;\n margin-right: 19px;\n border-right: 1px solid #ddd;\n}\n\n.tabs-left > .nav-tabs > li > a {\n margin-right: -1px;\n -webkit-border-radius: 4px 0 0 4px;\n -moz-border-radius: 4px 0 0 4px;\n border-radius: 4px 0 0 4px;\n}\n\n.tabs-left > .nav-tabs > li > a:hover,\n.tabs-left > .nav-tabs > li > a:focus {\n border-color: #eeeeee #dddddd #eeeeee #eeeeee;\n}\n\n.tabs-left > .nav-tabs .active > a,\n.tabs-left > .nav-tabs .active > a:hover,\n.tabs-left > .nav-tabs .active > a:focus {\n border-color: #ddd transparent #ddd #ddd;\n *border-right-color: #ffffff;\n}\n\n.tabs-right > .nav-tabs {\n float: right;\n margin-left: 19px;\n border-left: 1px solid #ddd;\n}\n\n.tabs-right > .nav-tabs > li > a {\n margin-left: -1px;\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.tabs-right > .nav-tabs > li > a:hover,\n.tabs-right > .nav-tabs > li > a:focus {\n border-color: #eeeeee #eeeeee #eeeeee #dddddd;\n}\n\n.tabs-right > .nav-tabs .active > a,\n.tabs-right > .nav-tabs .active > a:hover,\n.tabs-right > .nav-tabs .active > a:focus {\n border-color: #ddd #ddd #ddd transparent;\n *border-left-color: #ffffff;\n}\n\n.nav > .disabled > a {\n color: #999999;\n}\n\n.nav > .disabled > a:hover,\n.nav > .disabled > a:focus {\n text-decoration: none;\n cursor: default;\n background-color: transparent;\n}\n\n.navbar {\n *position: relative;\n *z-index: 2;\n margin-bottom: 20px;\n overflow: visible;\n}\n\n.navbar-inner {\n min-height: 40px;\n padding-right: 20px;\n padding-left: 20px;\n background-color: #fafafa;\n background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));\n background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);\n background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);\n background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);\n background-repeat: repeat-x;\n border: 1px solid #d4d4d4;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);\n *zoom: 1;\n -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);\n -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);\n}\n\n.navbar-inner:before,\n.navbar-inner:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.navbar-inner:after {\n clear: both;\n}\n\n.navbar .container {\n width: auto;\n}\n\n.nav-collapse.collapse {\n height: auto;\n overflow: visible;\n}\n\n.navbar .brand {\n display: block;\n float: left;\n padding: 10px 20px 10px;\n margin-left: -20px;\n font-size: 20px;\n font-weight: 200;\n color: #777777;\n text-shadow: 0 1px 0 #ffffff;\n}\n\n.navbar .brand:hover,\n.navbar .brand:focus {\n text-decoration: none;\n}\n\n.navbar-text {\n margin-bottom: 0;\n line-height: 40px;\n color: #777777;\n}\n\n.navbar-link {\n color: #777777;\n}\n\n.navbar-link:hover,\n.navbar-link:focus {\n color: #333333;\n}\n\n.navbar .divider-vertical {\n height: 40px;\n margin: 0 9px;\n border-right: 1px solid #ffffff;\n border-left: 1px solid #f2f2f2;\n}\n\n.navbar .btn,\n.navbar .btn-group {\n margin-top: 5px;\n}\n\n.navbar .btn-group .btn,\n.navbar .input-prepend .btn,\n.navbar .input-append .btn,\n.navbar .input-prepend .btn-group,\n.navbar .input-append .btn-group {\n margin-top: 0;\n}\n\n.navbar-form {\n margin-bottom: 0;\n *zoom: 1;\n}\n\n.navbar-form:before,\n.navbar-form:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.navbar-form:after {\n clear: both;\n}\n\n.navbar-form input,\n.navbar-form select,\n.navbar-form .radio,\n.navbar-form .checkbox {\n margin-top: 5px;\n}\n\n.navbar-form input,\n.navbar-form select,\n.navbar-form .btn {\n display: inline-block;\n margin-bottom: 0;\n}\n\n.navbar-form input[type=\"image\"],\n.navbar-form input[type=\"checkbox\"],\n.navbar-form input[type=\"radio\"] {\n margin-top: 3px;\n}\n\n.navbar-form .input-append,\n.navbar-form .input-prepend {\n margin-top: 5px;\n white-space: nowrap;\n}\n\n.navbar-form .input-append input,\n.navbar-form .input-prepend input {\n margin-top: 0;\n}\n\n.navbar-search {\n position: relative;\n float: left;\n margin-top: 5px;\n margin-bottom: 0;\n}\n\n.navbar-search .search-query {\n padding: 4px 14px;\n margin-bottom: 0;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 13px;\n font-weight: normal;\n line-height: 1;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n border-radius: 15px;\n}\n\n.navbar-static-top {\n position: static;\n margin-bottom: 0;\n}\n\n.navbar-static-top .navbar-inner {\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n position: fixed;\n right: 0;\n left: 0;\n z-index: 1030;\n margin-bottom: 0;\n}\n\n.navbar-fixed-top .navbar-inner,\n.navbar-static-top .navbar-inner {\n border-width: 0 0 1px;\n}\n\n.navbar-fixed-bottom .navbar-inner {\n border-width: 1px 0 0;\n}\n\n.navbar-fixed-top .navbar-inner,\n.navbar-fixed-bottom .navbar-inner {\n padding-right: 0;\n padding-left: 0;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.navbar-static-top .container,\n.navbar-fixed-top .container,\n.navbar-fixed-bottom .container {\n width: 940px;\n}\n\n.navbar-fixed-top {\n top: 0;\n}\n\n.navbar-fixed-top .navbar-inner,\n.navbar-static-top .navbar-inner {\n -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);\n}\n\n.navbar-fixed-bottom {\n bottom: 0;\n}\n\n.navbar-fixed-bottom .navbar-inner {\n -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);\n box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);\n}\n\n.navbar .nav {\n position: relative;\n left: 0;\n display: block;\n float: left;\n margin: 0 10px 0 0;\n}\n\n.navbar .nav.pull-right {\n float: right;\n margin-right: 0;\n}\n\n.navbar .nav > li {\n float: left;\n}\n\n.navbar .nav > li > a {\n float: none;\n padding: 10px 15px 10px;\n color: #777777;\n text-decoration: none;\n text-shadow: 0 1px 0 #ffffff;\n}\n\n.navbar .nav .dropdown-toggle .caret {\n margin-top: 8px;\n}\n\n.navbar .nav > li > a:focus,\n.navbar .nav > li > a:hover {\n color: #333333;\n text-decoration: none;\n background-color: transparent;\n}\n\n.navbar .nav > .active > a,\n.navbar .nav > .active > a:hover,\n.navbar .nav > .active > a:focus {\n color: #555555;\n text-decoration: none;\n background-color: #e5e5e5;\n -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);\n -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);\n}\n\n.navbar .btn-navbar {\n display: none;\n float: right;\n padding: 7px 10px;\n margin-right: 5px;\n margin-left: 5px;\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #ededed;\n *background-color: #e5e5e5;\n background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));\n background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);\n background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);\n background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);\n background-repeat: repeat-x;\n border-color: #e5e5e5 #e5e5e5 #bfbfbf;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);\n -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);\n}\n\n.navbar .btn-navbar:hover,\n.navbar .btn-navbar:focus,\n.navbar .btn-navbar:active,\n.navbar .btn-navbar.active,\n.navbar .btn-navbar.disabled,\n.navbar .btn-navbar[disabled] {\n color: #ffffff;\n background-color: #e5e5e5;\n *background-color: #d9d9d9;\n}\n\n.navbar .btn-navbar:active,\n.navbar .btn-navbar.active {\n background-color: #cccccc \\9;\n}\n\n.navbar .btn-navbar .icon-bar {\n display: block;\n width: 18px;\n height: 2px;\n background-color: #f5f5f5;\n -webkit-border-radius: 1px;\n -moz-border-radius: 1px;\n border-radius: 1px;\n -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n}\n\n.btn-navbar .icon-bar + .icon-bar {\n margin-top: 3px;\n}\n\n.navbar .nav > li > .dropdown-menu:before {\n position: absolute;\n top: -7px;\n left: 9px;\n display: inline-block;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-left: 7px solid transparent;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n content: '';\n}\n\n.navbar .nav > li > .dropdown-menu:after {\n position: absolute;\n top: -6px;\n left: 10px;\n display: inline-block;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #ffffff;\n border-left: 6px solid transparent;\n content: '';\n}\n\n.navbar-fixed-bottom .nav > li > .dropdown-menu:before {\n top: auto;\n bottom: -7px;\n border-top: 7px solid #ccc;\n border-bottom: 0;\n border-top-color: rgba(0, 0, 0, 0.2);\n}\n\n.navbar-fixed-bottom .nav > li > .dropdown-menu:after {\n top: auto;\n bottom: -6px;\n border-top: 6px solid #ffffff;\n border-bottom: 0;\n}\n\n.navbar .nav li.dropdown > a:hover .caret,\n.navbar .nav li.dropdown > a:focus .caret {\n border-top-color: #333333;\n border-bottom-color: #333333;\n}\n\n.navbar .nav li.dropdown.open > .dropdown-toggle,\n.navbar .nav li.dropdown.active > .dropdown-toggle,\n.navbar .nav li.dropdown.open.active > .dropdown-toggle {\n color: #555555;\n background-color: #e5e5e5;\n}\n\n.navbar .nav li.dropdown > .dropdown-toggle .caret {\n border-top-color: #777777;\n border-bottom-color: #777777;\n}\n\n.navbar .nav li.dropdown.open > .dropdown-toggle .caret,\n.navbar .nav li.dropdown.active > .dropdown-toggle .caret,\n.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {\n border-top-color: #555555;\n border-bottom-color: #555555;\n}\n\n.navbar .pull-right > li > .dropdown-menu,\n.navbar .nav > li > .dropdown-menu.pull-right {\n right: 0;\n left: auto;\n}\n\n.navbar .pull-right > li > .dropdown-menu:before,\n.navbar .nav > li > .dropdown-menu.pull-right:before {\n right: 12px;\n left: auto;\n}\n\n.navbar .pull-right > li > .dropdown-menu:after,\n.navbar .nav > li > .dropdown-menu.pull-right:after {\n right: 13px;\n left: auto;\n}\n\n.navbar .pull-right > li > .dropdown-menu .dropdown-menu,\n.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {\n right: 100%;\n left: auto;\n margin-right: -1px;\n margin-left: 0;\n -webkit-border-radius: 6px 0 6px 6px;\n -moz-border-radius: 6px 0 6px 6px;\n border-radius: 6px 0 6px 6px;\n}\n\n.navbar-inverse .navbar-inner {\n background-color: #1b1b1b;\n background-image: -moz-linear-gradient(top, #222222, #111111);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));\n background-image: -webkit-linear-gradient(top, #222222, #111111);\n background-image: -o-linear-gradient(top, #222222, #111111);\n background-image: linear-gradient(to bottom, #222222, #111111);\n background-repeat: repeat-x;\n border-color: #252525;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);\n}\n\n.navbar-inverse .brand,\n.navbar-inverse .nav > li > a {\n color: #999999;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\n\n.navbar-inverse .brand:hover,\n.navbar-inverse .nav > li > a:hover,\n.navbar-inverse .brand:focus,\n.navbar-inverse .nav > li > a:focus {\n color: #ffffff;\n}\n\n.navbar-inverse .brand {\n color: #999999;\n}\n\n.navbar-inverse .navbar-text {\n color: #999999;\n}\n\n.navbar-inverse .nav > li > a:focus,\n.navbar-inverse .nav > li > a:hover {\n color: #ffffff;\n background-color: transparent;\n}\n\n.navbar-inverse .nav .active > a,\n.navbar-inverse .nav .active > a:hover,\n.navbar-inverse .nav .active > a:focus {\n color: #ffffff;\n background-color: #111111;\n}\n\n.navbar-inverse .navbar-link {\n color: #999999;\n}\n\n.navbar-inverse .navbar-link:hover,\n.navbar-inverse .navbar-link:focus {\n color: #ffffff;\n}\n\n.navbar-inverse .divider-vertical {\n border-right-color: #222222;\n border-left-color: #111111;\n}\n\n.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,\n.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,\n.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {\n color: #ffffff;\n background-color: #111111;\n}\n\n.navbar-inverse .nav li.dropdown > a:hover .caret,\n.navbar-inverse .nav li.dropdown > a:focus .caret {\n border-top-color: #ffffff;\n border-bottom-color: #ffffff;\n}\n\n.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {\n border-top-color: #999999;\n border-bottom-color: #999999;\n}\n\n.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,\n.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,\n.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {\n border-top-color: #ffffff;\n border-bottom-color: #ffffff;\n}\n\n.navbar-inverse .navbar-search .search-query {\n color: #ffffff;\n background-color: #515151;\n border-color: #111111;\n -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);\n -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);\n -webkit-transition: none;\n -moz-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n.navbar-inverse .navbar-search .search-query:-moz-placeholder {\n color: #cccccc;\n}\n\n.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {\n color: #cccccc;\n}\n\n.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {\n color: #cccccc;\n}\n\n.navbar-inverse .navbar-search .search-query:focus,\n.navbar-inverse .navbar-search .search-query.focused {\n padding: 5px 15px;\n color: #333333;\n text-shadow: 0 1px 0 #ffffff;\n background-color: #ffffff;\n border: 0;\n outline: 0;\n -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);\n -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\n.navbar-inverse .btn-navbar {\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #0e0e0e;\n *background-color: #040404;\n background-image: -moz-linear-gradient(top, #151515, #040404);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));\n background-image: -webkit-linear-gradient(top, #151515, #040404);\n background-image: -o-linear-gradient(top, #151515, #040404);\n background-image: linear-gradient(to bottom, #151515, #040404);\n background-repeat: repeat-x;\n border-color: #040404 #040404 #000000;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n}\n\n.navbar-inverse .btn-navbar:hover,\n.navbar-inverse .btn-navbar:focus,\n.navbar-inverse .btn-navbar:active,\n.navbar-inverse .btn-navbar.active,\n.navbar-inverse .btn-navbar.disabled,\n.navbar-inverse .btn-navbar[disabled] {\n color: #ffffff;\n background-color: #040404;\n *background-color: #000000;\n}\n\n.navbar-inverse .btn-navbar:active,\n.navbar-inverse .btn-navbar.active {\n background-color: #000000 \\9;\n}\n\n.breadcrumb {\n padding: 8px 15px;\n margin: 0 0 20px;\n list-style: none;\n background-color: #f5f5f5;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.breadcrumb > li {\n display: inline-block;\n *display: inline;\n text-shadow: 0 1px 0 #ffffff;\n *zoom: 1;\n}\n\n.breadcrumb > li > .divider {\n padding: 0 5px;\n color: #ccc;\n}\n\n.breadcrumb > .active {\n color: #999999;\n}\n\n.pagination {\n margin: 20px 0;\n}\n\n.pagination ul {\n display: inline-block;\n *display: inline;\n margin-bottom: 0;\n margin-left: 0;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n *zoom: 1;\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.pagination ul > li {\n display: inline;\n}\n\n.pagination ul > li > a,\n.pagination ul > li > span {\n float: left;\n padding: 4px 12px;\n line-height: 20px;\n text-decoration: none;\n background-color: #ffffff;\n border: 1px solid #dddddd;\n border-left-width: 0;\n}\n\n.pagination ul > li > a:hover,\n.pagination ul > li > a:focus,\n.pagination ul > .active > a,\n.pagination ul > .active > span {\n background-color: #f5f5f5;\n}\n\n.pagination ul > .active > a,\n.pagination ul > .active > span {\n color: #999999;\n cursor: default;\n}\n\n.pagination ul > .disabled > span,\n.pagination ul > .disabled > a,\n.pagination ul > .disabled > a:hover,\n.pagination ul > .disabled > a:focus {\n color: #999999;\n cursor: default;\n background-color: transparent;\n}\n\n.pagination ul > li:first-child > a,\n.pagination ul > li:first-child > span {\n border-left-width: 1px;\n -webkit-border-bottom-left-radius: 4px;\n border-bottom-left-radius: 4px;\n -webkit-border-top-left-radius: 4px;\n border-top-left-radius: 4px;\n -moz-border-radius-bottomleft: 4px;\n -moz-border-radius-topleft: 4px;\n}\n\n.pagination ul > li:last-child > a,\n.pagination ul > li:last-child > span {\n -webkit-border-top-right-radius: 4px;\n border-top-right-radius: 4px;\n -webkit-border-bottom-right-radius: 4px;\n border-bottom-right-radius: 4px;\n -moz-border-radius-topright: 4px;\n -moz-border-radius-bottomright: 4px;\n}\n\n.pagination-centered {\n text-align: center;\n}\n\n.pagination-right {\n text-align: right;\n}\n\n.pagination-large ul > li > a,\n.pagination-large ul > li > span {\n padding: 11px 19px;\n font-size: 17.5px;\n}\n\n.pagination-large ul > li:first-child > a,\n.pagination-large ul > li:first-child > span {\n -webkit-border-bottom-left-radius: 6px;\n border-bottom-left-radius: 6px;\n -webkit-border-top-left-radius: 6px;\n border-top-left-radius: 6px;\n -moz-border-radius-bottomleft: 6px;\n -moz-border-radius-topleft: 6px;\n}\n\n.pagination-large ul > li:last-child > a,\n.pagination-large ul > li:last-child > span {\n -webkit-border-top-right-radius: 6px;\n border-top-right-radius: 6px;\n -webkit-border-bottom-right-radius: 6px;\n border-bottom-right-radius: 6px;\n -moz-border-radius-topright: 6px;\n -moz-border-radius-bottomright: 6px;\n}\n\n.pagination-mini ul > li:first-child > a,\n.pagination-small ul > li:first-child > a,\n.pagination-mini ul > li:first-child > span,\n.pagination-small ul > li:first-child > span {\n -webkit-border-bottom-left-radius: 3px;\n border-bottom-left-radius: 3px;\n -webkit-border-top-left-radius: 3px;\n border-top-left-radius: 3px;\n -moz-border-radius-bottomleft: 3px;\n -moz-border-radius-topleft: 3px;\n}\n\n.pagination-mini ul > li:last-child > a,\n.pagination-small ul > li:last-child > a,\n.pagination-mini ul > li:last-child > span,\n.pagination-small ul > li:last-child > span {\n -webkit-border-top-right-radius: 3px;\n border-top-right-radius: 3px;\n -webkit-border-bottom-right-radius: 3px;\n border-bottom-right-radius: 3px;\n -moz-border-radius-topright: 3px;\n -moz-border-radius-bottomright: 3px;\n}\n\n.pagination-small ul > li > a,\n.pagination-small ul > li > span {\n padding: 2px 10px;\n font-size: 11.9px;\n}\n\n.pagination-mini ul > li > a,\n.pagination-mini ul > li > span {\n padding: 0 6px;\n font-size: 10.5px;\n}\n\n.pager {\n margin: 20px 0;\n text-align: center;\n list-style: none;\n *zoom: 1;\n}\n\n.pager:before,\n.pager:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.pager:after {\n clear: both;\n}\n\n.pager li {\n display: inline;\n}\n\n.pager li > a,\n.pager li > span {\n display: inline-block;\n padding: 5px 14px;\n background-color: #fff;\n border: 1px solid #ddd;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n border-radius: 15px;\n}\n\n.pager li > a:hover,\n.pager li > a:focus {\n text-decoration: none;\n background-color: #f5f5f5;\n}\n\n.pager .next > a,\n.pager .next > span {\n float: right;\n}\n\n.pager .previous > a,\n.pager .previous > span {\n float: left;\n}\n\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n color: #999999;\n cursor: default;\n background-color: #fff;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop,\n.modal-backdrop.fade.in {\n opacity: 0.8;\n filter: alpha(opacity=80);\n}\n\n.modal {\n position: fixed;\n top: 10%;\n left: 50%;\n z-index: 1050;\n width: 560px;\n margin-left: -280px;\n background-color: #ffffff;\n border: 1px solid #999;\n border: 1px solid rgba(0, 0, 0, 0.3);\n *border: 1px solid #999;\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n outline: none;\n -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);\n box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);\n -webkit-background-clip: padding-box;\n -moz-background-clip: padding-box;\n background-clip: padding-box;\n}\n\n.modal.fade {\n top: -25%;\n -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;\n -moz-transition: opacity 0.3s linear, top 0.3s ease-out;\n -o-transition: opacity 0.3s linear, top 0.3s ease-out;\n transition: opacity 0.3s linear, top 0.3s ease-out;\n}\n\n.modal.fade.in {\n top: 10%;\n}\n\n.modal-header {\n padding: 9px 15px;\n border-bottom: 1px solid #eee;\n}\n\n.modal-header .close {\n margin-top: 2px;\n}\n\n.modal-header h3 {\n margin: 0;\n line-height: 30px;\n}\n\n.modal-body {\n position: relative;\n max-height: 400px;\n padding: 15px;\n overflow-y: auto;\n}\n\n.modal-form {\n margin-bottom: 0;\n}\n\n.modal-footer {\n padding: 14px 15px 15px;\n margin-bottom: 0;\n text-align: right;\n background-color: #f5f5f5;\n border-top: 1px solid #ddd;\n -webkit-border-radius: 0 0 6px 6px;\n -moz-border-radius: 0 0 6px 6px;\n border-radius: 0 0 6px 6px;\n *zoom: 1;\n -webkit-box-shadow: inset 0 1px 0 #ffffff;\n -moz-box-shadow: inset 0 1px 0 #ffffff;\n box-shadow: inset 0 1px 0 #ffffff;\n}\n\n.modal-footer:before,\n.modal-footer:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.modal-footer:after {\n clear: both;\n}\n\n.modal-footer .btn + .btn {\n margin-bottom: 0;\n margin-left: 5px;\n}\n\n.modal-footer .btn-group .btn + .btn {\n margin-left: -1px;\n}\n\n.modal-footer .btn-block + .btn-block {\n margin-left: 0;\n}\n\n.tooltip {\n position: absolute;\n z-index: 1030;\n display: block;\n font-size: 11px;\n line-height: 1.4;\n opacity: 0;\n filter: alpha(opacity=0);\n visibility: visible;\n}\n\n.tooltip.in {\n opacity: 0.8;\n filter: alpha(opacity=80);\n}\n\n.tooltip.top {\n padding: 5px 0;\n margin-top: -3px;\n}\n\n.tooltip.right {\n padding: 0 5px;\n margin-left: 3px;\n}\n\n.tooltip.bottom {\n padding: 5px 0;\n margin-top: 3px;\n}\n\n.tooltip.left {\n padding: 0 5px;\n margin-left: -3px;\n}\n\n.tooltip-inner {\n max-width: 200px;\n padding: 8px;\n color: #ffffff;\n text-align: center;\n text-decoration: none;\n background-color: #000000;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.tooltip.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-top-color: #000000;\n border-width: 5px 5px 0;\n}\n\n.tooltip.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-right-color: #000000;\n border-width: 5px 5px 5px 0;\n}\n\n.tooltip.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-left-color: #000000;\n border-width: 5px 0 5px 5px;\n}\n\n.tooltip.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-bottom-color: #000000;\n border-width: 0 5px 5px;\n}\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1010;\n display: none;\n max-width: 276px;\n padding: 1px;\n text-align: left;\n white-space: normal;\n background-color: #ffffff;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n -webkit-background-clip: padding-box;\n -moz-background-clip: padding;\n background-clip: padding-box;\n}\n\n.popover.top {\n margin-top: -10px;\n}\n\n.popover.right {\n margin-left: 10px;\n}\n\n.popover.bottom {\n margin-top: 10px;\n}\n\n.popover.left {\n margin-left: -10px;\n}\n\n.popover-title {\n padding: 8px 14px;\n margin: 0;\n font-size: 14px;\n font-weight: normal;\n line-height: 18px;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n -webkit-border-radius: 5px 5px 0 0;\n -moz-border-radius: 5px 5px 0 0;\n border-radius: 5px 5px 0 0;\n}\n\n.popover-title:empty {\n display: none;\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n\n.popover .arrow,\n.popover .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.popover .arrow {\n border-width: 11px;\n}\n\n.popover .arrow:after {\n border-width: 10px;\n content: \"\";\n}\n\n.popover.top .arrow {\n bottom: -11px;\n left: 50%;\n margin-left: -11px;\n border-top-color: #999;\n border-top-color: rgba(0, 0, 0, 0.25);\n border-bottom-width: 0;\n}\n\n.popover.top .arrow:after {\n bottom: 1px;\n margin-left: -10px;\n border-top-color: #ffffff;\n border-bottom-width: 0;\n}\n\n.popover.right .arrow {\n top: 50%;\n left: -11px;\n margin-top: -11px;\n border-right-color: #999;\n border-right-color: rgba(0, 0, 0, 0.25);\n border-left-width: 0;\n}\n\n.popover.right .arrow:after {\n bottom: -10px;\n left: 1px;\n border-right-color: #ffffff;\n border-left-width: 0;\n}\n\n.popover.bottom .arrow {\n top: -11px;\n left: 50%;\n margin-left: -11px;\n border-bottom-color: #999;\n border-bottom-color: rgba(0, 0, 0, 0.25);\n border-top-width: 0;\n}\n\n.popover.bottom .arrow:after {\n top: 1px;\n margin-left: -10px;\n border-bottom-color: #ffffff;\n border-top-width: 0;\n}\n\n.popover.left .arrow {\n top: 50%;\n right: -11px;\n margin-top: -11px;\n border-left-color: #999;\n border-left-color: rgba(0, 0, 0, 0.25);\n border-right-width: 0;\n}\n\n.popover.left .arrow:after {\n right: 1px;\n bottom: -10px;\n border-left-color: #ffffff;\n border-right-width: 0;\n}\n\n.thumbnails {\n margin-left: -20px;\n list-style: none;\n *zoom: 1;\n}\n\n.thumbnails:before,\n.thumbnails:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n\n.thumbnails:after {\n clear: both;\n}\n\n.row-fluid .thumbnails {\n margin-left: 0;\n}\n\n.thumbnails > li {\n float: left;\n margin-bottom: 20px;\n margin-left: 20px;\n}\n\n.thumbnail {\n display: block;\n padding: 4px;\n line-height: 20px;\n border: 1px solid #ddd;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);\n -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);\n -webkit-transition: all 0.2s ease-in-out;\n -moz-transition: all 0.2s ease-in-out;\n -o-transition: all 0.2s ease-in-out;\n transition: all 0.2s ease-in-out;\n}\n\na.thumbnail:hover,\na.thumbnail:focus {\n border-color: #0088cc;\n -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);\n -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);\n box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);\n}\n\n.thumbnail > img {\n display: block;\n max-width: 100%;\n margin-right: auto;\n margin-left: auto;\n}\n\n.thumbnail .caption {\n padding: 9px;\n color: #555555;\n}\n\n.media,\n.media-body {\n overflow: hidden;\n *overflow: visible;\n zoom: 1;\n}\n\n.media,\n.media .media {\n margin-top: 15px;\n}\n\n.media:first-child {\n margin-top: 0;\n}\n\n.media-object {\n display: block;\n}\n\n.media-heading {\n margin: 0 0 5px;\n}\n\n.media > .pull-left {\n margin-right: 10px;\n}\n\n.media > .pull-right {\n margin-left: 10px;\n}\n\n.media-list {\n margin-left: 0;\n list-style: none;\n}\n\n.label,\n.badge {\n display: inline-block;\n padding: 2px 4px;\n font-size: 11.844px;\n font-weight: bold;\n line-height: 14px;\n color: #ffffff;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n white-space: nowrap;\n vertical-align: baseline;\n background-color: #999999;\n}\n\n.label {\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n}\n\n.badge {\n padding-right: 9px;\n padding-left: 9px;\n -webkit-border-radius: 9px;\n -moz-border-radius: 9px;\n border-radius: 9px;\n}\n\n.label:empty,\n.badge:empty {\n display: none;\n}\n\na.label:hover,\na.label:focus,\na.badge:hover,\na.badge:focus {\n color: #ffffff;\n text-decoration: none;\n cursor: pointer;\n}\n\n.label-important,\n.badge-important {\n background-color: #b94a48;\n}\n\n.label-important[href],\n.badge-important[href] {\n background-color: #953b39;\n}\n\n.label-warning,\n.badge-warning {\n background-color: #f89406;\n}\n\n.label-warning[href],\n.badge-warning[href] {\n background-color: #c67605;\n}\n\n.label-success,\n.badge-success {\n background-color: #468847;\n}\n\n.label-success[href],\n.badge-success[href] {\n background-color: #356635;\n}\n\n.label-info,\n.badge-info {\n background-color: #3a87ad;\n}\n\n.label-info[href],\n.badge-info[href] {\n background-color: #2d6987;\n}\n\n.label-inverse,\n.badge-inverse {\n background-color: #333333;\n}\n\n.label-inverse[href],\n.badge-inverse[href] {\n background-color: #1a1a1a;\n}\n\n.btn .label,\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.btn-mini .label,\n.btn-mini .badge {\n top: 0;\n}\n\n@-webkit-keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n@-moz-keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n@-ms-keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n@-o-keyframes progress-bar-stripes {\n from {\n background-position: 0 0;\n }\n to {\n background-position: 40px 0;\n }\n}\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n.progress {\n height: 20px;\n margin-bottom: 20px;\n overflow: hidden;\n background-color: #f7f7f7;\n background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));\n background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);\n background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);\n background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);\n background-repeat: repeat-x;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);\n -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.progress .bar {\n float: left;\n width: 0;\n height: 100%;\n font-size: 12px;\n color: #ffffff;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: #0e90d2;\n background-image: -moz-linear-gradient(top, #149bdf, #0480be);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));\n background-image: -webkit-linear-gradient(top, #149bdf, #0480be);\n background-image: -o-linear-gradient(top, #149bdf, #0480be);\n background-image: linear-gradient(to bottom, #149bdf, #0480be);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);\n -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: width 0.6s ease;\n -moz-transition: width 0.6s ease;\n -o-transition: width 0.6s ease;\n transition: width 0.6s ease;\n}\n\n.progress .bar + .bar {\n -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n}\n\n.progress-striped .bar {\n background-color: #149bdf;\n background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n -webkit-background-size: 40px 40px;\n -moz-background-size: 40px 40px;\n -o-background-size: 40px 40px;\n background-size: 40px 40px;\n}\n\n.progress.active .bar {\n -webkit-animation: progress-bar-stripes 2s linear infinite;\n -moz-animation: progress-bar-stripes 2s linear infinite;\n -ms-animation: progress-bar-stripes 2s linear infinite;\n -o-animation: progress-bar-stripes 2s linear infinite;\n animation: progress-bar-stripes 2s linear infinite;\n}\n\n.progress-danger .bar,\n.progress .bar-danger {\n background-color: #dd514c;\n background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));\n background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);\n background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);\n background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);\n}\n\n.progress-danger.progress-striped .bar,\n.progress-striped .bar-danger {\n background-color: #ee5f5b;\n background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.progress-success .bar,\n.progress .bar-success {\n background-color: #5eb95e;\n background-image: -moz-linear-gradient(top, #62c462, #57a957);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));\n background-image: -webkit-linear-gradient(top, #62c462, #57a957);\n background-image: -o-linear-gradient(top, #62c462, #57a957);\n background-image: linear-gradient(to bottom, #62c462, #57a957);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);\n}\n\n.progress-success.progress-striped .bar,\n.progress-striped .bar-success {\n background-color: #62c462;\n background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.progress-info .bar,\n.progress .bar-info {\n background-color: #4bb1cf;\n background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));\n background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);\n background-image: -o-linear-gradient(top, #5bc0de, #339bb9);\n background-image: linear-gradient(to bottom, #5bc0de, #339bb9);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);\n}\n\n.progress-info.progress-striped .bar,\n.progress-striped .bar-info {\n background-color: #5bc0de;\n background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.progress-warning .bar,\n.progress .bar-warning {\n background-color: #faa732;\n background-image: -moz-linear-gradient(top, #fbb450, #f89406);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));\n background-image: -webkit-linear-gradient(top, #fbb450, #f89406);\n background-image: -o-linear-gradient(top, #fbb450, #f89406);\n background-image: linear-gradient(to bottom, #fbb450, #f89406);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);\n}\n\n.progress-warning.progress-striped .bar,\n.progress-striped .bar-warning {\n background-color: #fbb450;\n background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.accordion {\n margin-bottom: 20px;\n}\n\n.accordion-group {\n margin-bottom: 2px;\n border: 1px solid #e5e5e5;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.accordion-heading {\n border-bottom: 0;\n}\n\n.accordion-heading .accordion-toggle {\n display: block;\n padding: 8px 15px;\n}\n\n.accordion-toggle {\n cursor: pointer;\n}\n\n.accordion-inner {\n padding: 9px 15px;\n border-top: 1px solid #e5e5e5;\n}\n\n.carousel {\n position: relative;\n margin-bottom: 20px;\n line-height: 1;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.carousel-inner > .item {\n position: relative;\n display: none;\n -webkit-transition: 0.6s ease-in-out left;\n -moz-transition: 0.6s ease-in-out left;\n -o-transition: 0.6s ease-in-out left;\n transition: 0.6s ease-in-out left;\n}\n\n.carousel-inner > .item > img,\n.carousel-inner > .item > a > img {\n display: block;\n line-height: 1;\n}\n\n.carousel-inner > .active,\n.carousel-inner > .next,\n.carousel-inner > .prev {\n display: block;\n}\n\n.carousel-inner > .active {\n left: 0;\n}\n\n.carousel-inner > .next,\n.carousel-inner > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.carousel-inner > .next {\n left: 100%;\n}\n\n.carousel-inner > .prev {\n left: -100%;\n}\n\n.carousel-inner > .next.left,\n.carousel-inner > .prev.right {\n left: 0;\n}\n\n.carousel-inner > .active.left {\n left: -100%;\n}\n\n.carousel-inner > .active.right {\n left: 100%;\n}\n\n.carousel-control {\n position: absolute;\n top: 40%;\n left: 15px;\n width: 40px;\n height: 40px;\n margin-top: -20px;\n font-size: 60px;\n font-weight: 100;\n line-height: 30px;\n color: #ffffff;\n text-align: center;\n background: #222222;\n border: 3px solid #ffffff;\n -webkit-border-radius: 23px;\n -moz-border-radius: 23px;\n border-radius: 23px;\n opacity: 0.5;\n filter: alpha(opacity=50);\n}\n\n.carousel-control.right {\n right: 15px;\n left: auto;\n}\n\n.carousel-control:hover,\n.carousel-control:focus {\n color: #ffffff;\n text-decoration: none;\n opacity: 0.9;\n filter: alpha(opacity=90);\n}\n\n.carousel-indicators {\n position: absolute;\n top: 15px;\n right: 15px;\n z-index: 5;\n margin: 0;\n list-style: none;\n}\n\n.carousel-indicators li {\n display: block;\n float: left;\n width: 10px;\n height: 10px;\n margin-left: 5px;\n text-indent: -999px;\n background-color: #ccc;\n background-color: rgba(255, 255, 255, 0.25);\n border-radius: 5px;\n}\n\n.carousel-indicators .active {\n background-color: #fff;\n}\n\n.carousel-caption {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 15px;\n background: #333333;\n background: rgba(0, 0, 0, 0.75);\n}\n\n.carousel-caption h4,\n.carousel-caption p {\n line-height: 20px;\n color: #ffffff;\n}\n\n.carousel-caption h4 {\n margin: 0 0 5px;\n}\n\n.carousel-caption p {\n margin-bottom: 0;\n}\n\n.hero-unit {\n padding: 60px;\n margin-bottom: 30px;\n font-size: 18px;\n font-weight: 200;\n line-height: 30px;\n color: inherit;\n background-color: #eeeeee;\n -webkit-border-radius: 6px;\n -moz-border-radius: 6px;\n border-radius: 6px;\n}\n\n.hero-unit h1 {\n margin-bottom: 0;\n font-size: 60px;\n line-height: 1;\n letter-spacing: -1px;\n color: inherit;\n}\n\n.hero-unit li {\n line-height: 30px;\n}\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.hide {\n display: none;\n}\n\n.show {\n display: block;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.affix {\n position: fixed;\n}\n" }, { "path": "assets/css/jquery-ui-1.10.3.custom.css", "content": "/*!\n * jQuery UI Bootstrap (1.0 alpha)\n * http://addyosmani.github.io/jquery-ui-bootstrap/\n *\n * Copyright 2012 - 2013, Addy Osmani\n * Dual licensed under the MIT or GPL Version 2 licenses.\n *\n * Portions copyright jQuery UI & Twitter, Inc.\n */\n\n/********** VJ - Move to Less - Start *************/\n\n/* Layout helpers\n----------------------------------*/\n.ui-helper-hidden {\n\tdisplay: none;\n}\n\n.ui-helper-hidden-accessible {\n\tborder: 0;\n\tclip: rect(0 0 0 0);\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute;\n\twidth: 1px;\n}\n\n.ui-helper-reset {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\toutline: 0;\n\tline-height: 1.3;\n\ttext-decoration: none;\n\tfont-size: 100%;\n\tlist-style: none;\n}\n\n.ui-helper-clearfix:before,\n.ui-helper-clearfix:after {\n\tcontent: \"\";\n\tdisplay: table;\n\tborder-collapse: collapse;\n}\n\n.ui-helper-clearfix:after {\n\tcontent: \".\";\n\tdisplay: block;\n\theight: 0;\n\tclear: both;\n\tvisibility: hidden;\n}\n\n.ui-helper-clearfix {\n\t/*display: inline-block; */\n\tdisplay: block;\n\tmin-height: 0; /* support: IE7 */\n}\n\n/* required comment for clearfix to work in Opera \\*/\n* html .ui-helper-clearfix {\n\theight:1%;\n}\n\n/* end clearfix */\n.ui-helper-zfix {\n\twidth: 100%;\n\theight: 100%;\n\ttop: 0;\n\tleft: 0;\n\tposition: absolute;\n\topacity: 0;\n\tfilter:Alpha(Opacity=0);\n}\n.ui-front {\n\tz-index: 100;\n}\n\n\n/* Interaction Cues\n----------------------------------*/\n.ui-state-disabled {\n\tcursor: default !important;\n}\n\n\n/* Icons\n----------------------------------*/\n\n/* states and images */\n.ui-icon {\n\tdisplay: block;\n\ttext-indent: -99999px;\n\toverflow: hidden;\n\tbackground-repeat: no-repeat;\n}\n\n\n/* Misc visuals\n----------------------------------*/\n\n/* Overlays */\n\n.ui-widget-overlay {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n\n\n/*\n * jQuery UI Resizable 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://api.jqueryui.com/resizable/\n */\n\n.ui-resizable {\n\tposition: relative;\n}\n\n.ui-resizable-handle {\n\tposition: absolute;\n\tfont-size: 0.1px;\n\tz-index: 99999;\n\tdisplay: block;\n}\n\n.ui-resizable-disabled .ui-resizable-handle,\n.ui-resizable-autohide .ui-resizable-handle {\n\tdisplay: none;\n}\n\n.ui-resizable-n {\n\tcursor: n-resize;\n\theight: 7px;\n\twidth: 100%;\n\ttop: -5px;\n\tleft: 0;\n}\n\n.ui-resizable-s {\n\tcursor: s-resize;\n\theight: 7px;\n\twidth: 100%;\n\tbottom: -5px;\n\tleft: 0;\n}\n\n.ui-resizable-e {\n\tcursor: e-resize;\n\twidth: 7px;\n\tright: -5px;\n\ttop: 0;\n\theight: 100%;\n}\n\n.ui-resizable-w {\n\tcursor: w-resize;\n\twidth: 7px;\n\tleft: -5px;\n\ttop: 0;\n\theight: 100%;\n}\n\n.ui-resizable-se {\n\tcursor: se-resize;\n\twidth: 12px;\n\theight: 12px;\n\tright: 1px;\n\tbottom: 1px;\n}\n\n.ui-resizable-sw {\n\tcursor: sw-resize;\n\twidth: 9px;\n\theight: 9px;\n\tleft: -5px;\n\tbottom: -5px;\n}\n\n.ui-resizable-nw {\n\tcursor: nw-resize;\n\twidth: 9px;\n\theight: 9px;\n\tleft: -5px;\n\ttop: -5px;\n}\n\n.ui-resizable-ne {\n\tcursor: ne-resize;\n\twidth: 9px;\n\theight: 9px;\n\tright: -5px;\n\ttop: -5px;\n}\n\n/*\n * jQuery UI Selectable 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://jqueryui.com/selectable/\n */\n\n.ui-selectable-helper {\n\tposition: absolute;\n\tz-index: 100;\n\tborder: 1px dotted black;\n}\n\n\n/*\n * jQuery UI CSS Framework 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * \n *\n * To view and modify this theme, visit http://jqueryui.com/themeroller/\n */\n\n/* Component containers\n----------------------------------*/\n\n.ui-widget {\n\tfont-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\tfont-size: 13px;\n}\n\n.ui-widget .ui-widget {\n\tfont-size: 13px;\n}\n\n.ui-widget input,\n.ui-widget select,\n.ui-widget textarea,\n.ui-widget button {\n\tfont-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\tfont-size: inherit;\n}\n\n.ui-widget-content {\n\tborder: 1px solid #aaaaaa;\n\tbackground: #ffffff url(\"images/ui-bg_glass_75_ffffff_1x400.png\") 50% 50% repeat-x;\n\tcolor: #404040;\n}\n\n.ui-widget-header {\n\tfont-weight: bold;\n background-color: #F5F5F5;\n border-color: #DDDDDD;\n color: #333333;\n\n}\n\n.ui-widget-header a {\n\tcolor: #222222;\n}\n\n/* Interaction states\n----------------------------------*/\n\n.ui-state-default,\n.ui-widget-content .ui-state-default,\n.ui-widget-header .ui-state-default {\n color: #333333;\n background-color: #ffffff;\n font-weight: normal;\n border: 1px solid #cccccc;\n}\n\n.ui-state-default a,\n.ui-state-default a:link,\n.ui-state-default a:visited {\n\tcolor: #555555;\n\ttext-decoration: none;\n}\n\n.ui-state-hover,\n.ui-widget-content .ui-state-hover,\n.ui-widget-header .ui-state-hover,\n.ui-state-focus,\n.ui-widget-content .ui-state-focus,\n.ui-widget-header .ui-state-focus {\n\tcolor: #333333;\n background-color: #ebebeb;\n border-color: #adadad;\n\ttext-decoration: none;\n}\n\n.ui-state-hover a,\n.ui-state-hover a:hover,\n.ui-state-hover a:link,\n.ui-state-hover a:visited {\n\tcolor: #333333;\n\ttext-decoration: none;\n}\n.ui-state-active,\n.ui-widget-content .ui-state-active,\n.ui-widget-header .ui-state-active {\n\tborder: 1px solid #adadad;\n\tfont-weight: normal;\n\tcolor: #333333;\n}\n\n.ui-state-active a,\n.ui-state-active a:link,\n.ui-state-active a:visited {\n\tcolor: #333333;\n\ttext-decoration: none;\n}\n\n.ui-widget :active {\n\toutline: none;\n}\n\n/* Interaction Cues\n----------------------------------*/\n\n.ui-state-highlight,\n.ui-state-error,\n.ui-state-default {\n\tposition: relative;\n\tborder-width: 1px;\n\tborder-style: solid;\n}\n\n.ui-state-highlight p,\n.ui-state-error p,\n.ui-state-default p {\n\tfont-size: 13px;\n\tfont-weight: normal;\n\tline-height: 18px;\n\tmargin:7px 15px;\n}\n\n.ui-state-highlight,\n.ui-widget-content .ui-state-highlight,\n.ui-widget-header .ui-state-highlight {\n\tcolor: #3a87ad;\n background-color: #d9edf7;\n border-color: #bce8f1;\n}\n\n.ui-state-highlight a,\n.ui-widget-content .ui-state-highlight a,\n.ui-widget-header .ui-state-highlight a {\n\tcolor: #2d6987;\n}\n\n.ui-state-error,\n.ui-widget-content .ui-state-error,\n.ui-widget-header .ui-state-error {\n\tcolor: #b94a48;\n background-color: #f2dede;\n border-color: #eed3d7;\n}\n\n.ui-state-error a,\n.ui-widget-content .ui-state-error a,\n.ui-widget-header .ui-state-error a {\n\tcolor: #953b39;\n}\n\n.ui-state-error-text,\n.ui-widget-content .ui-state-error-text,\n.ui-widget-header .ui-state-error-text {\n\tcolor: #953b39;\n}\n\n.ui-priority-primary,\n.ui-widget-content .ui-priority-primary,\n.ui-widget-header .ui-priority-primary {\n\tfont-weight: bold;\n}\n\n.ui-priority-secondary,\n.ui-widget-content .ui-priority-secondary,\n.ui-widget-header .ui-priority-secondary {\n\topacity: .7;\n\tfilter:Alpha(Opacity=70);\n\tfont-weight: normal;\n}\n\n.ui-state-disabled,\n.ui-widget-content .ui-state-disabled,\n.ui-widget-header .ui-state-disabled {\n\topacity: .35;\n\tfilter:Alpha(Opacity=35);\n\tbackground-image: none;\n}\n\n.ui-state-disabled .ui-icon {\n\tfilter:Alpha(Opacity=35); /* For IE8 - See #6059 */\n}\n\n/* Icons\n----------------------------------*/\n\n/* states and images */\n\n.ui-icon {\n\twidth: 16px;\n\theight: 16px;\n\tbackground-image: url(\"images/ui-icons_222222_256x240.png\");\n}\n\n.ui-widget-content .ui-icon {\n\tbackground-image: url(\"images/ui-icons_222222_256x240.png\");\n}\n\n.ui-widget-header .ui-icon {\n\tbackground-image: url(\"images/ui-icons_222222_256x240.png\");\n}\n\n.ui-state-default .ui-icon {\n\tbackground-image: url(\"images/ui-icons_888888_256x240.png\");\n}\n\n.ui-state-hover .ui-icon,\n.ui-state-focus .ui-icon {\n\tbackground-image: url(\"images/ui-icons_454545_256x240.png\");\n}\n\n.ui-state-active .ui-icon {\n\tbackground-image: url(\"images/ui-icons_454545_256x240.png\");\n}\n\n.ui-state-highlight .ui-icon {\n\tbackground-image: url(\"images/ui-icons_2e83ff_256x240.png\");\n}\n\n.ui-state-error .ui-icon,\n.ui-state-error-text .ui-icon {\n\tbackground-image: url(\"images/ui-icons_f6cf3b_256x240.png\");\n}\n\n/* positioning */\n\n.ui-icon-carat-1-n { background-position: 0 0; }\n.ui-icon-carat-1-ne { background-position: -16px 0; }\n.ui-icon-carat-1-e { background-position: -32px 0; }\n.ui-icon-carat-1-se { background-position: -48px 0; }\n.ui-icon-carat-1-s { background-position: -64px 0; }\n.ui-icon-carat-1-sw { background-position: -80px 0; }\n.ui-icon-carat-1-w { background-position: -96px 0; }\n.ui-icon-carat-1-nw { background-position: -112px 0; }\n.ui-icon-carat-2-n-s { background-position: -128px 0; }\n.ui-icon-carat-2-e-w { background-position: -144px 0; }\n\n.ui-icon-triangle-1-n { background-position: 0 -16px; }\n.ui-icon-triangle-1-ne { background-position: -16px -16px; }\n.ui-icon-triangle-1-e { background-position: -32px -16px; }\n.ui-icon-triangle-1-se { background-position: -48px -16px; }\n.ui-icon-triangle-1-s { background-position: -64px -16px; }\n.ui-icon-triangle-1-sw { background-position: -80px -16px; }\n.ui-icon-triangle-1-w { background-position: -96px -16px; }\n.ui-icon-triangle-1-nw { background-position: -112px -16px; }\n.ui-icon-triangle-2-n-s { background-position: -128px -16px; }\n.ui-icon-triangle-2-e-w { background-position: -144px -16px; }\n\n.ui-icon-arrow-1-n { background-position: 0 -32px; }\n.ui-icon-arrow-1-ne { background-position: -16px -32px; }\n.ui-icon-arrow-1-e { background-position: -32px -32px; }\n.ui-icon-arrow-1-se { background-position: -48px -32px; }\n.ui-icon-arrow-1-s { background-position: -64px -32px; }\n.ui-icon-arrow-1-sw { background-position: -80px -32px; }\n.ui-icon-arrow-1-w { background-position: -96px -32px; }\n.ui-icon-arrow-1-nw { background-position: -112px -32px; }\n.ui-icon-arrow-2-n-s { background-position: -128px -32px; }\n.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }\n.ui-icon-arrow-2-e-w { background-position: -160px -32px; }\n.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }\n.ui-icon-arrowstop-1-n { background-position: -192px -32px; }\n.ui-icon-arrowstop-1-e { background-position: -208px -32px; }\n.ui-icon-arrowstop-1-s { background-position: -224px -32px; }\n.ui-icon-arrowstop-1-w { background-position: -240px -32px; }\n\n.ui-icon-arrowthick-1-n { background-position: 0 -48px; }\n.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }\n.ui-icon-arrowthick-1-e { background-position: -32px -48px; }\n.ui-icon-arrowthick-1-se { background-position: -48px -48px; }\n.ui-icon-arrowthick-1-s { background-position: -64px -48px; }\n.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }\n.ui-icon-arrowthick-1-w { background-position: -96px -48px; }\n.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }\n.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }\n.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }\n.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }\n.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }\n.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }\n.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }\n.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }\n.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }\n\n.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }\n.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }\n.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }\n.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }\n.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }\n.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }\n.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }\n.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }\n.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }\n.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }\n.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }\n.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }\n\n.ui-icon-arrow-4 { background-position: 0 -80px; }\n.ui-icon-arrow-4-diag { background-position: -16px -80px; }\n.ui-icon-extlink { background-position: -32px -80px; }\n.ui-icon-newwin { background-position: -48px -80px; }\n.ui-icon-refresh { background-position: -64px -80px; }\n.ui-icon-shuffle { background-position: -80px -80px; }\n.ui-icon-transfer-e-w { background-position: -96px -80px; }\n.ui-icon-transferthick-e-w { background-position: -112px -80px; }\n\n.ui-icon-folder-collapsed { background-position: 0 -96px; }\n.ui-icon-folder-open { background-position: -16px -96px; }\n.ui-icon-document { background-position: -32px -96px; }\n.ui-icon-document-b { background-position: -48px -96px; }\n.ui-icon-note { background-position: -64px -96px; }\n.ui-icon-mail-closed { background-position: -80px -96px; }\n.ui-icon-mail-open { background-position: -96px -96px; }\n.ui-icon-suitcase { background-position: -112px -96px; }\n.ui-icon-comment { background-position: -128px -96px; }\n.ui-icon-person { background-position: -144px -96px; }\n.ui-icon-print { background-position: -160px -96px; }\n.ui-icon-trash { background-position: -176px -96px; }\n.ui-icon-locked { background-position: -192px -96px; }\n.ui-icon-unlocked { background-position: -208px -96px; }\n.ui-icon-bookmark { background-position: -224px -96px; }\n.ui-icon-tag { background-position: -240px -96px; }\n\n.ui-icon-home { background-position: 0 -112px; }\n.ui-icon-flag { background-position: -16px -112px; }\n.ui-icon-calendar { background-position: -32px -112px; }\n.ui-icon-cart { background-position: -48px -112px; }\n.ui-icon-pencil { background-position: -64px -112px; }\n.ui-icon-clock { background-position: -80px -112px; }\n.ui-icon-disk { background-position: -96px -112px; }\n.ui-icon-calculator { background-position: -112px -112px; }\n.ui-icon-zoomin { background-position: -128px -112px; }\n.ui-icon-zoomout { background-position: -144px -112px; }\n.ui-icon-search { background-position: -160px -112px; }\n.ui-icon-wrench { background-position: -176px -112px; }\n.ui-icon-gear { background-position: -192px -112px; }\n.ui-icon-heart { background-position: -208px -112px; }\n.ui-icon-star { background-position: -224px -112px; }\n.ui-icon-link { background-position: -240px -112px; }\n\n.ui-icon-cancel { background-position: 0 -128px; }\n.ui-icon-plus { background-position: -16px -128px; }\n.ui-icon-plusthick { background-position: -32px -128px; }\n.ui-icon-minus { background-position: -48px -128px; }\n.ui-icon-minusthick { background-position: -64px -128px; }\n.ui-icon-close { background-position: -80px -128px; }\n.ui-icon-closethick { background-position: -96px -128px; }\n.ui-icon-key { background-position: -112px -128px; }\n.ui-icon-lightbulb { background-position: -128px -128px; }\n.ui-icon-scissors { background-position: -144px -128px; }\n.ui-icon-clipboard { background-position: -160px -128px; }\n.ui-icon-copy { background-position: -176px -128px; }\n.ui-icon-contact { background-position: -192px -128px; }\n.ui-icon-image { background-position: -208px -128px; }\n.ui-icon-video { background-position: -224px -128px; }\n.ui-icon-script { background-position: -240px -128px; }\n\n.ui-icon-alert { background-position: 0 -144px; }\n.ui-icon-info { background-position: -16px -144px; }\n.ui-icon-notice { background-position: -32px -144px; }\n.ui-icon-help { background-position: -48px -144px; }\n.ui-icon-check { background-position: -64px -144px; }\n.ui-icon-bullet { background-position: -80px -144px; }\n.ui-icon-radio-on { background-position: -96px -144px; }\n.ui-icon-radio-off { background-position: -112px -144px; }\n.ui-icon-pin-w { background-position: -128px -144px; }\n.ui-icon-pin-s { background-position: -144px -144px; }\n\n.ui-icon-play { background-position: 0 -160px; }\n.ui-icon-pause { background-position: -16px -160px; }\n.ui-icon-seek-next { background-position: -32px -160px; }\n.ui-icon-seek-prev { background-position: -48px -160px; }\n.ui-icon-seek-end { background-position: -64px -160px; }\n.ui-icon-seek-first { background-position: -80px -160px; }\n.ui-icon-seek-start { background-position: -80px -160px; }\n.ui-icon-stop { background-position: -96px -160px; }\n.ui-icon-eject { background-position: -112px -160px; }\n.ui-icon-volume-off { background-position: -128px -160px; }\n.ui-icon-volume-on { background-position: -144px -160px; }\n\n.ui-icon-power { background-position: 0 -176px; }\n.ui-icon-signal-diag { background-position: -16px -176px; }\n.ui-icon-signal { background-position: -32px -176px; }\n.ui-icon-battery-0 { background-position: -48px -176px; }\n.ui-icon-battery-1 { background-position: -64px -176px; }\n.ui-icon-battery-2 { background-position: -80px -176px; }\n.ui-icon-battery-3 { background-position: -96px -176px; }\n\n.ui-icon-circle-plus { background-position: 0 -192px; }\n.ui-icon-circle-minus { background-position: -16px -192px; }\n.ui-icon-circle-close { background-position: -32px -192px; }\n.ui-icon-circle-triangle-e { background-position: -48px -192px; }\n.ui-icon-circle-triangle-s { background-position: -64px -192px; }\n.ui-icon-circle-triangle-w { background-position: -80px -192px; }\n.ui-icon-circle-triangle-n { background-position: -96px -192px; }\n.ui-icon-circle-arrow-e { background-position: -112px -192px; }\n.ui-icon-circle-arrow-s { background-position: -128px -192px; }\n.ui-icon-circle-arrow-w { background-position: -144px -192px; }\n.ui-icon-circle-arrow-n { background-position: -160px -192px; }\n.ui-icon-circle-zoomin { background-position: -176px -192px; }\n.ui-icon-circle-zoomout { background-position: -192px -192px; }\n.ui-icon-circle-check { background-position: -208px -192px; }\n\n.ui-icon-circlesmall-plus { background-position: 0 -208px; }\n.ui-icon-circlesmall-minus { background-position: -16px -208px; }\n.ui-icon-circlesmall-close { background-position: -32px -208px; }\n.ui-icon-squaresmall-plus { background-position: -48px -208px; }\n.ui-icon-squaresmall-minus { background-position: -64px -208px; }\n.ui-icon-squaresmall-close { background-position: -80px -208px; }\n\n.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }\n.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }\n.ui-icon-grip-solid-vertical { background-position: -32px -224px; }\n.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }\n.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }\n.ui-icon-grip-diagonal-se { background-position: -80px -224px; }\n\n/* Misc visuals\n----------------------------------*/\n\n/* Corner radius */\n\n.ui-corner-all {\n\t-webkit-border-radius: 4px; /* Safari 4 */\n\t-moz-border-radius: 4px; /* Firefox 3.6 */\n\tborder-radius: 4px;\n}\n\n.ui-corner-top,\n.ui-corner-left,\n.ui-corner-tl {\n\t-webkit-border-top-left-radius: 4px; /* Safari 4 */\n\t-moz-border-radius-topleft: 4px; /* Firefox 3.6 */\n\tborder-top-left-radius: 4px;\n}\n\n.ui-corner-top,\n.ui-corner-right,\n.ui-corner-tr {\n\t-webkit-border-top-right-radius: 4px; /* Safari 4 */\n\t-moz-border-radius-topright: 4px; /* Firefox 3.6 */\n\tborder-top-right-radius: 4px;\n}\n\n.ui-corner-bottom,\n.ui-corner-left,\n.ui-corner-bl {\n\t-webkit-border-bottom-left-radius: 4px; /* Safari 4 */\n\t-moz-border-radius-bottomleft: 4px; /* Firefox 3.6 */\n\tborder-bottom-left-radius: 4px;\n}\n\n.ui-corner-bottom,\n.ui-corner-right,\n.ui-corner-br {\n\t-webkit-border-bottom-right-radius: 4px; /* Safari 4 */\n\t-moz-border-radius-bottomright: 4px; /* Firefox 3.6 */\n\tborder-bottom-right-radius: 4px;\n}\n\n/* Overlays */\n\n.ui-widget-overlay {\n\tbackground: #aaaaaa url(\"images/ui-bg_flat_0_aaaaaa_40x100.png\") 50% 50% repeat-x;\n\topacity: .30;\n\tfilter:Alpha(Opacity=30);\n}\n\n.ui-widget-shadow {\n\tmargin: -8px 0 0 -8px;\n\tpadding: 8px;\n\tbackground: #aaaaaa url(\"images/ui-bg_flat_0_aaaaaa_40x100.png\") 50% 50% repeat-x;\n\topacity: .30;\n\tfilter:Alpha(Opacity=30);\n\t-webkit-border-radius: 8px; /* Safari 4 */\n\t-moz-border-radius: 8px; /* Firefox 3.6 */\n\tborder-radius: 8px;\n}\n\n/*\n * jQuery UI Accordion 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://jqueryui.com/accordion/\n */\n\n/* IE/Win - Fix animation bug - #4615 */\n.ui-accordion {\n\twidth: 100%;\n}\n\n.ui-accordion .ui-accordion-li-fix {\n\tdisplay: inline;\n}\n\n.ui-accordion .ui-accordion-header-active {\n\tborder-bottom: 0 !important;\n}\n\n.ui-accordion .ui-accordion-header {\n\tdisplay: block;\n\tcursor: pointer;\n\tposition: relative;\n\tmargin-top: 2px;\n\tpadding: .5em .5em .5em .7em;\n\tmin-height: 0; /* support: IE7 */\n}\n\n.ui-accordion .ui-accordion-icons {\n\tpadding-left: 2.2em;\n}\n.ui-accordion .ui-accordion-noicons {\n\tpadding-left: .7em;\n}\n.ui-accordion .ui-accordion-icons .ui-accordion-icons {\n\tpadding-left: 2.2em;\n}\n.ui-accordion .ui-accordion-header .ui-accordion-header-icon {\n\tposition: absolute;\n\tleft: .5em;\n\ttop: 50%;\n\tmargin-top: -8px;\n}\n\n.ui-accordion .ui-accordion-content {\n\tpadding: 1em 2.2em;\n border-top: 0 none;\n\tmargin-top: -3px;\n\tposition: relative;\n\ttop: 1px;\n\tmargin-bottom: 2px;\n\toverflow: auto;\n\tdisplay: none;\n}\n\n.ui-accordion .ui-accordion-content-active {\n\tdisplay: block;\n}\n\n\n/*\n * jQuery UI Autocomplete 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://jqueryui.com/autocomplete/\n */\n\n.ui-autocomplete {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tcursor: default;\n}\n\n\n/*\n * jQuery UI Button 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Button#theming\n */\n\n.ui-button {\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tpadding: 6px 12px;\n \tmargin-bottom: 0;\n\tfont-size: 14px;\n\tfont-weight: normal;\n\tline-height: 1.428571429;\n\ttext-align: center;\n\twhite-space: nowrap;\n\tvertical-align: middle;\n\tcursor: pointer;\n\tborder: 1px solid #ccc;\n\t-webkit-user-select: none;\n\t -moz-user-select: none;\n\t -ms-user-select: none;\n\t -o-user-select: none;\n\t user-select: none;\n}\n\n.ui-button:focus {\n outline: thin dotted #333;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.ui-button:focus,\n.ui-button:hover {\n\tcolor: #333333;\n background-color: #ebebeb;\n border-color: #adadad;\n text-decoration: none;\n}\n\nui-button.disabled,\nui-button[disabled],\nfieldset[disabled] ui-button,\nui-button.disabled:hover,\nui-button[disabled]:hover,\nfieldset[disabled] ui-button:hover,\nui-button.disabled:focus,\nui-button[disabled]:focus,\nfieldset[disabled] ui-button:focus,\nui-button.disabled:active,\nui-button[disabled]:active,\nfieldset[disabled] ui-button:active,\nui-button.disabled.active,\nui-button[disabled].active,\nfieldset[disabled] ui-button.ui-state-active {\n background-color: #ffffff;\n border-color: #cccccc;\n}\n\n.ui-btn-lg{\n\tpadding: 10px 16px;\n font-size: 18px;\n line-height: 1.33;\n border-radius: 6px;\n}\n\n.ui-btn-sm,\n.ui-btn-xs {\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n\n.ui-btn-xs {\n padding: 1px 5px;\n}\n\n.ui-btn-block {\n display: block;\n width: 100%;\n padding-right: 0;\n padding-left: 0;\n}\n\n.ui-btn-block + .ui-btn-block {\n margin-top: 5px;\n}\n\ninput[type=\"submit\"].ui-btn-block,\ninput[type=\"reset\"].ui-btn-block,\ninput[type=\"button\"].ui-btn-block {\n width: 100%;\n}\n\n.ui-button-text-icon-primary \n.ui-button-icon-primary {\n float:left;\n}\n\n.ui-button-text-icon-primary {\n padding:2px 7px 3px;\n}\n\n.ui-button-primary {\n\tcolor: #ffffff;\n background-color: #428bca;\n border-color: #357ebd;\n}\n\n.ui-button-warning {\n\tcolor: #ffffff;\n\tbackground-color: #f0ad4e;\n\tborder-color: #eea236;\n}\n\n.ui-button-info {\n color: #ffffff;\n background-color: #5bc0de;\n border-color: #46b8da;\n}\n.ui-button-danger {\n\tcolor: #ffffff;\n\tbackground-color: #d9534f;\n\tborder-color: #d43f3a;\n}\n\n.ui-button-inverse {\n\tcolor: #ffffff;\n\tbackground-color: #222222;\n border-color: #080808;\n}\n\n.ui-button-success {\n color: #ffffff;\n background-color: #5cb85c;\n border-color: #4cae4c;\n}\n\n.ui-button-error {\n\tcolor: #ffffff;\n\tbackground-color: #c43c35;\n\tborder-color: #882a25;\n}\n\n.ui-button-primary:hover,\n.ui-button-success:hover,\n.ui-button-info:hover,\n.ui-button-danger:hover, \n.ui-button-warning:hover,\n.ui-button-inverse:hover{\n\tcolor: #ffffff;\n\ttext-decoration: none;\n}\n\n.ui-button-primary:hover,\n.ui-button-primary:focus {\n\tcolor: #ffffff;\n\tbackground-color: #3276b1;\n\tborder-color: #285e8e;\n}\n.ui-button-success:hover{\n color: #ffffff;\n background-color: #47a447;\n border-color: #398439;\n}\n\n.ui-button-info:hover{\n color: #ffffff;\n background-color: #39b3d7;\n border-color: #269abc;\n}\n\n.ui-button-danger:hover{\n color: #ffffff;\n background-color: #d2322d;\n border-color: #ac2925;\n}\n\n.ui-button-warning:hover{\n\tcolor: #ffffff;\n\tbackground-color: #ed9c28;\n\tborder-color: #d58512;\n}\n\n.ui-button-inverse:hover{\n\tcolor: #ffffff;\n\tbackground-color: #363636;\n\tborder-color: #000000;\n}\n\n/* to make room for the icon, a width needs to be set here */\n.ui-button-icon-only {\n\twidth: 2.2em;\n}\n\n/* button elements seem to need a little more width */\n.ui-button-icons-only {\n\twidth: 3.4em;\n}\n\nbutton.ui-button-icons-only {\n\twidth: 3.7em;\n}\n\n.ui-button-text-icon-primary .ui-button-icon-primary.ui-icon {\n margin-top:5px;\n}\n/*button text element */\n\n.ui-button .ui-button-text {\n\tdisplay: block;\n\tline-height: normal;\n}\n\n.ui-button-icon-only .ui-button-text,\n.ui-button-icons-only .ui-button-text {\n\tpadding: .4em;\n\ttext-indent: -9999px;\n\tdisplay:none; /*tempfix*/\n}\n\n.ui-button-text-icon-primary .ui-button-text,\n.ui-button-text-icons .ui-button-text {\n\tpadding: .4em 1em .4em 2.1em;\n}\n\n.ui-button-text-icon-secondary .ui-button-text,\n.ui-button-text-icons .ui-button-text {\n\tpadding: .4em 2.1em .4em 1em;\n}\n\n.ui-button-text-icons .ui-button-text {\n\tpadding-left: 2.1em;\n\tpadding-right: 2.1em;\n}\n\n/* no icon support for input elements, provide padding by default */\ninput.ui-button {\n\tpadding: .4em 1em;\n}\n\n/*button icon element(s) */\n.ui-button-icon-only .ui-icon,\n.ui-button-text-icon-primary .ui-icon,\n.ui-button-text-icon-secondary .ui-icon,\n.ui-button-text-icons .ui-icon,\n.ui-button-icons-only .ui-icon {\n margin-bottom: 0;\n margin-top: 0;\n top: 50%;\n}\n\n.ui-button-icon-only .ui-icon {\n\tleft: 50%;\n\t/* chrome margin*/\n\tmargin-left: -8px;\n\t/* firefox margin*/\n margin-right: -6px;\n}\n\n.ui-button-text-icon-primary .ui-button-icon-primary,\n.ui-button-text-icons .ui-button-icon-primary,\n.ui-button-icons-only .ui-button-icon-primary {\n\tleft: .5em;\n}\n\n.ui-button-text-icon-secondary .ui-button-icon-secondary,\n.ui-button-text-icons .ui-button-icon-secondary,\n.ui-button-icons-only .ui-button-icon-secondary {\n\tright: .5em;\n}\n\n.ui-button-text-icons .ui-button-icon-secondary,\n.ui-button-icons-only .ui-button-icon-secondary {\n\tright: .5em;\n}\n\n/*button sets*/\n\n.ui-buttonset {\n\tmargin-right: 7px;\n}\n\n.ui-buttonset .ui-state-active {\n color: #ffffff;\n background-color: #428bca;\n border-color: #357ebd;\n}\n\n.ui-buttonset .ui-state-active.ui-state-hover {\n color: #ffffff;\n background-color: #3276b1;\n border-color: #285e8e;\n}\n\n.ui-buttonset .ui-button {\n\tmargin-left: 0;\n\tmargin-right: -.4em;\n}\n\n/* reset extra padding in Firefox */\nbutton.ui-button::-moz-focus-inner {\n\tborder: 0;\n\tpadding: 0;\n} \n\n\n/*\n * jQuery UI Menu 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Menu#theming\n */\n\n.ui-menu {\n\tlist-style: none;\n\tpadding: 2px;\n\tmargin: 0;\n\tdisplay: block;\n\toutline: none;\n}\n\n.ui-menu .ui-menu{\n\tmargin-top: -3px;\n\tposition: absolute;\n\tlist-style:none;\n}\n\n/*\n* Bug inline with IE sub menu\n*/\n/* IE9, IE10 */\n@media screen and (min-width:0\\0) {\n\t.ui-menu li {\n\t list-style-type: none;\n\t display: inline;\n\t line-height: 0;\n\t}\n\n\tli.ui-menu-item { \n\t /* This fixes the IE10 issue (jQuery UI Issue #8844)*/\n\t list-style-type: none;\n\t}\n}\n\n.ui-menu .ui-menu-item {\n\tmargin: 0;\n\tpadding: 0;\n\twidth: 100%;\n\tlist-style:none;\n\t/* support: IE10, see #8844 */\n\tlist-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n}\n\n.ui-menu .ui-menu-divider {\n\tmargin: 5px -2px 5px -2px;\n\theight: 0;\n\tfont-size: 0;\n\tline-height: 0;\n\tborder-width: 1px 0 0 0;\n}\n\n.ui-menu .ui-menu-item a {\n\ttext-decoration: none;\n\tdisplay: block;\n\tpadding: 2px .4em;\n\tline-height: 1.5;\n\tmin-height: 0; /* support: IE7 */\n\tfont-weight: normal;\n}\n\n.ui-menu .ui-menu-item a.ui-corner-all{\n\t-webkit-border-radius: 0px; /* Safari 4 */\n -moz-border-radius: 0px; /* Firefox 3.6 */\n border-radius: 0px;\n}\n\n.ui-menu .ui-menu-item a.ui-state-focus,\n.ui-menu .ui-menu-item a.ui-state-active,\n.ui-menu .ui-menu-item a.ui-widget-content{\n\tfont-weight: bold;\n\tmargin: 0;\n background-color: #428BCA;\n border-color: #357EBD;\n color: #FFFFFF;\n display: block;\n white-space: nowrap;\n}\n\n/* Fix problem with border in ui-state-active */\n.ui-menu .ui-menu-item a.ui-state-active {\n\tpadding: 1px .4em;\n}\n\n.ui-menu .ui-state-disabled {\n\tfont-weight: normal;\n\tmargin: .4em 0 .2em;\n\tline-height: 1.5;\n}\n\n.ui-menu .ui-state-disabled a {\n\tcursor: default;\n}\n\n/* icon support */\n.ui-menu-icons {\n\tposition: relative;\n}\n\n.ui-menu-icons .ui-menu-item a {\n\tposition: relative;\n\tpadding-left: 2em;\n}\n\n/* left-aligned */\n.ui-menu .ui-icon {\n\tposition: absolute;\n\ttop: .2em;\n\tleft: .2em;\n}\n\n/* right-aligned */\n.ui-menu .ui-menu-icon {\n\tposition: static;\n\tfloat: right;\n}\n\n.ui-menu {\n\twidth: 200px;\n\tmargin-bottom: 2em;\n}\n\n\n/*\n * jQuery UI spinner 1.10.3\n *\n* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Menu#theming\n */\n\n.ui-spinner {\n\tposition: relative;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tpadding: 0;\n\tvertical-align: middle;\n}\n\n.ui-spinner-input {\n\tborder: none;\n\tbackground: none;\n\tpadding: 0;\n\tmargin: .2em 0;\n\tvertical-align: middle;\n\tmargin-left: .4em;\n\tmargin-right: 22px;\n}\n\n.ui-spinner-button {\n\twidth: 16px;\n\theight: 50%;\n\tfont-size: .5em;\n\tpadding: 0;\n\tmargin: 0;\n\ttext-align: center;\n\tposition: absolute;\n\tcursor: default;\n\tdisplay: block;\n\toverflow: hidden;\n\tright: 0;\n}\n\n/* more specificity required here to overide default borders */\n.ui-spinner a.ui-spinner-button {\n\tborder-top: none;\n\tborder-bottom: none;\n\tborder-right: none;\n}\n\n/* vertical centre icon */\n.ui-spinner .ui-icon {\n\tposition: absolute;\n\tmargin-top: -8px;\n\ttop: 50%;\n\tleft: 0;\n}\n\n.ui-spinner-up {\n\ttop: 0;\n}\n\n.ui-spinner-down {\n\tbottom: 0;\n}\n\n/* need to fix icons sprite */\n.ui-spinner .ui-icon-triangle-1-s {\n\tbackground-position: -65px -16px;\n}\n\n/*\n * jQuery UI Dialog 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Dialog#theming\n */\n\n.ui-dialog {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tpadding: .2em;\n\twidth: 300px;\n\toverflow: hidden;\n\toutline: 0;\n\tbackground-clip: padding-box;\n\tbackground-color: #ffffff;\n\tborder: 1px solid rgba(0, 0, 0, 0.3);\n\tborder-radius: 6px 6px 6px 6px;\n\t-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Safari 4 */\n\t-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Firefox 3.6 */\n\tbox-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);\n\t/*left: 50%;\n\tmargin-left: -280px;*/\n\toutline: medium none;\n\t/*top: 10%;\n\twidth: 560px;*/\n\tz-index: 1050;\n}\n\n.ui-dialog .ui-dialog-titlebar {\n\t/*padding: .4em 1em;*/\n\tposition: relative;\n\tpadding: 5px 15px;\n\tborder: 0 0 0 1px solid;\n\tborder-color: white;\n\tpadding: 5px 15px;\n\tfont-size: 18px;\n\ttext-decoration: none;\n\t-webkit-border-bottom-right-radius: 0; /* Safari 4 */\n\t-moz-border-radius-bottomright: 0; /* Firefox 3.6 */\n\tborder-bottom-right-radius: 0;\n\t-webkit-border-bottom-left-radius: 0; /* Safari 4 */\n\t-moz-border-radius-bottomleft: 0; /* Firefox 3.6 */\n\tborder-bottom-left-radius: 0;\n\tborder-bottom: 1px solid #ccc;\n}\n\n.ui-dialog .ui-dialog-title {\n\tfloat: left;\n\tcolor: #404040;\n\tfont-weight: bold;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tpadding: 5px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n}\n\n.ui-dialog .ui-dialog-titlebar-close {\n\tposition: absolute;\n\tright: .3em;\n\ttop: 50%;\n\twidth: 19px;\n\tmargin: -20px 0 0 0;\n\tpadding: 1px;\n\theight: 18px;\n\tfont-size: 20px;\n\tfont-weight: bold;\n\tline-height: 13.5px;\n\ttext-shadow: 0 1px 0 #ffffff;\n\tfilter:alpha(opacity=25);\n\t-khtml-opacity: 0.25;\n\t-moz-opacity: 0.25;\n\topacity: 0.25;\n\tbackground: none;\n\tborder-width: 0;\n\tborder: none;\n\t-webkit-box-shadow: none; /* Safari 4 */\n\t-moz-box-shadow: none; /* Firefox 3.6 */\n\tbox-shadow: none;\n}\n\n.ui-dialog .ui-dialog-titlebar-close span {\n\tdisplay: block;\n\tmargin: 1px;\n\ttext-indent: 9999px;\n}\n\n.ui-dialog .ui-dialog-titlebar-close:hover,\n.ui-dialog .ui-dialog-titlebar-close:focus {\n\tpadding: 1px;\n\tfilter:alpha(opacity=90);\n\t-moz-opacity: 0.90;\n\topacity: 0.90;\t \n}\n\n.ui-dialog .ui-dialog-content {\n\tposition: relative;\n\tborder: 0;\n\tpadding: .5em 1em;\n\tbackground: none;\n\toverflow: auto;\n}\n\n.ui-dialog .ui-dialog-buttonpane {\n\ttext-align: left;\n\tborder-width: 1px 0 0 0;\n\tbackground-image: none;\n\tmargin: .5em 0 0 0;\n\tbackground-color: #ffffff;\n\tpadding: 5px 15px 5px;\n\tborder-top: 1px solid #ddd;\n\t-webkit-border-radius: 0 0 6px 6px; /* Safari 4 */\n\t-moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */\n\tborder-radius: 0 0 6px 6px;\n\t-webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */\n\t-moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */\n\tbox-shadow: inset 0 1px 0 #ffffff;\n\tmargin-bottom: 0;\n\n}\n\n.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {\n\tfloat: right;\n}\n\n.ui-dialog .ui-dialog-buttonpane button {\n\tmargin: .5em .4em .5em 0;\n\tcursor: pointer;\n}\n\n.ui-dialog .ui-resizable-se {\n\twidth: 14px;\n\theight: 14px;\n\tright: 3px;\n\tbottom: 3px;\n}\n\n.ui-draggable .ui-dialog-titlebar {\n\tcursor: move;\n}\n\n.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {\n color: #ffffff;\n background-color: #428bca;\n border-color: #357ebd;\n}\n\n.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover{\n color: #ffffff;\n background-color: #3276b1;\n border-color: #285e8e;\n}\n\n/***Dialog fixes**/\n\n.ui-dialog-buttonset .ui-button:not(:first-child) {\n cursor: pointer;\n display: inline-block;\n color: #333333;\n background-color: #ffffff;\n border: 1px solid #cccccc;\n -webkit-transition: 0.1s linear all;\n -moz-transition: 0.1s linear all;\n -o-transition: 0.1s linear all;\n transition: 0.1s linear all;\n overflow: visible;\n}\n\n.ui-dialog-buttonset .ui-button:not(:first-child).ui-state-hover{\n color: #333333;\n background-color: #ebebeb;\n border-color: #adadad;\n text-decoration: none;\n}\n\n/* ui-dialog-buttonset UI info */\n.ui-dialog-buttonset .ui-button.ui-button-info{\n\tcolor: #ffffff;\n\tbackground-color: #5bc0de;\n\tborder-color: #46b8da;\n}\n\n.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover{\n\tcolor: #ffffff;\n\tbackground-color: #39b3d7;\n\tborder-color: #269abc;\n}\n\n/* ui-dialog-buttonset UI success */\n.ui-dialog-buttonset .ui-button.ui-button-success{\n\tcolor: #ffffff;\n\tbackground-color: #5cb85c;\n\tborder-color: #4cae4c;\n}\n\n.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover{\n\tcolor: #ffffff;\n\tbackground-color: #47a447;\n\tborder-color: #398439;\n}\n\n/* ui-dialog-buttonset UI warning */\n.ui-dialog-buttonset .ui-button.ui-button-warning{\n\tcolor: #ffffff;\n\tbackground-color: #f0ad4e;\n\tborder-color: #eea236;\n}\n\n.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover{\n color: #ffffff;\n\tbackground-color: #ed9c28;\n\tborder-color: #d58512;\n}\n\n/* ui-dialog-buttonset UI Danger */\n.ui-dialog-buttonset .ui-button.ui-button-danger{\n\tcolor: #ffffff;\n\tbackground-color: #d9534f;\n\tborder-color: #d43f3a;\n}\n\n.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover{\n\tcolor: #ffffff;\n\tbackground-color: #d2322d;\n\tborder-color: #ac2925;\n}\n\n/* ui-dialog-buttonset UI Inverse */\n.ui-dialog-buttonset .ui-button.ui-button-inverse{\n\tcolor: #ffffff;\n\tbackground-color: #222222;\n border-color: #080808;\n}\n\n.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover{\n\tcolor: #ffffff;\n\tbackground-color: #363636;\n\tborder-color: #000000;\n}\n\n/*\n * jQuery UI Slider 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Slider#theming\n */\n\n.ui-slider {\n\tposition: relative;\n\ttext-align: left;\n}\n\n/* For IE8 - See #6727 */\n.ui-slider.ui-state-disabled .ui-slider-handle,\n.ui-slider.ui-state-disabled .ui-slider-range {\n\tfilter: inherit;\n}\n\n.ui-slider .ui-slider-handle {\n\tposition: absolute;\n\tz-index: 2;\n\twidth: 1.2em;\n\theight: 1.2em;\n\tcursor: default;\n}\n\n.ui-slider .ui-slider-range {\n\tposition: absolute;\n\tz-index: 1;\n\tfont-size: .7em;\n\tdisplay: block;\n\tborder: 0;\n\tbackground-position: 0 0;\n\tcolor: #ffffff;\n\tbackground-color: #0e90d2;\n\tbackground-image: -moz-linear-gradient(top, #149bdf, #0480be);\n\tbackground-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));\n\tbackground-image: -webkit-linear-gradient(top, #149bdf, #0480be);\n\tbackground-image: -o-linear-gradient(top, #149bdf, #0480be);\n\tbackground-image: linear-gradient(to bottom, #149bdf, #0480be);\n\tbackground-repeat: repeat-x;\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);\n\t-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n\t-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n\tbox-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t-webkit-transition: width 0.6s ease;\n\t-moz-transition: width 0.6s ease;\n\t-o-transition: width 0.6s ease;\n\ttransition: width 0.6s ease;\n}\n\n.ui-slider-horizontal {\n\theight: .8em;\n}\n\n.ui-slider-horizontal .ui-slider-handle {\n\ttop: -.3em;\n\tmargin-left: -.6em;\n}\n\n.ui-slider-horizontal .ui-slider-range {\n\ttop: 0;\n\theight: 100%;\n}\n\n.ui-slider-horizontal .ui-slider-range-min {\n\tleft: 0;\n}\n\n.ui-slider-horizontal .ui-slider-range-max {\n\tright: 0;\n}\n\n.ui-slider-vertical {\n\twidth: .8em;\n\theight: 100px;\n}\n\n.ui-slider-vertical .ui-slider-handle {\n\tleft: -.3em;\n\tmargin-left: 0;\n\tmargin-bottom: -.6em;\n}\n\n.ui-slider-vertical .ui-slider-range {\n\tleft: 0;\n\twidth: 100%;\n}\n\n.ui-slider-vertical .ui-slider-range-min {\n\tbottom: 0;\n}\n\n.ui-slider-vertical .ui-slider-range-max {\n\ttop: 0;\n}\n\n/*\n * jQuery UI Tabs 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://jqueryui.com/tabs/\n */\n\n.ui-tabs {\n\tposition: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as \"fixed\") */\n\tborder: 0;\n\t-webkit-border-radius: 0; /* Safari 4 */\n\t-moz-border-radius: 0; /* Firefox 3.6 */\n\tborder-radius: 0;\n}\n\n.ui-tabs .ui-tabs-nav {\n\tmargin-bottom: 5px;\n\tborder: solid #ddd;\n\tborder-width: 0 0 1px 0;\n\t-webkit-border-radius: 0; /* Safari 4 */\n\t-moz-border-radius: 0; /* Firefox 3.6 */\n\tborder-radius: 0;\n\tbackground: none;\n}\n\n.ui-tabs .ui-tabs-nav li {\n\tposition: relative;\n\ttop: 0;\n\tfloat: left;\n\tmargin-right: 2px;\n\tmargin-bottom: -1px;\n\tborder: 0;\n\tlist-style: none;\n\twhite-space: nowrap;\n\tbackground: none;\n}\n\n.ui-tabs-nav .ui-state-default {\n\tborder: 0;\n\t-webkit-box-shadow: none; /* Safari 4 */\n\t-moz-box-shadow: none; /* Firefox 3.6 */\n\tbox-shadow: none;\n}\n\n.ui-tabs .ui-tabs-nav li a {\n\tfloat: left;\n\tborder: 1px solid #fff;\n\tborder-bottom: 1px solid #ddd;\n\t-webkit-border-radius: 4px 4px 0 0; /* Safari 4 */\n\t-moz-border-radius: 4px 4px 0 0; /* Firefox 3.6 */\n\tborder-radius: 4px 4px 0 0;\n\tpadding: 8px 12px;\n\tfont-weight: normal;\n\ttext-decoration: none;\n\toutline: none;\n\tcolor: #0069D6;\n\tbackground: none;\n}\n\n.ui-tabs .ui-tabs-nav li a:hover {\n\tborder: 1px solid whiteSmoke;\n\tborder-bottom: 1px solid #ddd;\n\tbackground-color: whiteSmoke;\n}\n\n.ui-tabs .ui-tabs-nav li.ui-tabs-active a {\n\tborder: 1px solid #ddd;\n\tborder-bottom: 1px solid #fff;\n\tbackground-color: #fff;\n\tcolor: #555;\n}\n\n.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {\n\tbackground: #fff;\n\tcursor: text;\n}\n\n.ui-tabs .ui-tabs-nav li.ui-tabs-active a,\n.ui-tabs .ui-tabs-nav li.ui-state-disabled a,\n.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {\n\tcursor: text;\n}\n\n/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */\n.ui-tabs .ui-tabs-panel {\n\tdisplay: block;\n\tmargin: 1em 0;\n\tborder: 0;\n\t-webkit-border-radius: 0; /* Safari 4 */\n\t-moz-border-radius: 0; /* Firefox 3.6 */\n\tborder-radius: 0;\n\tpadding: 1px 0;\n\tbackground: none;\n}\n\n.ui-tabs .ui-tabs-hide {\n\tdisplay: none !important;\n}\n\n/* IE fix for background inheritance from ui-widget */\n.ui-tabs .ui-tabs-nav li {\n\tfilter:none;\n}\n\n/*\n * jQuery UI Tooltip 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://jqueryui.com/tooltip/\n */\n\n.ui-tooltip {\n display: block;\n font-size: 11px;\n opacity: 0.8;\n position: absolute;\n visibility: visible;\n z-index: 1024;\n max-width: 200px;\n}\n\n.ui-tooltip {\n background: #000000;\n border: 1px solid #000000;\n}\n\n.ui-tooltip {\n color: #FFFFFF;\n padding: 3px 8px;\n text-align: center;\n text-decoration: none;\n -webkit-box-shadow: inset 0 1px 0 #000000; /* Safari 4 */\n -moz-box-shadow: inset 0 1px 0 #000000; /* Firefox 3.6 */\n box-shadow: inset 0 1px 0 #000000;\n border-radius: 4px 4px 4px 4px;\n}\n\nbody .ui-tooltip {\n\tborder-width: 1px;\n}\n\n.arrow {\n overflow: hidden;\n position: absolute;\n margin-left: 0;\n height: 20px;\n width: 20px;\n}\n\n.arrow.bottom {\n top: 100%;\n left: 38%;\n}\n\n.arrow.top {\n top: -50%;\n bottom: 22px;\n left: 42%;\n}\n\n.arrow.left {\n top : 25%;\n left: -15%;\n right: 0;\n bottom:-16px;\n}\n\n.arrow.right {\n top: 26%;\n left: 100%;\n right: 0;\n bottom:-16px;\n margin-left: 1px;\n}\n\n.arrow:after {\n content : \" \" ;\n position : absolute ;\n height : 0 ;\n left:0;\n top: 0;\n width: 0;\n margin-left : 0 ;\n bottom : 12px ;\n box-shadow: 6px 5px 9px -9px black;\n}\n\n.arrow.bottom:after {\n border-top:8px solid #000000;\n border-right:8px solid transparent;\n border-bottom:8px solid transparent;\n border-left:8px solid transparent;\n}\n\n.arrow.top:after {\n border-top:6px solid transparent;\n border-right:6px solid transparent;\n border-bottom:6px solid #000000;\n border-left:6px solid transparent;\n}\n\n.arrow.left:after{\n width:0;\n border-top: 6px solid transparent;\n border-right: 6px solid #000000;\n border-bottom: 6px solid transparent;\n border-left: 6px solid transparent;\n}\n\n.arrow.right:after{\n width:0;\n border-top: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-left: 6px solid #000000;\n}\n\n/*\n * jQuery UI Datepicker 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://jqueryui.com/datepicker/\n */\n\n.ui-datepicker {\n\twidth: 17em;\n\tpadding: .2em .2em 0;\n\tdisplay: none;\n}\n\n.ui-datepicker .ui-datepicker-header {\n\tposition:relative;\n\tpadding: .2em 0;\n\tborder: 0;\n\tfont-weight: bold;\n\twidth: 100%;\n\tpadding: 4px 0;\n\tbackground-color: #f5f5f5;\n\tcolor: #808080;\n}\n\n.ui-datepicker .ui-datepicker-prev,\n.ui-datepicker .ui-datepicker-next {\n\tposition: absolute;\n\ttop: 2px;\n\twidth: 1.8em;\n\theight: 1.8em;\n}\n\n.ui-datepicker .ui-datepicker-prev-hover,\n.ui-datepicker .ui-datepicker-next-hover {\n\t/*top: 1px;*/\n}\n\n.ui-datepicker .ui-datepicker-prev {\n\tleft: 2px;\n}\n\n.ui-datepicker .ui-datepicker-next {\n\tright: 2px;\n}\n\n.ui-datepicker .ui-datepicker-prev-hover {\n\t/*left:1px;*/\n}\n\n.ui-datepicker .ui-datepicker-next-hover {\n\t/*right:1px;*/\n}\n\n.ui-datepicker .ui-datepicker-prev span,\n.ui-datepicker .ui-datepicker-next span {\n\tdisplay: block;\n\tposition: absolute;\n\tleft: 50%;\n\tmargin-left: -8px;\n\ttop: 50%;\n\tmargin-top: -8px;\n}\n\n.ui-datepicker .ui-datepicker-title {\n\tmargin: 0 2.3em;\n\tline-height: 1.8em;\n\ttext-align: center;\n}\n\n.ui-datepicker .ui-datepicker-title select {\n\tfont-size: 1em;\n\tmargin: 1px 0;\n}\n\n.ui-datepicker select.ui-datepicker-month-year {\n\twidth: 100%;\n}\n\n.ui-datepicker select.ui-datepicker-month,\n.ui-datepicker select.ui-datepicker-year {\n\twidth: 49%;\n}\n\n.ui-datepicker table {\n\twidth: 100%;\n\tfont-size: .9em;\n\tborder-collapse: collapse;\n\tmargin:0 0 .4em;\n}\n\n.ui-datepicker th {\n\tpadding: .7em .3em;\n\ttext-align: center;\n\tfont-weight: bold;\n\tborder: 0;\n}\n\n.ui-datepicker td {\n\tborder: 0;\n\tpadding: 1px;\n}\n\n.ui-datepicker td span,\n.ui-datepicker td a {\n\tdisplay: block;\n\tpadding: .2em;\n\ttext-align: right;\n\ttext-decoration: none;\n}\n\n.ui-datepicker .ui-datepicker-buttonpane {\n\tbackground-image: none;\n\tmargin: .7em 0 0 0;\n\tpadding:0 .2em;\n\tborder-left: 0;\n\tborder-right: 0;\n\tborder-bottom: 0;\n}\n\n.ui-datepicker .ui-datepicker-buttonpane button {\n\tfloat: right;\n\tmargin: .5em .2em .4em;\n\tcursor: pointer;\n\tpadding: .2em .6em .3em .6em;\n\twidth: auto;\n\toverflow:visible;\n}\n\n.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {\n\tfloat: left;\n}\n\n/* with multiple calendars */\n\n.ui-datepicker.ui-datepicker-multi {\n\twidth: auto;\n}\n\n.ui-datepicker-multi .ui-datepicker-group {\n\tfloat: left;\n}\n\n.ui-datepicker-multi .ui-datepicker-group table {\n\twidth: 95%;\n\tmargin: 0 auto .4em;\n}\n\n.ui-datepicker-multi-2 .ui-datepicker-group {\n\twidth: 50%;\n}\n\n.ui-datepicker-multi-3 .ui-datepicker-group {\n\twidth: 33.3%;\n}\n\n.ui-datepicker-multi-4 .ui-datepicker-group {\n\twidth: 25%;\n}\n\n.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {\n\tborder-left-width: 0;\n}\n\n.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {\n\tborder-left-width: 0;\n}\n\n.ui-datepicker-multi .ui-datepicker-buttonpane {\n\tclear: left;\n}\n\n.ui-datepicker-row-break {\n\tclear: both;\n\twidth: 100%;\n\tfont-size: 0em;\n}\n\n/* RTL support */\n\n.ui-datepicker-rtl {\n\tdirection: rtl;\n}\n\n.ui-datepicker-rtl .ui-datepicker-prev {\n\tright: 2px;\n\tleft: auto;\n}\n\n.ui-datepicker-rtl .ui-datepicker-next {\n\tleft: 2px;\n\tright: auto;\n}\n\n.ui-datepicker-rtl .ui-datepicker-prev:hover {\n\tright: 1px;\n\tleft: auto;\n}\n\n.ui-datepicker-rtl .ui-datepicker-next:hover {\n\tleft: 1px;\n\tright: auto;\n}\n\n.ui-datepicker-rtl .ui-datepicker-buttonpane {\n\tclear: right;\n}\n\n.ui-datepicker-rtl .ui-datepicker-buttonpane button {\n\tfloat: left;\n}\n\n.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {\n\tfloat: right;\n}\n\n.ui-datepicker-rtl .ui-datepicker-group {\n\tfloat: right;\n}\n\n.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {\n\tborder-right-width: 0;\n\tborder-left-width: 1px;\n}\n\n.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {\n\tborder-right-width: 0;\n\tborder-left-width: 1px;\n}\n\n/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */\n.ui-datepicker-cover {\n\tdisplay: none; /*sorry for IE5*/\n\tdisplay/**/: block; /*sorry for IE5*/\n\tposition: absolute; /*must have*/\n\tz-index: -1; /*must have*/\n\tfilter: mask(); /*must have*/\n\ttop: -4px; /*must have*/\n\tleft: -4px; /*must have*/\n\twidth: 200px; /*must have*/\n\theight: 200px; /*must have*/\n}\n\n.ui-datepicker th {\n\tfont-weight: bold;\n\tcolor: gray;\n}\n\n.ui-datepicker-today a:hover {\n\tbackground-color: #808080;\n\tcolor: #ffffff;\n\n}\n.ui-datepicker-today a {\n\tbackground-color: #BFBFBF;\n\tcursor: pointer;\n\tpadding: 0 4px;\n\tmargin-bottom: 0;\n}\n\n.ui-datepicker td a {\n\tmargin-bottom: 0;\n\tborder: 0;\n}\n\n.ui-datepicker td:hover {\n\tcolor: #ffffff;\n}\n\n.ui-datepicker td .ui-state-default {\n\tborder: 0;\n\tbackground:none;\n\tmargin-bottom: 0;\n\tpadding: 5px;\n\tcolor: gray;\n\ttext-align: center;\n\tfilter: none;\n}\n\n.ui-datepicker td .ui-state-highlight{\n\tcolor: #ffffff;\n\tbackground-color: #5bc0de;\n\tborder-color: #46b8da;\n\ttext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n\tborder-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n\t-webkit-border-radius: 4px; /* Safari 4 */\n\t-moz-border-radius: 4px; /* Firefox 3.6 */\n\tborder-radius: 4px;\n}\n\n.ui-datepicker td .ui-state-active {\n\tcolor: #333333;\n background-color: #ebebeb;\n border-color: #adadad;\n\tmargin-bottom: 0;\n\tfont-size: normal;\n\ttext-shadow: 0;\n\tborder-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n\t-webkit-border-radius: 4px; /* Safari 4 */\n\t-moz-border-radius: 4px; /* Firefox 3.6 */\n\tborder-radius: 4px;\n}\n\n.ui-datepicker td .ui-state-hover {\n\tcolor: #ffffff;\n\tbackground: #428bca;\n\tbackground-color: #428bca;\n\ttext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n\tborder-color: #357ebd;\n\tborder-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n\t-webkit-border-radius: 4px; /* Safari 4 */\n\t-moz-border-radius: 4px; /* Firefox 3.6 */\n\tborder-radius: 4px;\n}\n\n\n/*\n * jQuery UI Progressbar 1.10.3\n *\n * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Progressbar#theming\n */\n\n.ui-progressbar {\n\theight:2em;\n\tmargin-bottom: 20px;\n\tborder:0px;\n\toverflow: hidden;\n\tbackground-color: #f7f7f7;\n\tbackground-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);\n\tbackground-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));\n\tbackground-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);\n\tbackground-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);\n\tbackground-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);\n\tbackground-repeat: repeat-x;\n\t-webkit-border-radius: 4px;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);\n\t-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\t-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\tbox-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.ui-progressbar .ui-progressbar-value {\n\tmargin: 0px;\n\theight: 100%;\n\theight:100%;\n\tcolor: #ffffff; /*this can be removed if ui-widget-header is blue*/\n\tbackground-color: #428BCA;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t-webkit-transition: width 0.6s ease;\n\ttransition: width 0.6s ease;\n}\n\n.ui-progressbar .ui-progressbar-overlay {\n\tbackground-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n\tbackground-size: 40px 40px;\n\t-webkit-animation: progress-bar-stripes 2s linear infinite;\n\t-moz-animation: progress-bar-stripes 2s linear infinite;\n\t-ms-animation: progress-bar-stripes 2s linear infinite;\n\t-o-animation: progress-bar-stripes 2s linear infinite;\n\tanimation: progress-bar-stripes 2s linear infinite;\n}\n\n.ui-progressbar-indeterminate .ui-progressbar-value {\n\tbackground-image: none;\n}\n\n/*** Input field styling from Bootstrap **/\n\n input, textarea {\n\t-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;\n\t-moz-transition: border linear 0.2s, box-shadow linear 0.2s;\n\t-o-transition: border linear 0.2s, box-shadow linear 0.2s;\n\ttransition: border linear 0.2s, box-shadow linear 0.2s;\n}\n\ntextarea {\n overflow: auto;\n vertical-align: top;\n}\n\ninput:focus, textarea:focus {\n\toutline: 0;\n\tborder-color: rgba(82, 168, 236, 0.8);\n\t-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); /* Safari 4 */\n\t-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); /* Firefox 3.6 */\n\tbox-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);\n}\ninput[type=file]:focus, input[type=checkbox]:focus, select:focus {\n\t-webkit-box-shadow: none; /* Safari 4 */\n\t-moz-box-shadow: none; /* Firefox 3.6 */\n\tbox-shadow: none;\n\toutline: 1px dotted #666;\n}\n\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\ninput[type=\"password\"],\n.ui-autocomplete-input,\ntextarea,\n.uneditable-input {\n\tdisplay: inline-block;\n\tpadding: 4px;\n\tfont-size: 13px;\n\tline-height: 18px;\n\tcolor: #555555;\n\tborder: 1px solid #ccc;\n\t-webkit-border-radius: 3px; /* Safari 4 */\n\t-moz-border-radius: 3px; /* Firefox 3.6 */\n\tborder-radius: 3px;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**Toolbar**/\n\n.ui-toolbar {\n\tpadding: 7px 14px;\n\tmargin: 0 0 18px;\n\tbackground-color: #f5f5f5;\n\tbackground-repeat: repeat-x;\n\tbackground-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Safari 5.1+, Chrome 10+ */\n\tbackground-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox 3.6 */\n\tbackground-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */\n\tbackground-image: linear-gradient(top, #ffffff, #f5f5f5); /* CSS3 Compliant */\n\tfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE8 */\n\tborder: 1px solid #ddd;\n\t-webkit-border-radius: 3px; /* Safari 4 */\n\t-moz-border-radius: 3px; /* Firefox 3.6 */\n\tborder-radius: 3px;\n\t-webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */\n\t-moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */\n\tbox-shadow: inset 0 1px 0 #ffffff;\n}\n\n/********** VJ - Move to Less - End *************/\n\n/** File Input **/\n\n.customfile-button{\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: normal;\n line-height: 1.428571429;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n border: 1px solid #ccc;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n/***Wijmo Theming**/\n\ndiv.wijmo-wijmenu {\n\tpadding:0 20px;\n\tbackground-color: #222222;\n\tbackground-repeat: repeat-x;\n\tbackground-image: -webkit-linear-gradient(top, #333333, #222222); /* Safari 5.1+, Chrome 10+ */\n\tbackground-image: -moz-linear-gradient(top, #333333, #222222); /* Firefox 3.6 */\n\tbackground-image: -o-linear-gradient(top, #333333, #222222); /* Opera 11.10+ */\n\tbackground-image: linear-gradient(top, #333333, #222222); /* CSS3 Compliant */\n\tfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); /* IE8 */\n\t-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Safari 4 */\n\t-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Firefox 3.6 */\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n}\n\n.wijmo-wijmenu .ui-state-default {\n\t-webkit-box-shadow: none; /* Safari 4 */\n\t-moz-box-shadow: none; /* Firefox 3.6 */\n\tbox-shadow: none;\n\tcolor: #bfbfbf;\n}\n\n.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text {\n\tcolor: #bfbfbf;\n}\n\n.wijmo-wijmenu .ui-state-hover {\n\tbackground: #444;\n\tbackground: rgba(255, 255, 255, 0.05);\n}\n\n.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text {\n\tcolor: #ffffff;\n}\n\ndiv.wijmo-wijmenu .ui-widget-header h3 {\n\tposition: relative;\n\tmargin-top: 1px;\n\tpadding: 0;\n}\n\n.wijmo-wijmenu h3 a {\n\tcolor: #ffffff;\n\tdisplay: block;\n\tfloat: left;\n\tfont-size: 20px;\n\tfont-weight: 200;\n\tline-height: 1;\n\tmargin-left: -20px;\n\tmargin-top: 1px;\n\tpadding: 8px 20px 12px;\n}\n\n.wijmo-wijmenu h3 a:hover{\n\tbackground-color: rgba(255, 255, 255, 0.05);\n\tcolor: #ffffff;\n\ttext-decoration: none;\n}\n\n.wijmo-wijmenu .ui-widget-header {\n\tborder: 0;\n}\n\n.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {\n\tpadding: 0.3em 0;\n}\n\ndiv.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child {\n\tbackground: #333;\n\tborder: 0;\n\tmargin: 0;\n\tpadding: 6px 0;\n\twidth: 160px;\n\t-webkit-border-radius: 0 0 6px 6px; /* Safari 4 */\n\t-moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */\n\tborder-radius: 0 0 6px 6px;\n\t-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Safari 4 */\n\t-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Firefox 3.6 */\n\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\ndiv.wijmo-wijmenu .wijmo-wijmenu-item {\n\tmargin: 0;\n\tborder: 0;\n}\n\n.wijmo-wijmenu a.wijmo-wijmenu-link {\n\tmargin: 0;\n\tline-height: 19px;\n\tpadding: 10px 10px 11px;\n\tborder: 0;\n\t-webkit-border-radius: 0; /* Safari 4 */\n\t-moz-border-radius: 0; /* Firefox 3.6 */\n\tborder-radius: 0;\n}\n\ndiv.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link {\n\tdisplay: block;\n\tfloat: none;\n\tpadding: 4px 15px;\n\twidth: auto;\n}\n\ndiv.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text {\n\tfloat: none;\n}\n\n.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {\n\tbackground: #191919;\n}\n\n.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator {\n\tpadding: 5px 0;\n\tbackground-image: none;\n\tbackground-color: #222;\n\tborder-top: 1px solid #444;\n\tborder-bottom: 0;\n\tborder-left: 0;\n\tborder-right: 0;\n}\n\n.wijmo-wijmenu .wijmo-wijmenu-item input {\n\t-moz-transition: none 0s ease 0s;\n\tbackground-color: rgba(255, 255, 255, 0.3);\n\tborder: 1px solid #111111;\n\tborder-radius: 4px 4px 4px 4px;\n\t-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Safari 4 */\n\t-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Firefox 3.6 */\n\tbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);\n\tcolor: rgba(255, 255, 255, 0.75);\n\tfont-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\tline-height: 1;\n\tmargin: 5px 10px 0 10px;\n\tpadding: 4px 9px;\n\twidth: 100px;\n}\n\n.wijmo-wijmenu .wijmo-wijmenu-item input:hover {\n\tbackground-color: rgba(255, 255, 255, 0.5);\n\tcolor: #ffffff;\n}\n\n.wijmo-wijmenu .wijmo-wijmenu-item input:focus {\n\tbackground-color: #ffffff;\n\tborder: 0 none;\n\t-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Safari 4 */\n\t-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Firefox 3.6 */\n\tbox-shadow: 0 0 3px rgba(0, 0, 0, 0.15);\n\tcolor: #404040;\n\toutline: 0 none;\n\tpadding: 5px 10px;\n\ttext-shadow: 0 1px 0 #ffffff;\n}\n\n.wijmo-wijmenu .ui-state-default,\n.ui-widget-content .ui-state-default,\n.ui-widget-header .ui-state-default {\n\ttext-shadow:none;\n}\n\n.wijmo-wijmenu .ui-state-default {\n\t-webkit-box-shadow: none; /* Safari 4 */\n\t-moz-box-shadow: none; /* Firefox 3.6 */\n\tbox-shadow: none;\n\tcolor: #bfbfbf;\n\tfilter: none;\n}\n\n/**\n* Font Awesome in jQuery UI\n* @author Gerits Aurelien\n*\n**/\n\n.ui-button-icon-primary.ui-icon[class^=\"icon-\"]:before,\n.ui-button-icon-primary.ui-icon[class*=\" icon-\"]:before,\n.ui-button-icon-secondary.ui-icon[class^=\"icon-\"]:before,\n.ui-button-icon-secondary.ui-icon[class*=\" icon-\"]:before {\n font-size: inherit;\n margin-left: 7px!important;\n margin-left: 5px;\n display: inline;\n text-decoration: inherit;\n color:inherit;\n}\n\n/* **\n* If you use \"Font awesome\" is disable UI icons in element\n** */\n.ui-state-default .ui-icon[class*=\" icon-\"]{\n /* Reset background with font Awesome */\n background:none;\n margin-left:-12px; /*fix for margin issue with font awesome buttons*/\n}\n\n/* If you do not use ui-icon uncomment the lines */\n/*\n.ui-button .ui-button-text{\n display: inline-block;\n padding: 0px;\n}\n\n.ui-button-text-icon-primary .ui-button-icon-primary{\n float:none;\n}*/\n" }, { "path": "assets/js/app.js", "content": "var ContactManager = new Marionette.Application();\n\nContactManager.navigate = function(route, options){\n options || (options = {});\n Backbone.history.navigate(route, options);\n};\n\nContactManager.getCurrentRoute = function(){\n return Backbone.history.fragment\n};\n\nContactManager.on(\"before:start\", function(){\n var RegionContainer = Marionette.LayoutView.extend({\n el: \"#app-container\",\n\n regions: {\n header: \"#header-region\",\n main: \"#main-region\",\n dialog: \"#dialog-region\"\n }\n });\n\n ContactManager.regions = new RegionContainer();\n ContactManager.regions.dialog.onShow = function(view){\n var self = this;\n var closeDialog = function(){\n self.stopListening();\n self.empty();\n self.$el.dialog(\"destroy\");\n };\n\n this.listenTo(view, \"dialog:close\", closeDialog);\n\n this.$el.dialog({\n modal: true,\n title: view.title,\n width: \"auto\",\n close: function(e, ui){\n closeDialog();\n }\n });\n };\n});\n\nContactManager.on(\"start\", function(){\n if(Backbone.history){\n Backbone.history.start();\n\n if(this.getCurrentRoute() === \"\"){\n ContactManager.trigger(\"contacts:list\");\n }\n }\n});\n" }, { "path": "assets/js/apps/about/about_app.js", "content": "ContactManager.module(\"AboutApp\", function(AboutApp, ContactManager, Backbone, Marionette, $, _){\n AboutApp.Router = Marionette.AppRouter.extend({\n appRoutes: {\n \"about\" : \"showAbout\"\n }\n });\n\n var API = {\n showAbout: function(){\n AboutApp.Show.Controller.showAbout();\n ContactManager.execute(\"set:active:header\", \"about\");\n }\n };\n\n ContactManager.on(\"about:show\", function(){\n ContactManager.navigate(\"about\");\n API.showAbout();\n });\n\n AboutApp.on(\"start\", function(){\n new AboutApp.Router({\n controller: API\n });\n });\n});\n" }, { "path": "assets/js/apps/about/show/show_controller.js", "content": "ContactManager.module(\"AboutApp.Show\", function(Show, ContactManager, Backbone, Marionette, $, _){\n Show.Controller = {\n showAbout: function(){\n var view = new Show.Message();\n ContactManager.regions.main.show(view);\n }\n };\n});\n" }, { "path": "assets/js/apps/about/show/show_view.js", "content": "ContactManager.module(\"AboutApp.Show\", function(Show, ContactManager, Backbone, Marionette, $, _){\n Show.Message = Marionette.ItemView.extend({\n template: \"#about-message\"\n });\n});\n" }, { "path": "assets/js/apps/config/storage/localstorage.js", "content": "ContactManager.module(\"Entities\", function(Entities, ContactManager, Backbone, Marionette, $, _){\n var findStorageKey = function(entity){\n // use a model's urlRoot value\n if(entity.urlRoot){\n return _.result(entity, \"urlRoot\");\n }\n // use a collection's url value\n if(entity.url){\n return _.result(entity, \"url\");\n }\n\n throw new Error(\"Unable to determine storage key\");\n };\n\n var storageCache = {};\n var getStorage = function(key){\n var storage = storageCache[key];\n if(storage){\n return storage;\n }\n var newStorage = new Backbone.LocalStorage(key);\n storageCache[key] = newStorage;\n return newStorage;\n }\n\n var StorageMixin = function(entityPrototype){\n var storageKey = findStorageKey(entityPrototype);\n return { localStorage: getStorage(storageKey) };\n };\n\n var getEntity = function(constructorString){\n var sections = constructorString.split(\".\"),\n entity = window;\n _.each(sections, function(section){\n entity = entity[section];\n });\n return entity;\n };\n\n Entities.configureStorage = function(constructorString){\n var OldConstructor = getEntity(constructorString);\n var NewConstructor = function(){\n var obj = new OldConstructor(arguments[0], arguments[1]);\n _.extend(obj, new StorageMixin(OldConstructor.prototype));\n return obj;\n }\n NewConstructor.prototype = OldConstructor.prototype;\n\n eval(constructorString + \" = NewConstructor;\");\n };\n});\n" }, { "path": "assets/js/apps/contacts/common/views.js", "content": "ContactManager.module(\"ContactsApp.Common.Views\", function(Views, ContactManager, Backbone, Marionette, $, _){\n Views.Form = Marionette.ItemView.extend({\n template: \"#contact-form\",\n\n events: {\n \"click button.js-submit\": \"submitClicked\"\n },\n\n submitClicked: function(e){\n e.preventDefault();\n var data = Backbone.Syphon.serialize(this);\n this.trigger(\"form:submit\", data);\n },\n\n onFormDataInvalid: function(errors){\n var $view = this.$el;\n\n var clearFormErrors = function(){\n var $form = $view.find(\"form\");\n $form.find(\".help-inline.error\").each(function(){\n $(this).remove();\n });\n $form.find(\".control-group.error\").each(function(){\n $(this).removeClass(\"error\");\n });\n }\n\n var markErrors = function(value, key){\n var $controlGroup = $view.find(\"#contact-\" + key).parent();\n var $errorEl = $(\"\", { class: \"help-inline error\", text: value });\n $controlGroup.append($errorEl).addClass(\"error\");\n }\n\n clearFormErrors();\n _.each(errors, markErrors);\n }\n });\n});\n" }, { "path": "assets/js/apps/contacts/contacts_app.js", "content": "ContactManager.module(\"ContactsApp\", function(ContactsApp, ContactManager, Backbone, Marionette, $, _){\n ContactsApp.Router = Marionette.AppRouter.extend({\n appRoutes: {\n \"contacts(/filter/criterion::criterion)\": \"listContacts\",\n \"contacts/:id\": \"showContact\",\n \"contacts/:id/edit\": \"editContact\"\n }\n });\n\n var API = {\n listContacts: function(criterion){\n ContactsApp.List.Controller.listContacts(criterion);\n ContactManager.execute(\"set:active:header\", \"contacts\");\n },\n\n showContact: function(id){\n ContactsApp.Show.Controller.showContact(id);\n ContactManager.execute(\"set:active:header\", \"contacts\");\n },\n\n editContact: function(id){\n ContactsApp.Edit.Controller.editContact(id);\n ContactManager.execute(\"set:active:header\", \"contacts\");\n }\n };\n\n ContactManager.on(\"contacts:list\", function(){\n ContactManager.navigate(\"contacts\");\n API.listContacts();\n });\n\n ContactManager.on(\"contacts:filter\", function(criterion){\n if(criterion){\n ContactManager.navigate(\"contacts/filter/criterion:\" + criterion);\n }\n else{\n ContactManager.navigate(\"contacts\");\n }\n });\n\n ContactManager.on(\"contact:show\", function(id){\n ContactManager.navigate(\"contacts/\" + id);\n API.showContact(id);\n });\n\n ContactManager.on(\"contact:edit\", function(id){\n ContactManager.navigate(\"contacts/\" + id + \"/edit\");\n API.editContact(id);\n });\n\n ContactsApp.on(\"start\", function(){\n new ContactsApp.Router({\n controller: API\n });\n });\n});\n" }, { "path": "assets/js/apps/contacts/edit/edit_controller.js", "content": "ContactManager.module(\"ContactsApp.Edit\", function(Edit, ContactManager, Backbone, Marionette, $, _){\n Edit.Controller = {\n editContact: function(id){\n var loadingView = new ContactManager.Common.Views.Loading({\n title: \"Artificial Loading Delay\",\n message: \"Data loading is delayed to demonstrate using a loading view.\"\n });\n ContactManager.regions.main.show(loadingView);\n\n var fetchingContact = ContactManager.request(\"contact:entity\", id);\n $.when(fetchingContact).done(function(contact){\n var view;\n if(contact !== undefined){\n view = new Edit.Contact({\n model: contact,\n generateTitle: true\n });\n\n view.on(\"form:submit\", function(data){\n if(contact.save(data)){\n ContactManager.trigger(\"contact:show\", contact.get(\"id\"));\n }\n else{\n view.triggerMethod(\"form:data:invalid\", contact.validationError);\n }\n });\n }\n else{\n view = new ContactManager.ContactsApp.Show.MissingContact();\n }\n\n ContactManager.regions.main.show(view);\n });\n }\n };\n});\n" }, { "path": "assets/js/apps/contacts/edit/edit_view.js", "content": "ContactManager.module(\"ContactsApp.Edit\", function(Edit, ContactManager, Backbone, Marionette, $, _){\n Edit.Contact = ContactManager.ContactsApp.Common.Views.Form.extend({\n initialize: function(){\n this.title = \"Edit \" + this.model.get(\"firstName\") + \" \" + this.model.get(\"lastName\");\n },\n\n onRender: function(){\n if(this.options.generateTitle){\n var $title = $('

', { text: this.title });\n this.$el.prepend($title);\n }\n\n this.$(\".js-submit\").text(\"Update contact\");\n }\n });\n});\n" }, { "path": "assets/js/apps/contacts/list/list_controller.js", "content": "ContactManager.module(\"ContactsApp.List\", function(List, ContactManager, Backbone, Marionette, $, _){\n List.Controller = {\n listContacts: function(criterion){\n var loadingView = new ContactManager.Common.Views.Loading();\n ContactManager.regions.main.show(loadingView);\n\n var fetchingContacts = ContactManager.request(\"contact:entities\");\n\n var contactsListLayout = new List.Layout();\n var contactsListPanel = new List.Panel();\n\n $.when(fetchingContacts).done(function(contacts){\n var filteredContacts = ContactManager.Entities.FilteredCollection({\n collection: contacts,\n filterFunction: function(filterCriterion){\n var criterion = filterCriterion.toLowerCase();\n return function(contact){\n if(contact.get(\"firstName\").toLowerCase().indexOf(criterion) !== -1\n || contact.get(\"lastName\").toLowerCase().indexOf(criterion) !== -1\n || contact.get(\"phoneNumber\").toLowerCase().indexOf(criterion) !== -1){\n return contact;\n }\n };\n }\n });\n\n if(criterion){\n filteredContacts.filter(criterion);\n contactsListPanel.once(\"show\", function(){\n contactsListPanel.triggerMethod(\"set:filter:criterion\", criterion);\n });\n }\n\n var contactsListView = new List.Contacts({\n collection: filteredContacts\n });\n\n contactsListPanel.on(\"contacts:filter\", function(filterCriterion){\n filteredContacts.filter(filterCriterion);\n ContactManager.trigger(\"contacts:filter\", filterCriterion);\n });\n\n contactsListLayout.on(\"show\", function(){\n contactsListLayout.panelRegion.show(contactsListPanel);\n contactsListLayout.contactsRegion.show(contactsListView);\n });\n\n contactsListPanel.on(\"contact:new\", function(){\n var newContact = new ContactManager.Entities.Contact();\n\n var view = new ContactManager.ContactsApp.New.Contact({\n model: newContact\n });\n\n view.on(\"form:submit\", function(data){\n if(contacts.length > 0){\n var highestId = contacts.max(function(c){ return c.id; }).get(\"id\");\n data.id = highestId + 1;\n }\n else{\n data.id = 1;\n }\n if(newContact.save(data)){\n contacts.add(newContact);\n view.trigger(\"dialog:close\");\n var newContactView = contactsListView.children.findByModel(newContact);\n // check whether the new contact view is displayed (it could be\n // invisible due to the current filter criterion)\n if(newContactView){\n newContactView.flash(\"success\");\n }\n }\n else{\n view.triggerMethod(\"form:data:invalid\", newContact.validationError);\n }\n });\n\n ContactManager.regions.dialog.show(view);\n });\n\n contactsListView.on(\"childview:contact:show\", function(childView, args){\n ContactManager.trigger(\"contact:show\", args.model.get(\"id\"));\n });\n\n contactsListView.on(\"childview:contact:edit\", function(childView, args){\n var model = args.model;\n var view = new ContactManager.ContactsApp.Edit.Contact({\n model: model\n });\n\n view.on(\"form:submit\", function(data){\n if(model.save(data)){\n childView.render();\n view.trigger(\"dialog:close\");\n childView.flash(\"success\");\n }\n else{\n view.triggerMethod(\"form:data:invalid\", model.validationError);\n }\n });\n\n ContactManager.regions.dialog.show(view);\n });\n\n contactsListView.on(\"childview:contact:delete\", function(childView, args){\n args.model.destroy();\n });\n\n ContactManager.regions.main.show(contactsListLayout);\n });\n }\n }\n});\n" }, { "path": "assets/js/apps/contacts/list/list_view.js", "content": "ContactManager.module(\"ContactsApp.List\", function(List, ContactManager, Backbone, Marionette, $, _){\n List.Layout = Marionette.LayoutView.extend({\n template: \"#contact-list-layout\",\n\n regions: {\n panelRegion: \"#panel-region\",\n contactsRegion: \"#contacts-region\"\n }\n });\n\n List.Panel = Marionette.ItemView.extend({\n template: \"#contact-list-panel\",\n\n triggers: {\n \"click button.js-new\": \"contact:new\"\n },\n\n events: {\n \"submit #filter-form\": \"filterContacts\"\n },\n\n ui: {\n criterion: \"input.js-filter-criterion\"\n },\n\n filterContacts: function(e){\n e.preventDefault();\n var criterion = this.$(\".js-filter-criterion\").val();\n this.trigger(\"contacts:filter\", criterion);\n },\n\n onSetFilterCriterion: function(criterion){\n this.ui.criterion.val(criterion);\n }\n });\n\n List.Contact = Marionette.ItemView.extend({\n tagName: \"tr\",\n template: \"#contact-list-item\",\n\n triggers: {\n \"click td a.js-show\": \"contact:show\",\n \"click td a.js-edit\": \"contact:edit\",\n \"click button.js-delete\": \"contact:delete\"\n },\n\n events: {\n \"click\": \"highlightName\"\n },\n\n flash: function(cssClass){\n var $view = this.$el;\n $view.hide().toggleClass(cssClass).fadeIn(800, function(){\n setTimeout(function(){\n $view.toggleClass(cssClass)\n }, 500);\n });\n },\n\n highlightName: function(e){\n this.$el.toggleClass(\"warning\");\n },\n\n remove: function(){\n var self = this;\n this.$el.fadeOut(function(){\n Marionette.ItemView.prototype.remove.call(self);\n });\n }\n });\n\n var NoContactsView = Marionette.ItemView.extend({\n template: \"#contact-list-none\",\n tagName: \"tr\",\n className: \"alert\"\n });\n\n List.Contacts = Marionette.CompositeView.extend({\n tagName: \"table\",\n className: \"table table-hover\",\n template: \"#contact-list\",\n emptyView: NoContactsView,\n childView: List.Contact,\n childViewContainer: \"tbody\",\n\n initialize: function(){\n this.listenTo(this.collection, \"reset\", function(){\n this.attachHtml = function(collectionView, childView, index){\n collectionView.$el.append(childView.el);\n }\n });\n },\n\n onRenderCollection: function(){\n this.attachHtml = function(collectionView, childView, index){\n collectionView.$el.prepend(childView.el);\n }\n }\n });\n});\n" }, { "path": "assets/js/apps/contacts/new/new_view.js", "content": "ContactManager.module(\"ContactsApp.New\", function(New, ContactManager, Backbone, Marionette, $, _){\n New.Contact = ContactManager.ContactsApp.Common.Views.Form.extend({\n title: \"New Contact\",\n\n onRender: function(){\n this.$(\".js-submit\").text(\"Create contact\");\n }\n });\n});\n" }, { "path": "assets/js/apps/contacts/show/show_controller.js", "content": "ContactManager.module(\"ContactsApp.Show\", function(Show, ContactManager, Backbone, Marionette, $, _){\n Show.Controller = {\n showContact: function(id){\n var loadingView = new ContactManager.Common.Views.Loading({\n title: \"Artificial Loading Delay\",\n message: \"Data loading is delayed to demonstrate using a loading view.\"\n });\n ContactManager.regions.main.show(loadingView);\n\n var fetchingContact = ContactManager.request(\"contact:entity\", id);\n $.when(fetchingContact).done(function(contact){\n var contactView;\n if(contact !== undefined){\n contactView = new Show.Contact({\n model: contact\n });\n\n contactView.on(\"contact:edit\", function(contact){\n ContactManager.trigger(\"contact:edit\", contact.get(\"id\"));\n });\n }\n else{\n contactView = new Show.MissingContact();\n }\n\n ContactManager.regions.main.show(contactView);\n });\n }\n }\n});\n" }, { "path": "assets/js/apps/contacts/show/show_view.js", "content": "ContactManager.module(\"ContactsApp.Show\", function(Show, ContactManager, Backbone, Marionette, $, _){\n Show.MissingContact = Marionette.ItemView.extend({\n template: \"#missing-contact-view\"\n });\n\n Show.Contact = Marionette.ItemView.extend({\n template: \"#contact-view\",\n\n events: {\n \"click a.js-edit\": \"editClicked\"\n },\n\n editClicked: function(e){\n e.preventDefault();\n this.trigger(\"contact:edit\", this.model);\n }\n });\n});\n" }, { "path": "assets/js/apps/header/header_app.js", "content": "ContactManager.module(\"HeaderApp\", function(Header, ContactManager, Backbone, Marionette, $, _){\n var API = {\n listHeader: function(){\n Header.List.Controller.listHeader();\n }\n };\n\n ContactManager.commands.setHandler(\"set:active:header\", function(name){\n ContactManager.HeaderApp.List.Controller.setActiveHeader(name);\n });\n\n Header.on(\"start\", function(){\n API.listHeader();\n });\n});\n" }, { "path": "assets/js/apps/header/list/list_controller.js", "content": "ContactManager.module(\"HeaderApp.List\", function(List, ContactManager, Backbone, Marionette, $, _){\n List.Controller = {\n listHeader: function(){\n var links = ContactManager.request(\"header:entities\");\n var headers = new List.Headers({collection: links});\n\n headers.on(\"brand:clicked\", function(){\n ContactManager.trigger(\"contacts:list\");\n });\n\n headers.on(\"childview:navigate\", function(childView, model){\n var trigger = model.get(\"navigationTrigger\");\n ContactManager.trigger(trigger);\n });\n\n ContactManager.regions.header.show(headers);\n },\n\n setActiveHeader: function(headerUrl){\n var links = ContactManager.request(\"header:entities\");\n var headerToSelect = links.find(function(header){ return header.get(\"url\") === headerUrl; });\n headerToSelect.select();\n links.trigger(\"reset\");\n }\n };\n});\n" }, { "path": "assets/js/apps/header/list/list_view.js", "content": "ContactManager.module(\"HeaderApp.List\", function(List, ContactManager, Backbone, Marionette, $, _){\n List.Header = Marionette.ItemView.extend({\n template: \"#header-link\",\n tagName: \"li\",\n\n events: {\n \"click a\": \"navigate\"\n },\n\n navigate: function(e){\n e.preventDefault();\n this.trigger(\"navigate\", this.model);\n },\n\n onRender: function(){\n if(this.model.selected){\n // add class so Bootstrap will highlight the active entry in the navbar\n this.$el.addClass(\"active\");\n }\n }\n });\n\n List.Headers = Marionette.CompositeView.extend({\n template: \"#header-template\",\n className: \"navbar navbar-inverse navbar-fixed-top\",\n childView: List.Header,\n childViewContainer: \"ul\",\n\n events: {\n \"click a.brand\": \"brandClicked\"\n },\n\n brandClicked: function(e){\n e.preventDefault();\n this.trigger(\"brand:clicked\");\n }\n });\n});\n" }, { "path": "assets/js/common/views.js", "content": "ContactManager.module(\"Common.Views\", function(Views, ContactManager, Backbone, Marionette, $, _){\n Views.Loading = Marionette.ItemView.extend({\n template: \"#loading-view\",\n\n title: \"Loading Data\",\n message: \"Please wait, data is loading.\",\n\n serializeData: function(){\n return {\n title: Marionette.getOption(this, \"title\"),\n message: Marionette.getOption(this, \"message\")\n }\n },\n\n onShow: function(){\n var opts = {\n lines: 13, // The number of lines to draw\n length: 20, // The length of each line\n width: 10, // The line thickness\n radius: 30, // The radius of the inner circle\n corners: 1, // Corner roundness (0..1)\n rotate: 0, // The rotation offset\n direction: 1, // 1: clockwise, -1: counterclockwise\n color: \"#000\", // #rgb or #rrggbb\n speed: 1, // Rounds per second\n trail: 60, // Afterglow percentage\n shadow: false, // Whether to render a shadow\n hwaccel: false, // Whether to use hardware acceleration\n className: \"spinner\", // The CSS class to assign to the spinner\n zIndex: 2e9, // The z-index (defaults to 2000000000)\n top: \"30px\", // Top position relative to parent in px\n left: \"auto\" // Left position relative to parent in px\n };\n $(\"#spinner\").spin(opts);\n }\n });\n});\n" }, { "path": "assets/js/entities/common.js", "content": "ContactManager.module(\"Entities\", function(Entities, ContactManager, Backbone, Marionette, $, _){\n Entities.FilteredCollection = function(options){\n var original = options.collection;\n var filtered = new original.constructor();\n filtered.add(original.models);\n filtered.filterFunction = options.filterFunction;\n\n var applyFilter = function(filterCriterion, filterStrategy, collection){\n var collection = collection || original;\n var criterion;\n if(filterStrategy == \"filter\"){\n criterion = filterCriterion.trim();\n }\n else{\n criterion = filterCriterion;\n }\n\n var items = [];\n if(criterion){\n if(filterStrategy == \"filter\"){\n if( ! filtered.filterFunction){\n throw(\"Attempted to use 'filter' function, but none was defined\");\n }\n var filterFunction = filtered.filterFunction(criterion);\n items = collection.filter(filterFunction);\n }\n else{\n items = collection.where(criterion);\n }\n }\n else{\n items = collection.models;\n }\n\n // store current criterion\n filtered._currentCriterion = criterion;\n\n return items;\n };\n\n filtered.filter = function(filterCriterion){\n filtered._currentFilter = \"filter\";\n var items = applyFilter(filterCriterion, \"filter\");\n\n // reset the filtered collection with the new items\n filtered.reset(items);\n return filtered;\n };\n\n filtered.where = function(filterCriterion){\n filtered._currentFilter = \"where\";\n var items = applyFilter(filterCriterion, \"where\");\n\n // reset the filtered collection with the new items\n filtered.reset(items);\n return filtered;\n };\n\n // when the original collection is reset,\n // the filtered collection will re-filter itself\n // and end up with the new filtered result set\n original.on(\"reset\", function(){\n var items = applyFilter(filtered._currentCriterion, filtered._currentFilter);\n\n // reset the filtered collection with the new items\n filtered.reset(items);\n });\n\n // if the original collection gets models added to it:\n // 1. create a new collection\n // 2. filter it\n // 3. add the filtered models (i.e. the models that were added *and*\n // match the filtering criterion) to the `filtered` collection\n original.on(\"add\", function(models){\n var coll = new original.constructor();\n coll.add(models);\n var items = applyFilter(filtered._currentCriterion, filtered._currentFilter, coll);\n filtered.add(items);\n });\n\n return filtered;\n };\n});\n" }, { "path": "assets/js/entities/contact.js", "content": "ContactManager.module(\"Entities\", function(Entities, ContactManager, Backbone, Marionette, $, _){\n Entities.Contact = Backbone.Model.extend({\n urlRoot: \"contacts\",\n\n defaults: {\n firstName: \"\",\n lastName: \"\",\n phoneNumber: \"\"\n },\n\n validate: function(attrs, options) {\n var errors = {}\n if (! attrs.firstName) {\n errors.firstName = \"can't be blank\";\n }\n if (! attrs.lastName) {\n errors.lastName = \"can't be blank\";\n }\n else{\n if (attrs.lastName.length < 2) {\n errors.lastName = \"is too short\";\n }\n }\n if( ! _.isEmpty(errors)){\n return errors;\n }\n }\n });\n\n Entities.configureStorage(\"ContactManager.Entities.Contact\");\n\n Entities.ContactCollection = Backbone.Collection.extend({\n url: \"contacts\",\n model: Entities.Contact,\n comparator: \"firstName\"\n });\n\n Entities.configureStorage(\"ContactManager.Entities.ContactCollection\");\n\n var initializeContacts = function(){\n var contacts = new Entities.ContactCollection([\n { id: 1, firstName: \"Alice\", lastName: \"Arten\", phoneNumber: \"555-0184\" },\n { id: 2, firstName: \"Bob\", lastName: \"Brigham\", phoneNumber: \"555-0163\" },\n { id: 3, firstName: \"Charlie\", lastName: \"Campbell\", phoneNumber: \"555-0129\" }\n ]);\n contacts.forEach(function(contact){\n contact.save();\n });\n return contacts.models;\n };\n\n var API = {\n getContactEntities: function(){\n var contacts = new Entities.ContactCollection();\n var defer = $.Deferred();\n contacts.fetch({\n success: function(data){\n defer.resolve(data);\n }\n });\n var promise = defer.promise();\n $.when(promise).done(function(fetchedContacts){\n if(fetchedContacts.length === 0){\n // if we don't have any contacts yet, create some for convenience\n var models = initializeContacts();\n contacts.reset(models);\n }\n });\n return promise;\n },\n\n getContactEntity: function(contactId){\n var contact = new Entities.Contact({id: contactId});\n var defer = $.Deferred();\n setTimeout(function(){\n contact.fetch({\n success: function(data){\n defer.resolve(data);\n },\n error: function(data){\n defer.resolve(undefined);\n }\n });\n }, 2000);\n return defer.promise();\n }\n };\n\n ContactManager.reqres.setHandler(\"contact:entities\", function(){\n return API.getContactEntities();\n });\n\n ContactManager.reqres.setHandler(\"contact:entity\", function(id){\n return API.getContactEntity(id);\n });\n});\n" }, { "path": "assets/js/entities/header.js", "content": "ContactManager.module(\"Entities\", function(Entities, ContactManager, Backbone, Marionette, $, _){\n Entities.Header = Backbone.Model.extend({\n initialize: function(){\n var selectable = new Backbone.Picky.Selectable(this);\n _.extend(this, selectable);\n }\n });\n\n Entities.HeaderCollection = Backbone.Collection.extend({\n model: Entities.Header,\n\n initialize: function(){\n var singleSelect = new Backbone.Picky.SingleSelect(this);\n _.extend(this, singleSelect);\n }\n });\n\n var initializeHeaders = function(){\n Entities.headers = new Entities.HeaderCollection([\n { name: \"Contacts\", url: \"contacts\", navigationTrigger: \"contacts:list\" },\n { name: \"About\", url: \"about\", navigationTrigger: \"about:show\" }\n ]);\n };\n\n var API = {\n getHeaders: function(){\n if(Entities.headers === undefined){\n initializeHeaders();\n }\n return Entities.headers;\n }\n };\n\n ContactManager.reqres.setHandler(\"header:entities\", function(){\n return API.getHeaders();\n });\n});\n" }, { "path": "assets/js/vendor/backbone.js", "content": "// Backbone.js 1.1.2\n\n// (c) 2010-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n// Backbone may be freely distributed under the MIT license.\n// For all details and documentation:\n// http://backbonejs.org\n\n(function(root, factory) {\n\n // Set up Backbone appropriately for the environment. Start with AMD.\n if (typeof define === 'function' && define.amd) {\n define(['underscore', 'jquery', 'exports'], function(_, $, exports) {\n // Export global even in AMD case in case this script is loaded with\n // others that may still expect a global Backbone.\n root.Backbone = factory(root, exports, _, $);\n });\n\n // Next for Node.js or CommonJS. jQuery may not be needed as a module.\n } else if (typeof exports !== 'undefined') {\n var _ = require('underscore');\n factory(root, exports, _);\n\n // Finally, as a browser global.\n } else {\n root.Backbone = factory(root, {}, root._, (root.jQuery || root.Zepto || root.ender || root.$));\n }\n\n}(this, function(root, Backbone, _, $) {\n\n // Initial Setup\n // -------------\n\n // Save the previous value of the `Backbone` variable, so that it can be\n // restored later on, if `noConflict` is used.\n var previousBackbone = root.Backbone;\n\n // Create local references to array methods we'll want to use later.\n var array = [];\n var push = array.push;\n var slice = array.slice;\n var splice = array.splice;\n\n // Current version of the library. Keep in sync with `package.json`.\n Backbone.VERSION = '1.1.2';\n\n // For Backbone's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns\n // the `$` variable.\n Backbone.$ = $;\n\n // Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable\n // to its previous owner. Returns a reference to this Backbone object.\n Backbone.noConflict = function() {\n root.Backbone = previousBackbone;\n return this;\n };\n\n // Turn on `emulateHTTP` to support legacy HTTP servers. Setting this option\n // will fake `\"PATCH\"`, `\"PUT\"` and `\"DELETE\"` requests via the `_method` parameter and\n // set a `X-Http-Method-Override` header.\n Backbone.emulateHTTP = false;\n\n // Turn on `emulateJSON` to support legacy servers that can't deal with direct\n // `application/json` requests ... will encode the body as\n // `application/x-www-form-urlencoded` instead and will send the model in a\n // form param named `model`.\n Backbone.emulateJSON = false;\n\n // Backbone.Events\n // ---------------\n\n // A module that can be mixed in to *any object* in order to provide it with\n // custom events. You may bind with `on` or remove with `off` callback\n // functions to an event; `trigger`-ing an event fires all callbacks in\n // succession.\n //\n // var object = {};\n // _.extend(object, Backbone.Events);\n // object.on('expand', function(){ alert('expanded'); });\n // object.trigger('expand');\n //\n var Events = Backbone.Events = {\n\n // Bind an event to a `callback` function. Passing `\"all\"` will bind\n // the callback to all events fired.\n on: function(name, callback, context) {\n if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this;\n this._events || (this._events = {});\n var events = this._events[name] || (this._events[name] = []);\n events.push({callback: callback, context: context, ctx: context || this});\n return this;\n },\n\n // Bind an event to only be triggered a single time. After the first time\n // the callback is invoked, it will be removed.\n once: function(name, callback, context) {\n if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this;\n var self = this;\n var once = _.once(function() {\n self.off(name, once);\n callback.apply(this, arguments);\n });\n once._callback = callback;\n return this.on(name, once, context);\n },\n\n // Remove one or many callbacks. If `context` is null, removes all\n // callbacks with that function. If `callback` is null, removes all\n // callbacks for the event. If `name` is null, removes all bound\n // callbacks for all events.\n off: function(name, callback, context) {\n var retain, ev, events, names, i, l, j, k;\n if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this;\n if (!name && !callback && !context) {\n this._events = void 0;\n return this;\n }\n names = name ? [name] : _.keys(this._events);\n for (i = 0, l = names.length; i < l; i++) {\n name = names[i];\n if (events = this._events[name]) {\n this._events[name] = retain = [];\n if (callback || context) {\n for (j = 0, k = events.length; j < k; j++) {\n ev = events[j];\n if ((callback && callback !== ev.callback && callback !== ev.callback._callback) ||\n (context && context !== ev.context)) {\n retain.push(ev);\n }\n }\n }\n if (!retain.length) delete this._events[name];\n }\n }\n\n return this;\n },\n\n // Trigger one or many events, firing all bound callbacks. Callbacks are\n // passed the same arguments as `trigger` is, apart from the event name\n // (unless you're listening on `\"all\"`, which will cause your callback to\n // receive the true name of the event as the first argument).\n trigger: function(name) {\n if (!this._events) return this;\n var args = slice.call(arguments, 1);\n if (!eventsApi(this, 'trigger', name, args)) return this;\n var events = this._events[name];\n var allEvents = this._events.all;\n if (events) triggerEvents(events, args);\n if (allEvents) triggerEvents(allEvents, arguments);\n return this;\n },\n\n // Tell this object to stop listening to either specific events ... or\n // to every object it's currently listening to.\n stopListening: function(obj, name, callback) {\n var listeningTo = this._listeningTo;\n if (!listeningTo) return this;\n var remove = !name && !callback;\n if (!callback && typeof name === 'object') callback = this;\n if (obj) (listeningTo = {})[obj._listenId] = obj;\n for (var id in listeningTo) {\n obj = listeningTo[id];\n obj.off(name, callback, this);\n if (remove || _.isEmpty(obj._events)) delete this._listeningTo[id];\n }\n return this;\n }\n\n };\n\n // Regular expression used to split event strings.\n var eventSplitter = /\\s+/;\n\n // Implement fancy features of the Events API such as multiple event\n // names `\"change blur\"` and jQuery-style event maps `{change: action}`\n // in terms of the existing API.\n var eventsApi = function(obj, action, name, rest) {\n if (!name) return true;\n\n // Handle event maps.\n if (typeof name === 'object') {\n for (var key in name) {\n obj[action].apply(obj, [key, name[key]].concat(rest));\n }\n return false;\n }\n\n // Handle space separated event names.\n if (eventSplitter.test(name)) {\n var names = name.split(eventSplitter);\n for (var i = 0, l = names.length; i < l; i++) {\n obj[action].apply(obj, [names[i]].concat(rest));\n }\n return false;\n }\n\n return true;\n };\n\n // A difficult-to-believe, but optimized internal dispatch function for\n // triggering events. Tries to keep the usual cases speedy (most internal\n // Backbone events have 3 arguments).\n var triggerEvents = function(events, args) {\n var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2];\n switch (args.length) {\n case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return;\n case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return;\n case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return;\n case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return;\n default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); return;\n }\n };\n\n var listenMethods = {listenTo: 'on', listenToOnce: 'once'};\n\n // Inversion-of-control versions of `on` and `once`. Tell *this* object to\n // listen to an event in another object ... keeping track of what it's\n // listening to.\n _.each(listenMethods, function(implementation, method) {\n Events[method] = function(obj, name, callback) {\n var listeningTo = this._listeningTo || (this._listeningTo = {});\n var id = obj._listenId || (obj._listenId = _.uniqueId('l'));\n listeningTo[id] = obj;\n if (!callback && typeof name === 'object') callback = this;\n obj[implementation](name, callback, this);\n return this;\n };\n });\n\n // Aliases for backwards compatibility.\n Events.bind = Events.on;\n Events.unbind = Events.off;\n\n // Allow the `Backbone` object to serve as a global event bus, for folks who\n // want global \"pubsub\" in a convenient place.\n _.extend(Backbone, Events);\n\n // Backbone.Model\n // --------------\n\n // Backbone **Models** are the basic data object in the framework --\n // frequently representing a row in a table in a database on your server.\n // A discrete chunk of data and a bunch of useful, related methods for\n // performing computations and transformations on that data.\n\n // Create a new model with the specified attributes. A client id (`cid`)\n // is automatically generated and assigned for you.\n var Model = Backbone.Model = function(attributes, options) {\n var attrs = attributes || {};\n options || (options = {});\n this.cid = _.uniqueId('c');\n this.attributes = {};\n if (options.collection) this.collection = options.collection;\n if (options.parse) attrs = this.parse(attrs, options) || {};\n attrs = _.defaults({}, attrs, _.result(this, 'defaults'));\n this.set(attrs, options);\n this.changed = {};\n this.initialize.apply(this, arguments);\n };\n\n // Attach all inheritable methods to the Model prototype.\n _.extend(Model.prototype, Events, {\n\n // A hash of attributes whose current and previous value differ.\n changed: null,\n\n // The value returned during the last failed validation.\n validationError: null,\n\n // The default name for the JSON `id` attribute is `\"id\"`. MongoDB and\n // CouchDB users may want to set this to `\"_id\"`.\n idAttribute: 'id',\n\n // Initialize is an empty function by default. Override it with your own\n // initialization logic.\n initialize: function(){},\n\n // Return a copy of the model's `attributes` object.\n toJSON: function(options) {\n return _.clone(this.attributes);\n },\n\n // Proxy `Backbone.sync` by default -- but override this if you need\n // custom syncing semantics for *this* particular model.\n sync: function() {\n return Backbone.sync.apply(this, arguments);\n },\n\n // Get the value of an attribute.\n get: function(attr) {\n return this.attributes[attr];\n },\n\n // Get the HTML-escaped value of an attribute.\n escape: function(attr) {\n return _.escape(this.get(attr));\n },\n\n // Returns `true` if the attribute contains a value that is not null\n // or undefined.\n has: function(attr) {\n return this.get(attr) != null;\n },\n\n // Set a hash of model attributes on the object, firing `\"change\"`. This is\n // the core primitive operation of a model, updating the data and notifying\n // anyone who needs to know about the change in state. The heart of the beast.\n set: function(key, val, options) {\n var attr, attrs, unset, changes, silent, changing, prev, current;\n if (key == null) return this;\n\n // Handle both `\"key\", value` and `{key: value}` -style arguments.\n if (typeof key === 'object') {\n attrs = key;\n options = val;\n } else {\n (attrs = {})[key] = val;\n }\n\n options || (options = {});\n\n // Run validation.\n if (!this._validate(attrs, options)) return false;\n\n // Extract attributes and options.\n unset = options.unset;\n silent = options.silent;\n changes = [];\n changing = this._changing;\n this._changing = true;\n\n if (!changing) {\n this._previousAttributes = _.clone(this.attributes);\n this.changed = {};\n }\n current = this.attributes, prev = this._previousAttributes;\n\n // Check for changes of `id`.\n if (this.idAttribute in attrs) this.id = attrs[this.idAttribute];\n\n // For each `set` attribute, update or delete the current value.\n for (attr in attrs) {\n val = attrs[attr];\n if (!_.isEqual(current[attr], val)) changes.push(attr);\n if (!_.isEqual(prev[attr], val)) {\n this.changed[attr] = val;\n } else {\n delete this.changed[attr];\n }\n unset ? delete current[attr] : current[attr] = val;\n }\n\n // Trigger all relevant attribute changes.\n if (!silent) {\n if (changes.length) this._pending = options;\n for (var i = 0, l = changes.length; i < l; i++) {\n this.trigger('change:' + changes[i], this, current[changes[i]], options);\n }\n }\n\n // You might be wondering why there's a `while` loop here. Changes can\n // be recursively nested within `\"change\"` events.\n if (changing) return this;\n if (!silent) {\n while (this._pending) {\n options = this._pending;\n this._pending = false;\n this.trigger('change', this, options);\n }\n }\n this._pending = false;\n this._changing = false;\n return this;\n },\n\n // Remove an attribute from the model, firing `\"change\"`. `unset` is a noop\n // if the attribute doesn't exist.\n unset: function(attr, options) {\n return this.set(attr, void 0, _.extend({}, options, {unset: true}));\n },\n\n // Clear all attributes on the model, firing `\"change\"`.\n clear: function(options) {\n var attrs = {};\n for (var key in this.attributes) attrs[key] = void 0;\n return this.set(attrs, _.extend({}, options, {unset: true}));\n },\n\n // Determine if the model has changed since the last `\"change\"` event.\n // If you specify an attribute name, determine if that attribute has changed.\n hasChanged: function(attr) {\n if (attr == null) return !_.isEmpty(this.changed);\n return _.has(this.changed, attr);\n },\n\n // Return an object containing all the attributes that have changed, or\n // false if there are no changed attributes. Useful for determining what\n // parts of a view need to be updated and/or what attributes need to be\n // persisted to the server. Unset attributes will be set to undefined.\n // You can also pass an attributes object to diff against the model,\n // determining if there *would be* a change.\n changedAttributes: function(diff) {\n if (!diff) return this.hasChanged() ? _.clone(this.changed) : false;\n var val, changed = false;\n var old = this._changing ? this._previousAttributes : this.attributes;\n for (var attr in diff) {\n if (_.isEqual(old[attr], (val = diff[attr]))) continue;\n (changed || (changed = {}))[attr] = val;\n }\n return changed;\n },\n\n // Get the previous value of an attribute, recorded at the time the last\n // `\"change\"` event was fired.\n previous: function(attr) {\n if (attr == null || !this._previousAttributes) return null;\n return this._previousAttributes[attr];\n },\n\n // Get all of the attributes of the model at the time of the previous\n // `\"change\"` event.\n previousAttributes: function() {\n return _.clone(this._previousAttributes);\n },\n\n // Fetch the model from the server. If the server's representation of the\n // model differs from its current attributes, they will be overridden,\n // triggering a `\"change\"` event.\n fetch: function(options) {\n options = options ? _.clone(options) : {};\n if (options.parse === void 0) options.parse = true;\n var model = this;\n var success = options.success;\n options.success = function(resp) {\n if (!model.set(model.parse(resp, options), options)) return false;\n if (success) success(model, resp, options);\n model.trigger('sync', model, resp, options);\n };\n wrapError(this, options);\n return this.sync('read', this, options);\n },\n\n // Set a hash of model attributes, and sync the model to the server.\n // If the server returns an attributes hash that differs, the model's\n // state will be `set` again.\n save: function(key, val, options) {\n var attrs, method, xhr, attributes = this.attributes;\n\n // Handle both `\"key\", value` and `{key: value}` -style arguments.\n if (key == null || typeof key === 'object') {\n attrs = key;\n options = val;\n } else {\n (attrs = {})[key] = val;\n }\n\n options = _.extend({validate: true}, options);\n\n // If we're not waiting and attributes exist, save acts as\n // `set(attr).save(null, opts)` with validation. Otherwise, check if\n // the model will be valid when the attributes, if any, are set.\n if (attrs && !options.wait) {\n if (!this.set(attrs, options)) return false;\n } else {\n if (!this._validate(attrs, options)) return false;\n }\n\n // Set temporary attributes if `{wait: true}`.\n if (attrs && options.wait) {\n this.attributes = _.extend({}, attributes, attrs);\n }\n\n // After a successful server-side save, the client is (optionally)\n // updated with the server-side state.\n if (options.parse === void 0) options.parse = true;\n var model = this;\n var success = options.success;\n options.success = function(resp) {\n // Ensure attributes are restored during synchronous saves.\n model.attributes = attributes;\n var serverAttrs = model.parse(resp, options);\n if (options.wait) serverAttrs = _.extend(attrs || {}, serverAttrs);\n if (_.isObject(serverAttrs) && !model.set(serverAttrs, options)) {\n return false;\n }\n if (success) success(model, resp, options);\n model.trigger('sync', model, resp, options);\n };\n wrapError(this, options);\n\n method = this.isNew() ? 'create' : (options.patch ? 'patch' : 'update');\n if (method === 'patch') options.attrs = attrs;\n xhr = this.sync(method, this, options);\n\n // Restore attributes.\n if (attrs && options.wait) this.attributes = attributes;\n\n return xhr;\n },\n\n // Destroy this model on the server if it was already persisted.\n // Optimistically removes the model from its collection, if it has one.\n // If `wait: true` is passed, waits for the server to respond before removal.\n destroy: function(options) {\n options = options ? _.clone(options) : {};\n var model = this;\n var success = options.success;\n\n var destroy = function() {\n model.trigger('destroy', model, model.collection, options);\n };\n\n options.success = function(resp) {\n if (options.wait || model.isNew()) destroy();\n if (success) success(model, resp, options);\n if (!model.isNew()) model.trigger('sync', model, resp, options);\n };\n\n if (this.isNew()) {\n options.success();\n return false;\n }\n wrapError(this, options);\n\n var xhr = this.sync('delete', this, options);\n if (!options.wait) destroy();\n return xhr;\n },\n\n // Default URL for the model's representation on the server -- if you're\n // using Backbone's restful methods, override this to change the endpoint\n // that will be called.\n url: function() {\n var base =\n _.result(this, 'urlRoot') ||\n _.result(this.collection, 'url') ||\n urlError();\n if (this.isNew()) return base;\n return base.replace(/([^\\/])$/, '$1/') + encodeURIComponent(this.id);\n },\n\n // **parse** converts a response into the hash of attributes to be `set` on\n // the model. The default implementation is just to pass the response along.\n parse: function(resp, options) {\n return resp;\n },\n\n // Create a new model with identical attributes to this one.\n clone: function() {\n return new this.constructor(this.attributes);\n },\n\n // A model is new if it has never been saved to the server, and lacks an id.\n isNew: function() {\n return !this.has(this.idAttribute);\n },\n\n // Check if the model is currently in a valid state.\n isValid: function(options) {\n return this._validate({}, _.extend(options || {}, { validate: true }));\n },\n\n // Run validation against the next complete set of model attributes,\n // returning `true` if all is well. Otherwise, fire an `\"invalid\"` event.\n _validate: function(attrs, options) {\n if (!options.validate || !this.validate) return true;\n attrs = _.extend({}, this.attributes, attrs);\n var error = this.validationError = this.validate(attrs, options) || null;\n if (!error) return true;\n this.trigger('invalid', this, error, _.extend(options, {validationError: error}));\n return false;\n }\n\n });\n\n // Underscore methods that we want to implement on the Model.\n var modelMethods = ['keys', 'values', 'pairs', 'invert', 'pick', 'omit'];\n\n // Mix in each Underscore method as a proxy to `Model#attributes`.\n _.each(modelMethods, function(method) {\n Model.prototype[method] = function() {\n var args = slice.call(arguments);\n args.unshift(this.attributes);\n return _[method].apply(_, args);\n };\n });\n\n // Backbone.Collection\n // -------------------\n\n // If models tend to represent a single row of data, a Backbone Collection is\n // more analagous to a table full of data ... or a small slice or page of that\n // table, or a collection of rows that belong together for a particular reason\n // -- all of the messages in this particular folder, all of the documents\n // belonging to this particular author, and so on. Collections maintain\n // indexes of their models, both in order, and for lookup by `id`.\n\n // Create a new **Collection**, perhaps to contain a specific type of `model`.\n // If a `comparator` is specified, the Collection will maintain\n // its models in sort order, as they're added and removed.\n var Collection = Backbone.Collection = function(models, options) {\n options || (options = {});\n if (options.model) this.model = options.model;\n if (options.comparator !== void 0) this.comparator = options.comparator;\n this._reset();\n this.initialize.apply(this, arguments);\n if (models) this.reset(models, _.extend({silent: true}, options));\n };\n\n // Default options for `Collection#set`.\n var setOptions = {add: true, remove: true, merge: true};\n var addOptions = {add: true, remove: false};\n\n // Define the Collection's inheritable methods.\n _.extend(Collection.prototype, Events, {\n\n // The default model for a collection is just a **Backbone.Model**.\n // This should be overridden in most cases.\n model: Model,\n\n // Initialize is an empty function by default. Override it with your own\n // initialization logic.\n initialize: function(){},\n\n // The JSON representation of a Collection is an array of the\n // models' attributes.\n toJSON: function(options) {\n return this.map(function(model){ return model.toJSON(options); });\n },\n\n // Proxy `Backbone.sync` by default.\n sync: function() {\n return Backbone.sync.apply(this, arguments);\n },\n\n // Add a model, or list of models to the set.\n add: function(models, options) {\n return this.set(models, _.extend({merge: false}, options, addOptions));\n },\n\n // Remove a model, or a list of models from the set.\n remove: function(models, options) {\n var singular = !_.isArray(models);\n models = singular ? [models] : _.clone(models);\n options || (options = {});\n var i, l, index, model;\n for (i = 0, l = models.length; i < l; i++) {\n model = models[i] = this.get(models[i]);\n if (!model) continue;\n delete this._byId[model.id];\n delete this._byId[model.cid];\n index = this.indexOf(model);\n this.models.splice(index, 1);\n this.length--;\n if (!options.silent) {\n options.index = index;\n model.trigger('remove', model, this, options);\n }\n this._removeReference(model, options);\n }\n return singular ? models[0] : models;\n },\n\n // Update a collection by `set`-ing a new list of models, adding new ones,\n // removing models that are no longer present, and merging models that\n // already exist in the collection, as necessary. Similar to **Model#set**,\n // the core operation for updating the data contained by the collection.\n set: function(models, options) {\n options = _.defaults({}, options, setOptions);\n if (options.parse) models = this.parse(models, options);\n var singular = !_.isArray(models);\n models = singular ? (models ? [models] : []) : _.clone(models);\n var i, l, id, model, attrs, existing, sort;\n var at = options.at;\n var targetModel = this.model;\n var sortable = this.comparator && (at == null) && options.sort !== false;\n var sortAttr = _.isString(this.comparator) ? this.comparator : null;\n var toAdd = [], toRemove = [], modelMap = {};\n var add = options.add, merge = options.merge, remove = options.remove;\n var order = !sortable && add && remove ? [] : false;\n\n // Turn bare objects into model references, and prevent invalid models\n // from being added.\n for (i = 0, l = models.length; i < l; i++) {\n attrs = models[i] || {};\n if (attrs instanceof Model) {\n id = model = attrs;\n } else {\n id = attrs[targetModel.prototype.idAttribute || 'id'];\n }\n\n // If a duplicate is found, prevent it from being added and\n // optionally merge it into the existing model.\n if (existing = this.get(id)) {\n if (remove) modelMap[existing.cid] = true;\n if (merge) {\n attrs = attrs === model ? model.attributes : attrs;\n if (options.parse) attrs = existing.parse(attrs, options);\n existing.set(attrs, options);\n if (sortable && !sort && existing.hasChanged(sortAttr)) sort = true;\n }\n models[i] = existing;\n\n // If this is a new, valid model, push it to the `toAdd` list.\n } else if (add) {\n model = models[i] = this._prepareModel(attrs, options);\n if (!model) continue;\n toAdd.push(model);\n this._addReference(model, options);\n }\n\n // Do not add multiple models with the same `id`.\n model = existing || model;\n if (order && (model.isNew() || !modelMap[model.id])) order.push(model);\n modelMap[model.id] = true;\n }\n\n // Remove nonexistent models if appropriate.\n if (remove) {\n for (i = 0, l = this.length; i < l; ++i) {\n if (!modelMap[(model = this.models[i]).cid]) toRemove.push(model);\n }\n if (toRemove.length) this.remove(toRemove, options);\n }\n\n // See if sorting is needed, update `length` and splice in new models.\n if (toAdd.length || (order && order.length)) {\n if (sortable) sort = true;\n this.length += toAdd.length;\n if (at != null) {\n for (i = 0, l = toAdd.length; i < l; i++) {\n this.models.splice(at + i, 0, toAdd[i]);\n }\n } else {\n if (order) this.models.length = 0;\n var orderedModels = order || toAdd;\n for (i = 0, l = orderedModels.length; i < l; i++) {\n this.models.push(orderedModels[i]);\n }\n }\n }\n\n // Silently sort the collection if appropriate.\n if (sort) this.sort({silent: true});\n\n // Unless silenced, it's time to fire all appropriate add/sort events.\n if (!options.silent) {\n for (i = 0, l = toAdd.length; i < l; i++) {\n (model = toAdd[i]).trigger('add', model, this, options);\n }\n if (sort || (order && order.length)) this.trigger('sort', this, options);\n }\n\n // Return the added (or merged) model (or models).\n return singular ? models[0] : models;\n },\n\n // When you have more items than you want to add or remove individually,\n // you can reset the entire set with a new list of models, without firing\n // any granular `add` or `remove` events. Fires `reset` when finished.\n // Useful for bulk operations and optimizations.\n reset: function(models, options) {\n options || (options = {});\n for (var i = 0, l = this.models.length; i < l; i++) {\n this._removeReference(this.models[i], options);\n }\n options.previousModels = this.models;\n this._reset();\n models = this.add(models, _.extend({silent: true}, options));\n if (!options.silent) this.trigger('reset', this, options);\n return models;\n },\n\n // Add a model to the end of the collection.\n push: function(model, options) {\n return this.add(model, _.extend({at: this.length}, options));\n },\n\n // Remove a model from the end of the collection.\n pop: function(options) {\n var model = this.at(this.length - 1);\n this.remove(model, options);\n return model;\n },\n\n // Add a model to the beginning of the collection.\n unshift: function(model, options) {\n return this.add(model, _.extend({at: 0}, options));\n },\n\n // Remove a model from the beginning of the collection.\n shift: function(options) {\n var model = this.at(0);\n this.remove(model, options);\n return model;\n },\n\n // Slice out a sub-array of models from the collection.\n slice: function() {\n return slice.apply(this.models, arguments);\n },\n\n // Get a model from the set by id.\n get: function(obj) {\n if (obj == null) return void 0;\n return this._byId[obj] || this._byId[obj.id] || this._byId[obj.cid];\n },\n\n // Get the model at the given index.\n at: function(index) {\n return this.models[index];\n },\n\n // Return models with matching attributes. Useful for simple cases of\n // `filter`.\n where: function(attrs, first) {\n if (_.isEmpty(attrs)) return first ? void 0 : [];\n return this[first ? 'find' : 'filter'](function(model) {\n for (var key in attrs) {\n if (attrs[key] !== model.get(key)) return false;\n }\n return true;\n });\n },\n\n // Return the first model with matching attributes. Useful for simple cases\n // of `find`.\n findWhere: function(attrs) {\n return this.where(attrs, true);\n },\n\n // Force the collection to re-sort itself. You don't need to call this under\n // normal circumstances, as the set will maintain sort order as each item\n // is added.\n sort: function(options) {\n if (!this.comparator) throw new Error('Cannot sort a set without a comparator');\n options || (options = {});\n\n // Run sort based on type of `comparator`.\n if (_.isString(this.comparator) || this.comparator.length === 1) {\n this.models = this.sortBy(this.comparator, this);\n } else {\n this.models.sort(_.bind(this.comparator, this));\n }\n\n if (!options.silent) this.trigger('sort', this, options);\n return this;\n },\n\n // Pluck an attribute from each model in the collection.\n pluck: function(attr) {\n return _.invoke(this.models, 'get', attr);\n },\n\n // Fetch the default set of models for this collection, resetting the\n // collection when they arrive. If `reset: true` is passed, the response\n // data will be passed through the `reset` method instead of `set`.\n fetch: function(options) {\n options = options ? _.clone(options) : {};\n if (options.parse === void 0) options.parse = true;\n var success = options.success;\n var collection = this;\n options.success = function(resp) {\n var method = options.reset ? 'reset' : 'set';\n collection[method](resp, options);\n if (success) success(collection, resp, options);\n collection.trigger('sync', collection, resp, options);\n };\n wrapError(this, options);\n return this.sync('read', this, options);\n },\n\n // Create a new instance of a model in this collection. Add the model to the\n // collection immediately, unless `wait: true` is passed, in which case we\n // wait for the server to agree.\n create: function(model, options) {\n options = options ? _.clone(options) : {};\n if (!(model = this._prepareModel(model, options))) return false;\n if (!options.wait) this.add(model, options);\n var collection = this;\n var success = options.success;\n options.success = function(model, resp) {\n if (options.wait) collection.add(model, options);\n if (success) success(model, resp, options);\n };\n model.save(null, options);\n return model;\n },\n\n // **parse** converts a response into a list of models to be added to the\n // collection. The default implementation is just to pass it through.\n parse: function(resp, options) {\n return resp;\n },\n\n // Create a new collection with an identical list of models as this one.\n clone: function() {\n return new this.constructor(this.models);\n },\n\n // Private method to reset all internal state. Called when the collection\n // is first initialized or reset.\n _reset: function() {\n this.length = 0;\n this.models = [];\n this._byId = {};\n },\n\n // Prepare a hash of attributes (or other model) to be added to this\n // collection.\n _prepareModel: function(attrs, options) {\n if (attrs instanceof Model) return attrs;\n options = options ? _.clone(options) : {};\n options.collection = this;\n var model = new this.model(attrs, options);\n if (!model.validationError) return model;\n this.trigger('invalid', this, model.validationError, options);\n return false;\n },\n\n // Internal method to create a model's ties to a collection.\n _addReference: function(model, options) {\n this._byId[model.cid] = model;\n if (model.id != null) this._byId[model.id] = model;\n if (!model.collection) model.collection = this;\n model.on('all', this._onModelEvent, this);\n },\n\n // Internal method to sever a model's ties to a collection.\n _removeReference: function(model, options) {\n if (this === model.collection) delete model.collection;\n model.off('all', this._onModelEvent, this);\n },\n\n // Internal method called every time a model in the set fires an event.\n // Sets need to update their indexes when models change ids. All other\n // events simply proxy through. \"add\" and \"remove\" events that originate\n // in other collections are ignored.\n _onModelEvent: function(event, model, collection, options) {\n if ((event === 'add' || event === 'remove') && collection !== this) return;\n if (event === 'destroy') this.remove(model, options);\n if (model && event === 'change:' + model.idAttribute) {\n delete this._byId[model.previous(model.idAttribute)];\n if (model.id != null) this._byId[model.id] = model;\n }\n this.trigger.apply(this, arguments);\n }\n\n });\n\n // Underscore methods that we want to implement on the Collection.\n // 90% of the core usefulness of Backbone Collections is actually implemented\n // right here:\n var methods = ['forEach', 'each', 'map', 'collect', 'reduce', 'foldl',\n 'inject', 'reduceRight', 'foldr', 'find', 'detect', 'filter', 'select',\n 'reject', 'every', 'all', 'some', 'any', 'include', 'contains', 'invoke',\n 'max', 'min', 'toArray', 'size', 'first', 'head', 'take', 'initial', 'rest',\n 'tail', 'drop', 'last', 'without', 'difference', 'indexOf', 'shuffle',\n 'lastIndexOf', 'isEmpty', 'chain', 'sample'];\n\n // Mix in each Underscore method as a proxy to `Collection#models`.\n _.each(methods, function(method) {\n Collection.prototype[method] = function() {\n var args = slice.call(arguments);\n args.unshift(this.models);\n return _[method].apply(_, args);\n };\n });\n\n // Underscore methods that take a property name as an argument.\n var attributeMethods = ['groupBy', 'countBy', 'sortBy', 'indexBy'];\n\n // Use attributes instead of properties.\n _.each(attributeMethods, function(method) {\n Collection.prototype[method] = function(value, context) {\n var iterator = _.isFunction(value) ? value : function(model) {\n return model.get(value);\n };\n return _[method](this.models, iterator, context);\n };\n });\n\n // Backbone.View\n // -------------\n\n // Backbone Views are almost more convention than they are actual code. A View\n // is simply a JavaScript object that represents a logical chunk of UI in the\n // DOM. This might be a single item, an entire list, a sidebar or panel, or\n // even the surrounding frame which wraps your whole app. Defining a chunk of\n // UI as a **View** allows you to define your DOM events declaratively, without\n // having to worry about render order ... and makes it easy for the view to\n // react to specific changes in the state of your models.\n\n // Creating a Backbone.View creates its initial element outside of the DOM,\n // if an existing element is not provided...\n var View = Backbone.View = function(options) {\n this.cid = _.uniqueId('view');\n options || (options = {});\n _.extend(this, _.pick(options, viewOptions));\n this._ensureElement();\n this.initialize.apply(this, arguments);\n this.delegateEvents();\n };\n\n // Cached regex to split keys for `delegate`.\n var delegateEventSplitter = /^(\\S+)\\s*(.*)$/;\n\n // List of view options to be merged as properties.\n var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'events'];\n\n // Set up all inheritable **Backbone.View** properties and methods.\n _.extend(View.prototype, Events, {\n\n // The default `tagName` of a View's element is `\"div\"`.\n tagName: 'div',\n\n // jQuery delegate for element lookup, scoped to DOM elements within the\n // current view. This should be preferred to global lookups where possible.\n $: function(selector) {\n return this.$el.find(selector);\n },\n\n // Initialize is an empty function by default. Override it with your own\n // initialization logic.\n initialize: function(){},\n\n // **render** is the core function that your view should override, in order\n // to populate its element (`this.el`), with the appropriate HTML. The\n // convention is for **render** to always return `this`.\n render: function() {\n return this;\n },\n\n // Remove this view by taking the element out of the DOM, and removing any\n // applicable Backbone.Events listeners.\n remove: function() {\n this.$el.remove();\n this.stopListening();\n return this;\n },\n\n // Change the view's element (`this.el` property), including event\n // re-delegation.\n setElement: function(element, delegate) {\n if (this.$el) this.undelegateEvents();\n this.$el = element instanceof Backbone.$ ? element : Backbone.$(element);\n this.el = this.$el[0];\n if (delegate !== false) this.delegateEvents();\n return this;\n },\n\n // Set callbacks, where `this.events` is a hash of\n //\n // *{\"event selector\": \"callback\"}*\n //\n // {\n // 'mousedown .title': 'edit',\n // 'click .button': 'save',\n // 'click .open': function(e) { ... }\n // }\n //\n // pairs. Callbacks will be bound to the view, with `this` set properly.\n // Uses event delegation for efficiency.\n // Omitting the selector binds the event to `this.el`.\n // This only works for delegate-able events: not `focus`, `blur`, and\n // not `change`, `submit`, and `reset` in Internet Explorer.\n delegateEvents: function(events) {\n if (!(events || (events = _.result(this, 'events')))) return this;\n this.undelegateEvents();\n for (var key in events) {\n var method = events[key];\n if (!_.isFunction(method)) method = this[events[key]];\n if (!method) continue;\n\n var match = key.match(delegateEventSplitter);\n var eventName = match[1], selector = match[2];\n method = _.bind(method, this);\n eventName += '.delegateEvents' + this.cid;\n if (selector === '') {\n this.$el.on(eventName, method);\n } else {\n this.$el.on(eventName, selector, method);\n }\n }\n return this;\n },\n\n // Clears all callbacks previously bound to the view with `delegateEvents`.\n // You usually don't need to use this, but may wish to if you have multiple\n // Backbone views attached to the same DOM element.\n undelegateEvents: function() {\n this.$el.off('.delegateEvents' + this.cid);\n return this;\n },\n\n // Ensure that the View has a DOM element to render into.\n // If `this.el` is a string, pass it through `$()`, take the first\n // matching element, and re-assign it to `el`. Otherwise, create\n // an element from the `id`, `className` and `tagName` properties.\n _ensureElement: function() {\n if (!this.el) {\n var attrs = _.extend({}, _.result(this, 'attributes'));\n if (this.id) attrs.id = _.result(this, 'id');\n if (this.className) attrs['class'] = _.result(this, 'className');\n var $el = Backbone.$('<' + _.result(this, 'tagName') + '>').attr(attrs);\n this.setElement($el, false);\n } else {\n this.setElement(_.result(this, 'el'), false);\n }\n }\n\n });\n\n // Backbone.sync\n // -------------\n\n // Override this function to change the manner in which Backbone persists\n // models to the server. You will be passed the type of request, and the\n // model in question. By default, makes a RESTful Ajax request\n // to the model's `url()`. Some possible customizations could be:\n //\n // * Use `setTimeout` to batch rapid-fire updates into a single request.\n // * Send up the models as XML instead of JSON.\n // * Persist models via WebSockets instead of Ajax.\n //\n // Turn on `Backbone.emulateHTTP` in order to send `PUT` and `DELETE` requests\n // as `POST`, with a `_method` parameter containing the true HTTP method,\n // as well as all requests with the body as `application/x-www-form-urlencoded`\n // instead of `application/json` with the model in a param named `model`.\n // Useful when interfacing with server-side languages like **PHP** that make\n // it difficult to read the body of `PUT` requests.\n Backbone.sync = function(method, model, options) {\n var type = methodMap[method];\n\n // Default options, unless specified.\n _.defaults(options || (options = {}), {\n emulateHTTP: Backbone.emulateHTTP,\n emulateJSON: Backbone.emulateJSON\n });\n\n // Default JSON-request options.\n var params = {type: type, dataType: 'json'};\n\n // Ensure that we have a URL.\n if (!options.url) {\n params.url = _.result(model, 'url') || urlError();\n }\n\n // Ensure that we have the appropriate request data.\n if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) {\n params.contentType = 'application/json';\n params.data = JSON.stringify(options.attrs || model.toJSON(options));\n }\n\n // For older servers, emulate JSON by encoding the request into an HTML-form.\n if (options.emulateJSON) {\n params.contentType = 'application/x-www-form-urlencoded';\n params.data = params.data ? {model: params.data} : {};\n }\n\n // For older servers, emulate HTTP by mimicking the HTTP method with `_method`\n // And an `X-HTTP-Method-Override` header.\n if (options.emulateHTTP && (type === 'PUT' || type === 'DELETE' || type === 'PATCH')) {\n params.type = 'POST';\n if (options.emulateJSON) params.data._method = type;\n var beforeSend = options.beforeSend;\n options.beforeSend = function(xhr) {\n xhr.setRequestHeader('X-HTTP-Method-Override', type);\n if (beforeSend) return beforeSend.apply(this, arguments);\n };\n }\n\n // Don't process data on a non-GET request.\n if (params.type !== 'GET' && !options.emulateJSON) {\n params.processData = false;\n }\n\n // If we're sending a `PATCH` request, and we're in an old Internet Explorer\n // that still has ActiveX enabled by default, override jQuery to use that\n // for XHR instead. Remove this line when jQuery supports `PATCH` on IE8.\n if (params.type === 'PATCH' && noXhrPatch) {\n params.xhr = function() {\n return new ActiveXObject(\"Microsoft.XMLHTTP\");\n };\n }\n\n // Make the request, allowing the user to override any Ajax options.\n var xhr = options.xhr = Backbone.ajax(_.extend(params, options));\n model.trigger('request', model, xhr, options);\n return xhr;\n };\n\n var noXhrPatch =\n typeof window !== 'undefined' && !!window.ActiveXObject &&\n !(window.XMLHttpRequest && (new XMLHttpRequest).dispatchEvent);\n\n // Map from CRUD to HTTP for our default `Backbone.sync` implementation.\n var methodMap = {\n 'create': 'POST',\n 'update': 'PUT',\n 'patch': 'PATCH',\n 'delete': 'DELETE',\n 'read': 'GET'\n };\n\n // Set the default implementation of `Backbone.ajax` to proxy through to `$`.\n // Override this if you'd like to use a different library.\n Backbone.ajax = function() {\n return Backbone.$.ajax.apply(Backbone.$, arguments);\n };\n\n // Backbone.Router\n // ---------------\n\n // Routers map faux-URLs to actions, and fire events when routes are\n // matched. Creating a new one sets its `routes` hash, if not set statically.\n var Router = Backbone.Router = function(options) {\n options || (options = {});\n if (options.routes) this.routes = options.routes;\n this._bindRoutes();\n this.initialize.apply(this, arguments);\n };\n\n // Cached regular expressions for matching named param parts and splatted\n // parts of route strings.\n var optionalParam = /\\((.*?)\\)/g;\n var namedParam = /(\\(\\?)?:\\w+/g;\n var splatParam = /\\*\\w+/g;\n var escapeRegExp = /[\\-{}\\[\\]+?.,\\\\\\^$|#\\s]/g;\n\n // Set up all inheritable **Backbone.Router** properties and methods.\n _.extend(Router.prototype, Events, {\n\n // Initialize is an empty function by default. Override it with your own\n // initialization logic.\n initialize: function(){},\n\n // Manually bind a single named route to a callback. For example:\n //\n // this.route('search/:query/p:num', 'search', function(query, num) {\n // ...\n // });\n //\n route: function(route, name, callback) {\n if (!_.isRegExp(route)) route = this._routeToRegExp(route);\n if (_.isFunction(name)) {\n callback = name;\n name = '';\n }\n if (!callback) callback = this[name];\n var router = this;\n Backbone.history.route(route, function(fragment) {\n var args = router._extractParameters(route, fragment);\n router.execute(callback, args);\n router.trigger.apply(router, ['route:' + name].concat(args));\n router.trigger('route', name, args);\n Backbone.history.trigger('route', router, name, args);\n });\n return this;\n },\n\n // Execute a route handler with the provided parameters. This is an\n // excellent place to do pre-route setup or post-route cleanup.\n execute: function(callback, args) {\n if (callback) callback.apply(this, args);\n },\n\n // Simple proxy to `Backbone.history` to save a fragment into the history.\n navigate: function(fragment, options) {\n Backbone.history.navigate(fragment, options);\n return this;\n },\n\n // Bind all defined routes to `Backbone.history`. We have to reverse the\n // order of the routes here to support behavior where the most general\n // routes can be defined at the bottom of the route map.\n _bindRoutes: function() {\n if (!this.routes) return;\n this.routes = _.result(this, 'routes');\n var route, routes = _.keys(this.routes);\n while ((route = routes.pop()) != null) {\n this.route(route, this.routes[route]);\n }\n },\n\n // Convert a route string into a regular expression, suitable for matching\n // against the current location hash.\n _routeToRegExp: function(route) {\n route = route.replace(escapeRegExp, '\\\\$&')\n .replace(optionalParam, '(?:$1)?')\n .replace(namedParam, function(match, optional) {\n return optional ? match : '([^/?]+)';\n })\n .replace(splatParam, '([^?]*?)');\n return new RegExp('^' + route + '(?:\\\\?([\\\\s\\\\S]*))?$');\n },\n\n // Given a route, and a URL fragment that it matches, return the array of\n // extracted decoded parameters. Empty or unmatched parameters will be\n // treated as `null` to normalize cross-browser behavior.\n _extractParameters: function(route, fragment) {\n var params = route.exec(fragment).slice(1);\n return _.map(params, function(param, i) {\n // Don't decode the search params.\n if (i === params.length - 1) return param || null;\n return param ? decodeURIComponent(param) : null;\n });\n }\n\n });\n\n // Backbone.History\n // ----------------\n\n // Handles cross-browser history management, based on either\n // [pushState](http://diveintohtml5.info/history.html) and real URLs, or\n // [onhashchange](https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange)\n // and URL fragments. If the browser supports neither (old IE, natch),\n // falls back to polling.\n var History = Backbone.History = function() {\n this.handlers = [];\n _.bindAll(this, 'checkUrl');\n\n // Ensure that `History` can be used outside of the browser.\n if (typeof window !== 'undefined') {\n this.location = window.location;\n this.history = window.history;\n }\n };\n\n // Cached regex for stripping a leading hash/slash and trailing space.\n var routeStripper = /^[#\\/]|\\s+$/g;\n\n // Cached regex for stripping leading and trailing slashes.\n var rootStripper = /^\\/+|\\/+$/g;\n\n // Cached regex for detecting MSIE.\n var isExplorer = /msie [\\w.]+/;\n\n // Cached regex for removing a trailing slash.\n var trailingSlash = /\\/$/;\n\n // Cached regex for stripping urls of hash.\n var pathStripper = /#.*$/;\n\n // Has the history handling already been started?\n History.started = false;\n\n // Set up all inheritable **Backbone.History** properties and methods.\n _.extend(History.prototype, Events, {\n\n // The default interval to poll for hash changes, if necessary, is\n // twenty times a second.\n interval: 50,\n\n // Are we at the app root?\n atRoot: function() {\n return this.location.pathname.replace(/[^\\/]$/, '$&/') === this.root;\n },\n\n // Gets the true hash value. Cannot use location.hash directly due to bug\n // in Firefox where location.hash will always be decoded.\n getHash: function(window) {\n var match = (window || this).location.href.match(/#(.*)$/);\n return match ? match[1] : '';\n },\n\n // Get the cross-browser normalized URL fragment, either from the URL,\n // the hash, or the override.\n getFragment: function(fragment, forcePushState) {\n if (fragment == null) {\n if (this._hasPushState || !this._wantsHashChange || forcePushState) {\n fragment = decodeURI(this.location.pathname + this.location.search);\n var root = this.root.replace(trailingSlash, '');\n if (!fragment.indexOf(root)) fragment = fragment.slice(root.length);\n } else {\n fragment = this.getHash();\n }\n }\n return fragment.replace(routeStripper, '');\n },\n\n // Start the hash change handling, returning `true` if the current URL matches\n // an existing route, and `false` otherwise.\n start: function(options) {\n if (History.started) throw new Error(\"Backbone.history has already been started\");\n History.started = true;\n\n // Figure out the initial configuration. Do we need an iframe?\n // Is pushState desired ... is it available?\n this.options = _.extend({root: '/'}, this.options, options);\n this.root = this.options.root;\n this._wantsHashChange = this.options.hashChange !== false;\n this._wantsPushState = !!this.options.pushState;\n this._hasPushState = !!(this.options.pushState && this.history && this.history.pushState);\n var fragment = this.getFragment();\n var docMode = document.documentMode;\n var oldIE = (isExplorer.exec(navigator.userAgent.toLowerCase()) && (!docMode || docMode <= 7));\n\n // Normalize root to always include a leading and trailing slash.\n this.root = ('/' + this.root + '/').replace(rootStripper, '/');\n\n if (oldIE && this._wantsHashChange) {\n var frame = Backbone.$('