From 1be6330566730dfbdbcc4e99aee985cbfdf8e6ea Mon Sep 17 00:00:00 2001 From: James Taylor Date: Mon, 13 Feb 2012 17:40:42 -0500 Subject: [PATCH 1/7] style: allow stylesheets to be written in less instead of our custom approach, convert base and panel_layout, resulting CSS is equivalent --- static/june_2007_style/Makefile | 38 +- static/june_2007_style/blue/base.css | 83 ++-- static/june_2007_style/blue/fugue.png | Bin 7566 -> 7257 bytes static/june_2007_style/blue/panel_layout.css | 393 ++++++++++++++++--- static/june_2007_style/blue_colors.ini | 10 +- static/june_2007_style/process_css.py | 5 + 6 files changed, 407 insertions(+), 122 deletions(-) diff --git a/static/june_2007_style/Makefile b/static/june_2007_style/Makefile index 448ff064b21..c8c614e2563 100644 --- a/static/june_2007_style/Makefile +++ b/static/june_2007_style/Makefile @@ -1,26 +1,26 @@ -menu_bg.png : - ./gradient.py 9 1000 DDDDFF 9999FF FFFFFF 0 0 FFFFFF 1 1 > $@ +OUT=blue +INI=$(OUT)_colors.ini -base_bg.png : - ./gradient.py 9 1000 EEEEFF - FFFFFF 0 0 FFFFFF 1 1 > $@ +# The catch-all rule is magic, it reruns make in the OUT directory with a VPATH +all: + @( cd blue; make -f ../Makefile VPATH=.. css ) -masthead_bg.png : - ./gradient.py 9 50 023858 000000 000000 0 0.5 000000 1 1 > $@ +ALL_CSS=base panel_layout masthead library history tool_menu iphone autocomplete_tagging trackster -footer_title_bg.png : - ./gradient.py 9 30 023858 000000 000000 0 0.5 000000 1 1 > $@ +css: $(foreach N,$(ALL_CSS),$N.css) -form_title_bg.png : - ./gradient.py 9 50 ebd9b2 b9a780 FFFFFF 0 0 FFFFFF 0.5 1 > $@ +# Convert variables from ini to less syntax +variables.less : $(INI) + ./variables_to_less.py < $< > $@ -ok_bg.png : - ./gradient.py 9 200 AAFFAA - CCFFCC 0 0.5 CCFFCC 1 1 > $@ +# Convert using less +%.css : %.less + lessc -x --include-path=$(OUT) $< > $@ -error_bg.png : - ./gradient.py 9 200 FFAAAA - FFCCCC 0 0.5 FFCCCC 1 1 > $@ +# Old style using process_css still works so we can move gradually +%.css : %.css.tmpl + ./process_css.py $(INI) shared_images:../images $(OUT) < $< > $@ -warn_bg.png : - ./gradient.py 9 200 FFFFAA - FFFFCC 0 0.5 FFFFCC 1 1 > $@ - -gray_bg.png : - ./gradient.py 9 200 AAAAAA - CCCCCC 0 0.5 CCCCCC 1 1 > $@ +# For building sprite images +%.less : %.less.tmpl + ./process_css.py $(INI) shared_images:../images $(OUT) < $< > $@ diff --git a/static/june_2007_style/blue/base.css b/static/june_2007_style/blue/base.css index cc142c94e83..7285459ce6c 100644 --- a/static/june_2007_style/blue/base.css +++ b/static/june_2007_style/blue/base.css @@ -5,7 +5,7 @@ pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} body{font-size:75%;} .unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;} .shadow{-moz-box-shadow:0 3px 30px black;-webkit-box-shadow:0 3px 30px black;} -body{background:#FFFFFF;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;} +body{background:#ffffff;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;} img{border:0;} a:link,a:visited,a:active{color:#303030;} h1,h2,h3,h4{color:#023858;} @@ -17,10 +17,10 @@ div.toolForm{border:solid #d8b365 1px;} div.toolFormTitle{font-weight:bold;padding:5px;padding-left:10px;padding-right:10px;background:#ebd9b2;background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;} div.toolParamHelp{color:#666;} div.toolParamHelp a{color:#666;} -div.toolFormBody{background:#FFFFFF;background-image:url(form_body_bg.png);background-repeat:repeat-x;background-position:top;padding:5px 0;} +div.toolFormBody{background:#ffffff;background-image:url(form_body_bg.png);background-repeat:repeat-x;background-position:top;padding:5px 0;} div.toolFormBody div.toolFormTitle{background:transparent;border:none;font-weight:bold;border-bottom:solid #d8b365 1px;margin-bottom:5px;} -div.toolFormDisabled div.toolFormTitle{background:#eee;border-color:#999;} -div.toolFormDisabled{border-color:#999;} +div.toolFormDisabled div.toolFormTitle{background:#eeeeee;border-color:#999999;} +div.toolFormDisabled{border-color:#999999;} div.toolHelp{margin-top:10px;} div.toolHelpBody{width:100%;} div.metadataForm{border:solid #aaaaaa 1px;} @@ -37,7 +37,7 @@ div.form-body{padding:5px 0;} div.form-row{padding:5px 10px;} div.form-title-row{padding:5px 10px;} div.repeat-group-item{border-left:solid #d8b365 5px;margin-left:10px;margin-bottom:10px;} -div.form-row-error{background:#FFCCCC;} +div.form-row-error{background:#ffcccc;} div.form-row label{font-weight:bold;display:block;margin-bottom:.2em;} div.form-row label.inline{display:inline;} div.form-row-input{float:left;} @@ -46,15 +46,15 @@ div.form-row-error-message{width:300px;float:left;color:red;font-weight:bold;pad .form-row .help{color:#666;} select,input,textarea{font:inherit;} select,textarea,input[type="text"],input[type="file"],input[type="password"]{-webkit-box-sizing:border-box;max-width:300px;} -.errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding:10px;padding-left:52px;min-height:32px;border:1px solid #AA6666;background-color:#FFCCCC;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;} -.warningmessagelarge{background-image:url(warn_message_icon.png);border-color:#AAAA66;background-color:#FFFFCC;} -.donemessagelarge{background-image:url(done_message_icon.png);border-color:#66AA66;background-color:#CCFFCC;} -.infomessagelarge{background-image:url(info_message_icon.png);border-color:#6666AA;background-color:#CCCCFF;} +.errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding:10px;padding-left:52px;min-height:32px;border:1px solid #aa6666;background-color:#ffcccc;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;} +.warningmessagelarge{background-image:url(warn_message_icon.png);border-color:#aaaa66;background-color:#ffffcc;} +.donemessagelarge{background-image:url(done_message_icon.png);border-color:#66aa66;background-color:#ccffcc;} +.infomessagelarge{background-image:url(info_message_icon.png);border-color:#6666aa;background-color:#ccccff;} .screencastBox{padding-left:10px;border-color:#AAAA66;background-color:#FFFFCC;background-image:none;} -.errormessage,.warningmessage,.donemessage,.infomessage,.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:5px;padding-left:25px;min-height:15px;border:1px solid #AA6666;background-color:#FFCCCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;} -.warningmessage,.warningmessagesmall{background-image:url(warn_small.png);border-color:#AAAA66;background-color:#FFFFCC;} -.donemessage,.donemessagesmall{background-image:url(ok_small.png);border-color:#66AA66;background-color:#CCFFCC;} -.infomessage,.infomessagesmall{background-image:url(info_small.png);border-color:#6666AA;background-color:#CCCCFF;} +.errormessage,.warningmessage,.donemessage,.infomessage,.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:5px;padding-left:25px;min-height:15px;border:1px solid #aa6666;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;} +.warningmessage,.warningmessagesmall{background-image:url(warn_small.png);border-color:#aaaa66;background-color:#ffffcc;} +.donemessage,.donemessagesmall{background-image:url(ok_small.png);border-color:#66aa66;background-color:#ccffcc;} +.infomessage,.infomessagesmall{background-image:url(info_small.png);border-color:#6666aa;background-color:#ccccff;} .errormark,.warningmark,.donemark,.infomark,.ok_bgr,.err_bgr{padding-left:20px;min-height:15px;background:url(error_small.png) no-repeat;} .warningmark{background-image:url(warn_small.png);} .donemark{background-image:url(ok_small.png);} @@ -70,12 +70,12 @@ table.tabletip tbody tr:hover td{background-color:#eee;} table.colored{border-top:solid #d8b365 1px;border-bottom:solid #d8b365 1px;} table.colored td,table.colored th{text-align:left;padding:5px;} table.colored tr.header{background:#ebd9b2;background-image:url(form_title_bg.png);background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;font-weight:bold;} -table.colored tr{background:white;} -table.colored tr.odd_row{background:#DADFEF;} +table.colored tr{background:#ffffff;} +table.colored tr.odd_row{background:#dadfef;} div.debug{margin:10px;padding:5px;background:#FFFF99;border:solid #FFFF33 1px;color:black;} -div.odd_row{background:#DADFEF;} +div.odd_row{background:#dadfef;} #footer{display:none;} -td.panel-body{background:white;color:#303030;background:#C1C9E5 url(menu_bg.png) top repeat-x;} +td.panel-body{background:white;color:#303030;background:#c1c9e5 url(menu_bg.png) top repeat-x;} div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0px;} div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;} div.toolSectionTitle{padding-bottom:0px;font-weight:bold;} @@ -84,14 +84,14 @@ span.toolParameterExpandableCollapsable{font-weight:bold;cursor:pointer;} ul.toolParameterExpandableCollapsable{list-style:none;} ul.manage-table-actions{float:right;margin-top:-2.5em;} ul.manage-table-actions li{display:block;float:left;margin-left:0.5em;} -.state-color-new{border-color:#A86030;background:#FFB030;} -.state-color-upload{border-color:#6666AA;background:#CCCCFF;} -.state-color-waiting{border-color:#A86030;background:#E8C060;} -.state-color-queued{border-color:#888888;background:#EEEEEE;} -.state-color-running{border-color:#AAAA66;background:#FFFFCC;} -.state-color-ok{border-color:#66AA66;background:#CCFFCC;} -.state-color-error{border-color:#AA6666;background:#FFCCCC;} -.state-color-deleted{border-color:#330066;background:#3399FF;} +.state-color-new{border-color:#a86030;background:#ffb030;} +.state-color-upload{border-color:#6666aa;background:#ccccff;} +.state-color-waiting{border-color:#a86030;background:#e8c060;} +.state-color-queued{border-color:#888888;background:#eeeeee;} +.state-color-running{border-color:#aaaa66;background:#ffffcc;} +.state-color-ok{border-color:#66aa66;background:#ccffcc;} +.state-color-error{border-color:#aa6666;background:#ffcccc;} +.state-color-deleted{border-color:#330066;background:#3399ff;} .state-fg-new{color:#FFB030;} .state-fg-upload{color:#D090D0;} .state-fg-waiting{color:#E8C060;} @@ -101,20 +101,17 @@ ul.manage-table-actions li{display:block;float:left;margin-left:0.5em;} .state-fg-error{color:#AA6666;} .state-fg-deleted{color:#3399FF;} .action-button{background:transparent;line-height:16px;color:#333;text-decoration:none;font-size:100%;font-weight:bold;display:inline-block;cursor:pointer;padding:2px;border:solid #aaaaaa 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;} -.action-button > *{vertical-align:middle;} +.action-button>*{vertical-align:middle;} .action-button:hover{color:black;background:#dddddd;} .action-button:active{color:white;background:#aaaaaa;} -.menubutton{display:inline-block;cursor:pointer;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;border:solid transparent 1px;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;padding:1px 0.25em;margin:-1px -0.25em;} -.menubutton .label{position:relative;display:block;border-right:none;} +.menubutton{display:inline-block;cursor:pointer;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;border:solid transparent 1px;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;padding:1px 0.25em;margin:-1px -0.25em;}.menubutton .label{position:relative;display:block;border-right:none;} .menubutton.action-button{border-color:#aaaaaa;} .menubutton.popup,.action-button.popup{padding-right:20px;background-image:url(../images/dropdownarrow.png);background-repeat:no-repeat;background-position:right 7px;} .menubutton:hover{border-color:#aaaaaa;} .menubutton.popup.split{padding-right:2em;} .menubutton.popup.split:hover{background:url(../images/ddarrowsplit.png) no-repeat right -39px;} -.overlay-border{position:absolute;top:0;left:0;height:100%;width:100%;padding:1em;margin:-1em;background-color:rgba(0,0,0,0.5);-moz-border-radius:1em;-webkit-border-radius:1em;z-index:-1;} -div.popmenu-wrapper{position:absolute;top:100%;z-index:20000;} -div.popmenu-wrapper ul{display:block;margin:0;padding:0;background:white;color:#333;font-weight:bold;font-style:normal;white-space:nowrap;border:solid #aaaaaa 1px;padding:3px 0;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;} -div.popmenu-wrapper ul li{display:block;padding:3px 1em;cursor:pointer;border-top:solid transparent 1px;border-bottom:solid transparent 1px;} +.overlay-border{position:absolute;top:0;left:0;height:100%;width:100%;padding:1em;margin:-1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;z-index:-1;} +div.popmenu-wrapper{position:absolute;top:100%;z-index:20000;}div.popmenu-wrapper ul{display:block;margin:0;padding:0;background:white;color:#333;font-weight:bold;font-style:normal;white-space:nowrap;border:solid #aaaaaa 1px;padding:3px 0;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}div.popmenu-wrapper ul li{display:block;padding:3px 1em;cursor:pointer;border-top:solid transparent 1px;border-bottom:solid transparent 1px;} div.popmenu-wrapper ul li.head{color:#999;font-style:italic;} div.popmenu-wrapper ul li:hover{background:#EEEEFF;border-color:#aaa;} div.popmenu-wrapper ul li.head:hover{background:inherit;border-color:transparent;} @@ -131,7 +128,6 @@ div.permissionContainer{padding-left:20px;} .grid thead th{background:#ebd9b2;background-repeat:repeat-x;background-position:top;border-top:solid #d8b365 1px;border-bottom:solid #d8b365 1px;padding:0.3em 0.5em;text-align:left;white-space:nowrap;} .grid tfoot td{background-color:#F8F8F8;border-top:solid #DDDDDD 1px;border-bottom:solid #DDDDDD 1px;padding:0.3em 0.5em;} .grid .current{background-color:#EEEEFF;} -.text-content{} .text-content hr{display:block;background:black;color:black;width:100%;height:1px;border:none;background:#aaa;color:#aaa;} .text-content table{border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;} .text-content blockquote{color:#666;} @@ -139,7 +135,7 @@ div.permissionContainer{padding-left:20px;} .text-content th,.text-content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc;} .text-content th,.text-content td{padding:.8em;} .icon-button{width:16px;height:16px;display:block;float:left;margin-left:2px;text-indent:20px;background-repeat:no-repeat;background-position:0px 0px;padding:0;} -.icon-button.display{background:url(history-buttons.png) no-repeat 0px -0px;} +.icon-button.display{background:url(history-buttons.png) no-repeat 0px 0px;} .icon-button.display:hover{background:url(history-buttons.png) no-repeat 0px -26px;} .icon-button.display_disabled{background:url(history-buttons.png) no-repeat 0px -52px;} .icon-button.delete{background:url(history-buttons.png) no-repeat 0px -78px;} @@ -148,24 +144,22 @@ div.permissionContainer{padding-left:20px;} .icon-button.edit{background:url(history-buttons.png) no-repeat 0px -156px;} .icon-button.edit:hover{background:url(history-buttons.png) no-repeat 0px -182px;} .icon-button.edit_disabled{background:url(history-buttons.png) no-repeat 0px -208px;} -.icon-button.tag{background:url(fugue.png) no-repeat 0px -0px;} +.icon-button.tag{background:url(fugue.png) no-repeat 0px 0px;} .icon-button.tags{background:url(fugue.png) no-repeat 0px -26px;} .icon-button.tag--plus{background:url(fugue.png) no-repeat 0px -52px;} -.icon-button.toggle-expand{background:transparent url(../images/fugue/toggle-expand-bw.png) no-repeat;} -.icon-button.toggle-expand:hover{background:url(fugue.png) no-repeat 0px -78px;} -.icon-button.toggle{background:transparent url(../images/fugue/toggle-bw.png) no-repeat;} -.icon-button.toggle:hover{background:url(fugue.png) no-repeat 0px -104px;} +.icon-button.toggle-expand{background:url(fugue.png) no-repeat 0px -78px;} +.icon-button.toggle{background:url(fugue.png) no-repeat 0px -104px;} .icon-button.arrow-circle{background:url(fugue.png) no-repeat 0px -130px;} .icon-button.chevron{background:url(fugue.png) no-repeat 0px -156px;} .icon-button.bug{background:url(fugue.png) no-repeat 0px -182px;} .icon-button.disk{background:url(fugue.png) no-repeat 0px -208px;} .icon-button.information{background:url(fugue.png) no-repeat 0px -234px;} .icon-button.annotate{background:url(fugue.png) no-repeat 0px -260px;} -.icon-button.chart_curve{background:url(../images/silk/chart_curve.png) no-repeat;} -.icon-button.go-to-full-screen{background:url(fugue.png) no-repeat 0px -312px;} -.icon-button.import{background:url(fugue.png) no-repeat 0px -338px;} -.icon-button.plus-button{background:url(fugue.png) no-repeat 0px -364px;} -.icon-button.gear{background:url(fugue.png) no-repeat 0px -390px;} +.icon-button.go-to-full-screen{background:url(fugue.png) no-repeat 0px -286px;} +.icon-button.import{background:url(fugue.png) no-repeat 0px -312px;} +.icon-button.plus-button{background:url(fugue.png) no-repeat 0px -338px;} +.icon-button.gear{background:url(fugue.png) no-repeat 0px -364px;} +.text-and-autocomplete-select{background:url(fugue.png) no-repeat right -390px;} .tipsy{padding:5px;font-size:10px;filter:alpha(opacity=80);background-repeat:no-repeat;background-image:url(../images/tipsy.gif);} .tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;} .tipsy-north{background-position:top center;} @@ -174,7 +168,6 @@ div.permissionContainer{padding-left:20px;} .tipsy-west{background-position:left center;} .editable-text{cursor:pointer;} .editable-text:hover{cursor:text;border:dotted #999999 1px;} -.text-and-autocomplete-select{background:url(fugue.png) no-repeat right -416px;} .icon-button.multiinput{background:url(../images/documents-stack.png) no-repeat;cursor:pointer;float:none;display:inline-block;margin-left:10px;} .icon-button.multiinput.disabled{background:url(../images/documents-stack-faded.png) no-repeat;cursor:auto;} .workflow-invocation-complete{border:solid 1px #6A6;border-left-width:5px;margin:10px 0;padding-left:5px;} diff --git a/static/june_2007_style/blue/fugue.png b/static/june_2007_style/blue/fugue.png index 393ca9daedb4cecd5e5f37a2bc925cf991809338..ba6dc59583cca7e246040f99962f8dcd46cea2e9 100644 GIT binary patch literal 7257 zcmX9@WkA%;*ZnOluyl7VA-$9+-5{N^bV{Ri_YzWqbT`r}O9@CLDF{fTGzdt82uldO z`~2Te_spI9VLr^6d+wQdU2PRYJUTo800`AomGse(1OPxK5NtGhr@dPO01QwyC3%B@ zf}@Z?ANbsl`=&{cSWQt;J3s+oVF#BJ=;4(i*1-n1a|yoxO6T+DPu`nW8-};&Gq{-X zWR5!aIDM*{H;qleWQ7=dT62-$Lb+@*SXe%bel0wqy<9y(4Sz;)h{h+pud}-K-ZptD z@I~e}bfN<#ek--Rvb&O<)N?4zzU3J$DM|W92^uY@=PAUYRfwkyFRkUFfWI!|$^;x( z=wYVGcm(v~WL0n@)CZf6OP$`LTHJ@yhF|_k)2= zZ%A!9$u82o-RHG)o-Um737g7hfEhhJBNGIalZ;l88hEns2L%3TRJkV=^q91v4iieV z{gT2`{h=CBTbtA2u|Z5*Z@JgsX6g~Pp)r;v{bx0vE9@#Feqw?vtX>+I1xx`SEHHEX ztc=%Cgs3cHGQgh@FunNwj<_dKFfRY;kTA}@j~l7En<#(h_0AHF?EwXR1qWEcedax} z+j+leJ2oHULuT~Rb&Mh4Y}2dYxgO%&t=*Z$_K@(2{c>SRjJJ&AQM!&ybCAyCI^$4b z+s;2}UIj+tK$BaW4XN#`q}p0$e}5B9UA9-jtL?H6fqV4K#RI6-B&e(`4sbflC(B>W z-~a6;vWqeCquvwP7!4pYaXlFRa9|Za_j5i*QWmVPjt2sWwRAl#?Qtuu0=IQ&Y~RD- zch$(T3J8m3zEJpmVMRrS@l!QLXJ-~Bnf})%nU8XwqO%Hd3vtytw!rr|CuFW><5%xp z7c;ByyZgM(rx}@9n~9&j!)v)lU%DavPpW7!5g35}sPvS_)!cr~^AlbeOnGj$2BqA; zVN{V3EHfr19jBUl_;&b(%k^S|#Pf{I&w+s*vXgDhcULG7TUq#9>-|Wq?-u;O+lgQn z`WWwOT^=ERto#%upW+!ZuH0<$vB@BLak+Nfae_jy*{|LIm<%habuoO`&2;cqXm?jS zd@ZzxTEFa1B>piAz;4ftXm{J*?3SwDEGT}Mp04249E+^2U2OF`>H?tA)q!UbI9WcZ z>MESMh$p(UQ0#SH@3;J1A^F6L2NEOuP#gTfb($y z>F$6t`}=<(5LP*e6F>FNvfmOcvEhP_RIAbTc3HG2XkWDN(vK?vg9|StFi`Adh~DbD z{|*)Y9x6($Fq)`BeZL#NIz(euCV|D-Mphd1%yeWh0&#mWiB-Z<)kkdZ* zo#3vwo}=%YJDu}dhye<>rT32Cio=aO)o|HK6R-(-|MDV3LI*bosdw8~Nc0uRSOf%! zcP;%_l0Um5AC)C4a4R*7(h>DM4ZA!X9DMXh%yzZYH<`~wc%itMSPjhmC`5+2(kk?V zvEY0mI3Y2uy_-2kLc+3!M)tl>N$S2T|D;=T?49%Z?%JU1?NK*HZ3qA1ua>U#I1<8G z9cJ0!mY2J058Zalhd813~N3Rzo=9a-jn+Hx;IYdMP)an7HgNf^QL3%j-M)7a>yA18b2EPkE5@JS}gVE zbdqyfQz1ENutKKf-PsqFx?JGbLR|U^m8xD|ULLDjqA&vLPd%jEE^Ad>cr=b(ww0G} z-}1Fma;KWzz(=&G-ojA(n(CASK^84KCF|&6hjo@^s}(u7=K$?_XeBNEL=H3+1_Lt-P?t`_Ft!#UGiFE*pOmt z;sQ(ZPS)f*lgx@r)IH~4@OxfqqzlGuZoVjZjAmS713c;R!o%LOhU462r@1>anP z7*t%wh1|If(f+1Xjmg7uqGg7$jtAHm+s@#vn@n79a)z7I%>xMU;I9Kbck{gbTykoqH@Wi> zDO|yR7Qg0QgI$3(Ef69=Dr|7O$$Mjx&0|8g>FOME?zjzQO14VfQxKtp(XT)66`zz? zdekbO9A(7JlnSwbp00!_#GC=^>%W0d{{s%;AoQEXDzO5OgaES z#3(_)!axR}OUcg87Ow;$Y-m#S71ZOojk@MuuJ1gQbDyKmdp<-u=Lr(LdxP-CAZ5uF z5%O_b&=@II495WyX{IReTukXHl(BYam3wny?4}i@+%`Vrcnc?ST5U)P7YElLOk+ne zap7TVbkRByy{FE4RC>U##2WABc#a`wSU9#lAyFxwd94el4jN*nq)Z0^?GxY0`HjM; zBbEx+=m@y&AB7nizRS+u0}#gFCTiVXTQ~f6TQO=%#lf1q5l4G3nel(GnZLtvX!=>RsJ`XK<$1?!Sq+UyqW#M|v&%J8wULpzH*<=W z!TnZ=6?duSLEL`-tw6bE=mtLbbE_+b(OK&56yeaPQ{4YwTZ5cNYTo@;S-bMe*jtuu znZx}3X#i9L>Wu&qy_H(`SgNCrHhY{- zgpa00Juj-#w_KdG2`q#0JxwMG16Xb;-YGza?q|LutW}STcFm~-b{RHO#(iGcv#EFW z-`hUhGj7$UMmQ-^MY!fgu^c+D<;m2yYzHvB4kKKqs)yktyTe7=1N~oynL!PI{4Age zJo|yk$)jnmtxx3_Xl;^hNI3rS(CH0Zk6eFx_-%FHu75;6M>z>0C+3vz$)S@rc2ol? zY?w8Z4Lh)B2zF5L4Qg5`{;^F?K$wim?@2Rrv!?ghA5IyM5D~4mOfL!OC^iDk)nv zU3Nbg`}#Fb9&xv(XDs0m3v{(!ra9XtLxwg}GrofoZb2D%Gs-W-UIu^W2;nTcUg`>( ztKM9Un@M;}O*jGqD%dhg6k{bN@-A^~Oi)hk-8?UaeK}L(l`z+)0=WG|im*y}e5-ML zIffS1mErjvOMiKv%XYK=cMpS!Tf*~&S}1y*tE|0q;@raj)qw;sJR)OX9*g@qIi|~3 zMHXsdTX;`4C@M|Rhw;3KFZ8<^>8qk>NMtN!p?YI4H3vY+a1|k*>fqX1Rx(`2WOe6y;yF6auIy+cA{UweLSN8%$rEC~ZdH9Jn zf?AUK2vvDj8&;;)(?yLVE`hOrZ;h&wrpF1pS=#b}CQSFI>YP3+m~h{S>H|!}ecv_A zC63?i_{4Vs3_cdhB6*0h?PtQyHrxG08G2j3@@G|09Sbf%1N!pHnC8ig-Z=SpI`oC< z>G_zFHtz&mN&Z`ryATupWL&({BDw6B!YFLwKZc3bz2!}u5kfIPyx+01R-kGh$g5=~jxHUJ zLVS9yc%?7(6!=tp)%=uHe8vf{l~`?hpONSK@aO)OdA0nDM0FWtO$puv{IGSf`?Fm7 z3|+Y_v07aE^p+66u}BtzRj;;f zb{}&vvDXGj*a#Hp@oO+?@N{#KT}Q^>dN_g{J*ZI%<}8Q{`uv7x~bgOKtqS< z{2Q85{F(Qq^%fE27qe_Yr}^(q`nj3f*pnc~h19Gl7*c-tq?8qpF*o2V`l?mllU2W# z!`uYCQt>Iz`#i`Y$@1%11Eeba0Ocp$DFFD(iWXvbSGDV7@wwgaVGlBh)Tv^>V_C{~ z|8DQz0SqCLYd5k`R&(V2WohW7Qe2#Bm^KURPn2eKol*F$E{6lF>R=<^slnSzM|n8h zI14M%K-dDB!dekM$9A}fF9C2rg3K1m)fRXgEA(D5VCWYRn}TZ`AndqkR%nb)KGOAJ zRDh_Gtw5k~7VsvF%G|zal0B}~m`L8Ac-lhj^k2iIh<5+M#pQ2|0{+9r2FzkVTi-Py zLE9k$RXczAtpY_jT(iU84#``3Ao2A67#c&wm_W{{jqoPIt?@<4kt@i}hzz{IUNzZa zuh+cqi%T3c<++~OIx8QN^C5+JSm;qW<;5s{`O+JK2?FAyu>h!k6I!y6tV^U=>ag1m zx}OBS3azhTvoir}&6GIP#TBI09cWwY3HL0)OIl&V&8T@d3$KTK*#Oy@YgxafeuA*O zA0|eBR#nRKQ@g0HM)DhrPJ!`6w5XJZRp#dSb?I0>%A*-{OECk{p} z6xAsfTL>q_(PzSa?7j$|5P!8altPB(Z)tR#Ce<+8aVSR`6-xx>7?{utgnP-J|Y=Pdb#R8Y4!7{b&V13^?dw4(d< zRJluQ+n*CV($-5t)E9(+(*V576WKf(s|;ItxP|J8lm;@_*D41Su>~6DcpPVm3?J_x zd@98xV9xJf8PF9L&~^VoqID^1yn`{H0Il7udP*a(Fm2G=0_gYK0@b^9*0+To*^mcJ z&CMMR&aF&79p?v+(QSvhp>6ka?O(3h$3nN??KpWmefuh-^*5=)PI4lI2JnB1!Po zHsuSrRh(}u#)d|a0MoIk=UAWnj18D+!Yx4vVGp(6!{OsUUVr#p!o`E0q@I4b<4zN~ zHXGKlR&yYTMtsSMwCH#NB^x=%jg}O{&iDcN+pPDR19DnguyTsi0I9|P)@MPa8Oa86 zHM`akYkDlm4_ly?No9&afrCk%;Cu$=3cP_jf78I z|F=c#p~b}R#JJyu!zXltj}^Z&e*6d<8RJFN9VEkvXB?M9L)8Q#Us5wqlA!XEDxJ%^ zq!E{w>yOR+vFf__?xUOzMl7ik2HV3LI4>@&!ptC^su1}-{Txp2N!z>abx!#L0y-1$ z%44XUlGwTA0g>x6DLc1)<>6IzRCm~R(2cb_Cn>4x+Kl$ND=sUm1iFN)Z~(;mCC9x} zQvuS*_l9q*Y(+~x&kV)!ij z(;F8qBxxj~uQZV`WlQY^!|1vXu^2fHZPa}mLmYuW%cm@zzy$Qa*juZnPW6O&4@!ga zlv@ene(6K6ooPv8EzoKx-VTZRAC1Dq&>A%U?lX;U?l~;Cp|3{gvm=Nm&&8jjmxIJG zviiqY8tC^=eU_s>4JzKS5B$hF219ebjNOTI5=0wmegJ#G--6I_t+l7F-n0mr=dJ?$ z9=i`AJBxcy=tKls#k9fN01zT$H8D~)$8BO@yQUOXLC&h%Lv$)EgX@&F@3T1&rbwI!t5-#f_>TC`H(A26tUpAh-1O@i~^Vr@mlvq)!nPsC=6G4A%hZCZ=0 zbf#&w30k<|0r-|gtY;ePw)kw|Me7vu?kD)wg;F1dwjVd=i+l38j#Q zx|+sd_-2y#qCzy%o7J%cqZ&%j^=%a$PrjBnW{#Xp(wz(&ky)h)OIzjP#7F?t7+g0D z`9y#_LRTldb#Qu3dY=d9ZD-(@`ZLAOcFqIuXF9~`e$y^ejW2)o%_{<@DT+{!jjIGt z#ShVYjn)oyvHcU04U@YE6B`m;A>UG>#$)*ppUEln7#PjQIhZQH(|eWIO$T_)cbumb zuVn^rUj$i@7-Z05dZ29!T0PMBD&dMgnu9arUGP|AqpFNXZbCvr5P5m)PEmre^03) zT%7i1Ft#-F1x)!;2Qk`X02yrf!rZW&MoiV>#{+9|ZqBmWEzSD5k=nGmJS+RkObWf_IaZ2Occryb&~k}N?m1 zVCS#UQVUDP!2aC(;3Ix1{N4c8AUH&5^c@^T7aU*A?B!0zbhr?)t%s^A!#&Ss~n zvO)fAd^GoLhh`1bxuF%kIYLh|8;mK?**8=$(^oV@8mX$~@9~vH`Wru-h=_^~)6>%v zyX3{d%vwUE{Es_Tb|(r^zq4RwGV>yYNl8gK`T6-eXf?lF;HMKkeo0(gQ!LByA2|N`>CIF3RVDYHJ1W<;?j#PaJRcQ~z9|u{IYCVi zerPnU_=&B89`-|{H8vc>_sp|*BEg!M)OSPnXHU6Z~&%E_V z_w~U77kEScusNNO5JA2g9^Rk2J;oe{0npe!IJvl(7GGLRlO73hbKfC<{^ahLl#tM~ zkPiB?KX;-DAUxU_hm)C~xgKR~U}1HCkt=bao1Cz5|EFccbZ z73+JO_CXz=J5f(>eK;UsW{z(@bis4gGq`XX!URA|jr&jCq)pvvE1t(>++Z`xGAXmB z%CV**?0<0ajw#L>m|ij`xlOGcOSCS~1C7H_>wJfm7!=C=x_(dTO+}s`5UZonIS zkFx$(&i_uYsFp+y0PyrPX&fPIT8EXPq}vve!nl^j{uox7a*SKEEm#LVv3o<}tF2>; z5e}j8_AYw=`CToF=W&RDtynXk)(&m|4oqqK@SjLrtTyL)thFV5Vj!;$4U6)xqL@i&UzYGC2Wo@N81?$NF1KB!=pa1{> literal 7566 zcmV;99dY7`P)6Rx>v zG=36e90D25qB0{xH*{4GRn=8>roH$3qlWIHTg4aOOP-(peLnls)%)!A zJ8Q3V_FiZ0v-Z&@oqH~sREl_eJDrIHLI|pBYM3%@8oFU%7zVmwpzHc*U^c~QHV>;{ z_^44FHE!JD)nlZTv!A&2*8j;@Xu!EQ-~1gj6beyVUe16aLoiJf!|cI1MhY?Ki97E2 z&FdRBuyM;4j+;1ExITh!*}-2r|w%4hPBA&ee6 z6vHr>d+oK~(_od}i|{z%`=>v-c=4}aKak{me|KnaPx9Rj8H5n%hQS$EU3HZdVwHkz zhifoS`2Lqx+W-z;#y79UNCaP-3cc6zJJE^4?cL;$}LTtzw%%~c=_3b zIc0P|W?z2!0!`DNGYsSX?kbzW1mSsSzW9efEPCPngM9n71m)!=06a81!fE6BGwYH| zu0zwFGfcBc7{K&>|E$0M=}$j9)Y8HY??7#B6##clHaKN;Ei*2-;CfBdRvL!!UT>F6 z7eYKUbKblg>gwuPJjJB0u8O;l4={UlEz{@CyFm!?j8dvsVE|Jp^{$i2XeZ2_Yp#Fx z+1n?Swa~w=j^pRf{h_Yw&jiEacRx%RKnIXgZb`=DPmh~6?Y6qQI>t_$c3UzYe_Bep z<)ei2MkGhFIn~)|44ydA(sX@!X<6Ckj}z`gAO3ZqDW(1~f@zmtiWLZ8Sr%r#>-S!*Ey0WkR=tti*45O$~Z_|2K*!NF){I=VE zBcx>XX{X(+03~G|Fuz+lt2YhC`o4ealZzHDaampc`qp25 zd;9HQttc%;NLkS6^nd^NYcx%J(J;+zrtkZ6Ui#x7f8G*}X3s1o)sYA%UwY|^2k*S| zE9K#ERye0o-o2ToxfMY7J#XdAdGl_psjWpSMRmV^%(&o!XO}EocvfjJh>#Mg6lG;) zoP613|LJ?)^Gd0Lhtic&?=v#_SNmgCPn^Tl7^a?9LEc{x%kq?A-vRx;zF zi+-|1*;`^(TtlkQBXQoq0Qrkjd1nm%vdjlSo-(wm3s?ib$nJ@0L$ z6v=q}m`QWy1m6DZUvD{f&YXpYVZ2;kS-GLNTejD+kkiN*I%!f!*Y%gGs;k%c)($>} z;oOHl{A)n#i<$l(#7yZ-COcaT!N^`>rrrp~3Ew~M>0kZoSDmR;RyYqKFoQwPxaz8_ zG)-Hj8^(vnOo>DSO)qwxp-||^Vy2Fc4s=aJmlByHDJd!8lq;^dHeTKOLZZ5LtFG&4 zzSc8lYHe#PQd^gj(uxXZUw-+5cR#=G^p1Y9i+~1{nomlilZ%<2d+@=#VzF4(nRF{< z6&1|7||UNGwGU!4#?cuBasL*F1X5vP)YH0fTHZZjYObrGH zd)$S6=)*q;|L{YW32^!CEtRHe-U6Ht^#2%{L%^fH?=O7thjnoi!1ujdjvH%Teg0_` z)K(cEDIM(){U3cXarIm8dH~nx0I5{!{PX6N5-C&ozW$z-yB zze*k7_lwSU_BGk*;OV<37S;EwG)N|s{R;%0oe89rJqS8G6J)zsT(6WW95b_BNF#(m z2vKO{c^;`$8h~B9b|XZV#4t?C%E}7IOaR-qky0Y1Wa@=4_b}YN>$eqtKmOCPIF5sD z+g${{uTV;n$v6xf*7XpwYu8@^7&)>l`ZdiKblt%BRTqJ#nPf69sg%oOca{_ypKyM5 z%6#n3u1gz>h0t{kE%#(#W?93yuEeqeBogUvXA1)q)dd2StJZ@t@b#DmE&tcB1QGxgy!gFesnF`nte zaKxVJ!|(|_Q;KvtgXekwm}lyaPvn_;!zc1gz2Osirrz+0Jkv)L9f4>1FdVUG>aFy7 zrattccYHdY>Ez$FECqTjaR3d#oqz>&Dy3Sb5U%h0_@2l5t43uBgb=TzRQ<(g4yw~J#-lGbaqjGa!((x`wkhVgdz#XnuHZeOIe!Kn!1ug|ecylnp}*{HFbqW^?%_BB z-}i}kc$%fO{v+$c!~bn&-Nc}!PD81YMFgJX3_^I*zdB<;ee?blRS^^46L_x6({Joe zzPb5Oc}ui&^r5EosI$H};5c0q=P4qyKHJ`-RU~cx_ch@dsaus zArK7y-E-Xm@9k-=KYD1@;JWIN<2uevU`4hIwmrtsw31}nW&6&S4&nR%;XBUVzT-6b zu8W;Y;k)j$O)c?2%Jv2unl{q2?az1DfRy9Yk@0aI2boS|TGqp+Wj*Y>E{>hSFidpA zC`}1fk#c-o$0;q?z_sn|hdS(ZN;j#j3Rn5AdttJ@o%UFaww4y$jE(QQ7gkn(8D(aStUSQ5t6V`+H)Z z>n?}fSg5%8Pe>uoGD=JC==YVm$7Xy*MNp$Em|e~6a3l#w5jHhi|MKi+kxJjB8^(&n z!xwZpL#5OTyS;-0kNo*oYwVbs&XGq|@2~Dx0-(2bq}8t7ZEf4O$8g=7P0LzQG?==R z$aK2F-`IE#8yimq#^w%f1J-Jqwp=%irtUI*o~aL?5qvtH>Dza00p_FD#IgNKW6-nZ-RZMHfRyuHm<7vH>Zmr~g${9MG+dDJnZ1|3nvGI69yXJ=$Qh~s6yh6zH?zR>#xoI=C z5sTFio36c3X!+6~#6Pg(`M$-0FX9 zxMP|YZ*LcbLKV9Y>q6;uKYb{*2vSEh76O6N>+=8n!=v%TvVr>0hyTy;kLTtYKQKVi z^|D#xGBo~IkCuwxqj(6&jvx*EpZVPelb0(lmp=9VeJ7tV?1U+o&c1ZU3Byj9^3?bD zos7$+g*M%wqX5PANKkP#u!NG(FP2}B9zSY)Wlc?uF@Dte%3mzMAYDR9NX6AaWUhU# z=O!5dMxvO5%b1b- z<*0jb7+x8utUj>o03B@|*cqE(C`e^hCFN#$H4fiUo$3QEs9jBN-BOoZC8|X=ljb}X zSM37_4Ga$*Ig}}1oPwrl)Spz(@G-*~JY;ZK#Z^0L&QmR_S#Hf*-Bbw$cGjv$DmxB# zn1*jq8YxBBbu#e`srD2du?~|omC9D2K)I@LK}I9^89wWkt(4W- z;<%1bwo>@4NANRXbe6#53gxIbl%r0@V_Q0%wq4!D#l;91xVX5wOFEsl@z|yub+U5Q z8+criC6N38Sb-n~yd66ji@S!4XL#sg9nbJ^4VT!#SR8me*KS2l4jlss0U=7U_)_!k z=7YAdeK+8um1(#E7hBkV^X}$@SbT{PrG%hx6(}R?UV9Ly}D^n^UmgH zu=ouINh}KSQg-N^llvv8N6iE3Qb^r(UHn{*_D8`m3|!YmA@xER6iSy;;vN?E^acx%Qle1Z38dlsKCTehA48z@ z>f>g7cCFrg}z6(1Z-}jNi zd4$8^!@5AW3mZ3XP?mGr%&YX#)xC^H5`xu77^s7eoxDu9SvF2Ah88&Pf2M!#- z_kASN?5=?+gupaSIy-G%U7Sr|IpMn_3o4trDS7DkarfH&7w&d%&6Syi<-t8)=S6pSA zuRp*3mfK(Y?i+>9|E|jpGyQLTvB;=s+n{eXuMeLYd^(#m|VNr1z&VqoR?Bw7PjoAH(WYAFk)aJH#cUz)Uf^1AoL}fdCS#v5XKG#1 zZ0va+FWq+nLdYJud0&`V!u^liX8LG)ToMNWBgk&M>oJ&srNABlAzWVmZT~*c)Q8Us{`o80 zCP2e8`YpiGM<{cTl)ND&eBs|@?paxK%yBdBKS%mWl#-wXQhEqKgAg`SWT*S)=3S&( zpUJHz@_L~QQlcRpq}Pu0+7VtH>31T9gYWscu7_>g*tX5*Pkr$mDfvDyqnH34P1De{ zuD^z1W_KZ*0d(CUkw~!m`5%%|Cwz7P0d6VSKnQeA)7iAC6Qu-Ym4bMiPrv>i_yGnC zC24FJ`5EVP?AgbO{XD|fOL8_r<`)~;et;vl6mvy<^6($6Hn~* z4Dm-FomJUOz07?~AfKBD%bw_!Ai94)mGiFeQ7;~Oq?lmKmMxT&ln@GKrv=-#NvG4; zw!ND3j_*lu*44!X6DLmWx!dIN&+~Zo)mJ%^E}Zw$ zc>qlFruFE;Co*D>F4TPRU&^v9@+H3c~(IK zA;b|Gu{)yCXjd165HvP6@=3ZNgjiifFsEu~u@MFN=syb$2;@pP6;FH|N`bBmdE$VZ%mbnKf;-rfI#-v`VR0@4vC%tO7xI96HoYSy=^^W!*P! zxHa>pZ`Af6xMbn}0&$P$M8|PxZH>~}8hd2@rszdi+`f~Rw&E8Sot>Q&5hx|UCWP1} zgi!fXRVGzg$o=Ea4`LjQ*+m51bMsJ2@%gX6xNFVEn37T!%EtHF)E6#TrT+eIyHZN2 z4O?1OQ%hPYrPSxY{-VmK7owEn=r2E|gb>PgUFEv2+Pp2M=FWdfHEd~BN-4E|Q&b)O z<)_rC-+WOirPR@1eyTuF$j$S8AJ=u+vp>%7mTl)JS0BsKBTHDpkebtu3xl)pMQTWN@+-`J+iJbc9Bxrt3?Fa z+&n?kp)|*hEup%?V*eqBKR$DS8^1YxvqS?3LGci zgJ5^#HhI*P@nK8_!v|)!UFFg6UZyA?uX}P|x7@tUBFKDLZr<)dp!7PWWRC-VF;gG< zkj1CtnY2IDfT3lxoHT7vF3IRbU|6o*USKVX`jAj0q-Y*mr#nL=ON^Sy@>! zs`{vsq18kBy|(4`A15=N*PGZFkz?bUIBYlfiY}f@-eolF4L9r_=ZuFFd^8 z(9sBWPFELvHNB>+raGBSlF4M#1s%sB7K@R|WcXn32VH@tX;L03uf|u?fhBo@p*ngf zl}gcY>Ps9tbcoK*PGYebmSwSF&Z@%G`-JCD#CGivz8czH1B4J{{0uvG?8xTin`Y5t zf8p^z0KVx%_no$QYF{iBJ+8y*C^_k!v$GxdVdEEH#xzZiT|J}gdR2hyIX0f!*JVUs ztvMKNZZpaZs3Th;?{M|?91aH%s=8nUe1+pU1*Zb^ z>Y4J;H0`iy-B-A-TSW3vo~gRJx+g*YqY+2qnUYSjC&4H3Ojb|NM7!HghtjRzmQzlx?g$H&E>FX%cxxGRwq5-+Uq;^)8W6+r9nn6wcqN%eyiii z2UAdA3Voib51$!)I-cpwGtWfVbu25p;G&emFpO!y=W^{f2_fFhAM-p9DJ3gcuI#bz z{X}4rQtD|T#N@{wd+c7%^SJopi?38l?FG(OO1%xN&CBTBgr|=kJNCS#OPAgoi9{~- zJWr3sqQv7Jc%G+6B9Tj%E?s)>*s){JQ%X%QvcZ?W^d*4rEnT|wSJ7w-g9Z&^cbcZjx^?T` zpF8)=d*{wQ^WJsq*1d0~lqo+bq~1G@W7xKX?+b*G zXqt&(m|or=8iwgwPtQ_Nfm?B9Sv9kx18`?;O!{>({@j&6-ue zPuKPPrIg=}L~8JT56|=Trl$S(%$il7)->&P(=?yUXVPm*DXOch3xgy-I)xBtlFPRN zUNa11WzKkoLD$yS*5{e}@L9n>e`WihPhbMf_-%8&u4kV-j}%hM`LBIzU_&k|%-`z? zvG=$Mk*O1osu-C4TtOG|cD5{y_xB{4H*M=!ryIuJf(Ag;bKUuC*6&^F+I3Th)Kw1L zzduPjohF@5|f&*<%bK^Vv*LjXJABg6K4mV=dwVnBE)@)t3?Le~G8$OKGkfCfplxp7GxO<&z z7YldqLNSTs%zt;y+e^!i6H}FfRO37AtYC1y6%0lXZ~S53xr_RaGe7qFx}^Z7W%Viy keYf(bLePgk{A=KU1I=V`xoq&!k^lez07*qoM6N<$f}q0@nE(I) diff --git a/static/june_2007_style/blue/panel_layout.css b/static/june_2007_style/blue/panel_layout.css index 5a3e2cf51d7..636ba8cc1fd 100644 --- a/static/june_2007_style/blue/panel_layout.css +++ b/static/june_2007_style/blue/panel_layout.css @@ -1,53 +1,340 @@ -body{font:75% "Lucida Grande",verdana,arial,helvetica,sans-serif;background:#eee;} -.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;} -#background{position:absolute;background:#eee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;} -#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;} -#left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0px;overflow:hidden;background:#fff;} -#left,#center,#right{border-top:solid #999 1px;} -#left-border,#right-border{background:#eeeeee;border-left:solid #999 1px;border-right:solid #999 1px;padding-right:1px;padding-left:1px;width:5px;z-index:10000;} -#left-border div,#right-border div{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;position:absolute;width:5px;height:100%;} -#left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png);cursor:w-resize;} -#left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;} -#left-border.hover div,#right-border.hover div{background-color:#AAAAEE;} -#left{left:0px;width:250px;z-index:200;} -#left-border{left:250px;} -#center{left:259px;right:259px;overflow:hidden;z-index:1;} -#right-border{right:250px;} -#right{width:250px;right:0px;z-index:200;} -.unified-panel-header{height:2em;z-index:1000;background:#cccccc;background-image:url(panel_header_bg.png);background-position:top center;background-repeat:repeat-x;border-bottom:solid #999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;color:#333;font-weight:bold;} -.unified-panel-header-inner{padding-top:0.45em;} -.menu-bg{background:#C1C9E5 url(menu_bg.png) top repeat-x;} -div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;} -.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;border:solid #999 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;} -.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;} -.panel-header-button:hover{color:black;background-color:#ccc;} -.panel-header-button:active{color:white;background-color:#aaaaaa;} -#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;} -#overlay.modal #overlay-background{background:rgba(0,0,0,0.5);} -.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;} -.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0,0,0,0.5);-moz-border-radius:1em;-webkit-border-radius:1em;} -.dialog-box{border:solid #999 1px;background:white;z-index:80000;} -#overlay.modal .dialog-box .body{min-width:600px;} -.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;} -.dialog-box .buttons{padding:5px;} -.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#FFCCCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;} -.panel-warning-message{background-image:url(warn_small.png);background-color:#FFFFCC;} -.panel-done-message{background-image:url(done_small.png);background-color:#CCFFCC;} -.panel-info-message{background-image:url(info_small.png);background-color:#CCCCFF;} -#masthead{position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;background:#2C3143;color:#fff;border-bottom:solid #444 1px;z-index:15000;padding:0;} -#masthead a{color:#eeeeee;text-decoration:none;} -#masthead .title{font-family:verdana;padding:3px 10px;font-size:175%;font-weight:bold;z-index:-1;} -#masthead a:hover{text-decoration:underline;} -.quota-meter-container{position:absolute;top:0;right:0;height:32px;} -.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#C1C9E5;;} -.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969DB3;;} -.quota-meter-bar-warn{background-color:#FFB400;;} -.quota-meter-bar-error{background-color:#FF4343;;} -.quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000;;} -.tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;background:transparent;} -.tab-group .tab{background:#2C3143;position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;} -.tab-group .tab .submenu{display:none;position:absolute;z-index:16000;left:0;top:32px;padding:1em;margin:-1em;padding-top:0;margin-top:0;background-color:rgba(0,0,0,0.5);-moz-border-radius:0 0 1em 1em;-webkit-border-bottom-right-radius:1em;-webkit-border-bottom-left-radius:1em;} -.tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2C3143;} -.tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;} -.tab-group .tab:hover > a{color:gold !important;} -.tab-group .active{background:rgb(1,1,1);} +body { + font: 75% "Lucida Grande", verdana, arial, helvetica, sans-serif; + background: #eeeeee; +} +.unselectable { + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} +#background { + position: absolute; + background: #eeeeee; + z-index: -1; + top: 0; + left: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; +} +#messagebox { + position: absolute; + top: 33px; + left: 0; + width: 100%; + height: 24px !important; + overflow: hidden; + border-bottom: solid #999 1px; + font-size: 90%; +} +#left, +#left-border, +#center, +#right-border, +#right { + position: absolute; + top: 39px; + bottom: 0px; + overflow: hidden; + background: #fff; +} +#left, +#center, +#right { + border-top: solid #999999 1px; +} +#left-border, +#right-border { + background: #eeeeee; + border-left: solid #999999 1px; + border-right: solid #999999 1px; + padding-right: 1px; + padding-left: 1px; + width: 5px; + z-index: 10000; +} +#left-border div, +#right-border div { + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-position: center center; + position: absolute; + width: 5px; + height: 100%; +} +#left-border div, +#right-border.hidden div { + background-image: url(tiny_arrow_left.png); + cursor: w-resize; +} +#left-border.hidden div, +#right-border div { + background-image: url(tiny_arrow_right.png); + cursor: e-resize; +} +#left-border.hover div, +#right-border.hover div { + background-color: #aaaaee; +} +#left { + left: 0px; + width: 250px; + z-index: 200; +} +#left-border { + left: 250px; +} +#center { + left: 259px; + right: 259px; + overflow: hidden; + z-index: 1; +} +#right-border { + right: 250px; +} +#right { + width: 250px; + right: 0px; + z-index: 200; +} +.unified-panel-header { + height: 2em; + z-index: 1000; + background: #cccccc; + background-image: url(panel_header_bg.png); + background-position: top center; + background-repeat: repeat-x; + border-bottom: solid #999999 1px; + margin: 0; + padding: 0; + padding-right: 10px; + padding-left: 10px; + color: #333; + font-weight: bold; +} +.unified-panel-header-inner { + padding-top: 0.45em; +} +.menu-bg { + background: #c1c9e5 url(menu_bg.png) top repeat-x; +} +div.unified-panel-body { + position: absolute; + top: 2em; + bottom: 0; + width: 100%; + margin-top: 1px; +} +.panel-header-button { + color: #333; + text-decoration: none; + display: inline-block; + cursor: pointer; + margin: -1px; + padding: 1px; + margin-top: -0.2em; + border: solid #999 1px; + padding-right: 0.5em; + padding-left: 0.5em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-radius: 0.5em; +} +.panel-header-button.popup { + padding-right: 1.75em; + background: url(../images/dropdownarrow.png) no-repeat right 7px; +} +.panel-header-button:hover { + color: black; + background-color: #ccc; +} +.panel-header-button:active { + color: white; + background-color: #aaaaaa; +} +#overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20000; +} +#overlay.modal #overlay-background { + background: rgba(0, 0, 0, 0.5); +} +.dialog-box-container { + position: relative; + margin-top: 80px; + margin-right: auto; + margin-left: auto; +} +.dialog-box-wrapper { + position: relative; + padding: 1em; + background-color: rgba(0, 0, 0, 0.5); + -moz-border-radius: 1em; + -webkit-border-radius: 1em; +} +.dialog-box { + border: solid #999 1px; + background: white; + z-index: 80000; +} +#overlay.modal .dialog-box .body { + min-width: 600px; +} +.dialog-box .body { + padding: 5px; + overflow: auto; + max-height: 500px; + min-width: 300px; +} +.dialog-box .buttons { + padding: 5px; +} +.panel-error-message, +.panel-warning-message, +.panel-done-message, +.panel-info-message { + height: 24px; + line-height: 24px; + color: #303030; + padding: 0px; + padding-left: 26px; + background-color: #ffcccc; + background-image: url(error_small.png); + background-repeat: no-repeat; + background-position: 6px 50%; +} +.panel-warning-message { + background-image: url(warn_small.png); + background-color: #ffffcc; +} +.panel-done-message { + background-image: url(done_small.png); + background-color: #ccffcc; +} +.panel-info-message { + background-image: url(info_small.png); + background-color: #ccccff; +} +#masthead { + position: absolute; + top: 0; + left: 0; + width: 100%; + min-width: 900px; + height: 32px; + background: #2c3143; + color: #fff; + border-bottom: solid #444444 1px; + z-index: 15000; + padding: 0; +} +#masthead a { + color: #eeeeee; + text-decoration: none; +} +#masthead .title { + font-family: verdana; + padding: 3px 10px; + font-size: 175%; + font-weight: bold; + z-index: -1; +} +#masthead a:hover { + text-decoration: underline; +} +.quota-meter-container { + position: absolute; + top: 0; + right: 0; + height: 32px; +} +.quota-meter { + position: absolute; + top: 8px; + right: 8px; + height: 16px; + width: 100px; + background-color: #c1c9e5; +} +.quota-meter-bar { + position: absolute; + top: 0; + left: 0; + height: 16px; + background-color: #969db3; +} +.quota-meter-bar-warn { + background-color: #ffb400; +} +.quota-meter-bar-error { + background-color: #ff4343; +} +.quota-meter-text { + position: absolute; + top: 50%; + left: 0; + width: 100px; + height: 16px; + margin-top: -6px; + text-align: center; + z-index: 9001; + color: #000000; +} +.tab-group { + margin: 0; + padding: 0 10px; + height: 100%; + white-space: nowrap; + cursor: default; + background: transparent; +} +.tab-group .tab { + background: #2c3143; + position: relative; + float: left; + margin: 0; + padding: 0 1em; + height: 32px; + line-height: 32px; + text-align: left; +} +.tab-group .tab .submenu { + display: none; + position: absolute; + z-index: 16000; + left: 0; + top: 32px; + padding: 1em; + margin: -1em; + padding-top: 0; + margin-top: 0; + background-color: rgba(0, 0, 0, 0.5); + -moz-border-radius: 0 0 1em 1em; + -webkit-border-bottom-right-radius: 1em; + -webkit-border-bottom-left-radius: 1em; +} +.tab-group .tab .submenu ul { + display: block; + margin: 0; + padding: 0; + list-style-type: none; + background: #2c3143; +} +.tab-group .tab .submenu ul li { + display: block; + padding: 0 1em; + white-space: nowrap; +} +.tab-group .tab:hover > a { + color: gold !important; +} +.tab-group .active { + background: #010101; +} diff --git a/static/june_2007_style/blue_colors.ini b/static/june_2007_style/blue_colors.ini index b0fd5ba5482..d82f9389ccf 100644 --- a/static/june_2007_style/blue_colors.ini +++ b/static/june_2007_style/blue_colors.ini @@ -60,11 +60,11 @@ masthead_bg_hatch=- masthead_link=#eeeeee masthead_active_tab_bg=#222532 # Quota meter -quota_meter_bg=#C1C9E5; -quota_meter_bar=#969DB3; -quota_meter_warn_bar=#FFB400; -quota_meter_error_bar=#FF4343; -quota_meter_text=#000; +quota_meter_bg=#C1C9E5 +quota_meter_bar=#969DB3 +quota_meter_warn_bar=#FFB400 +quota_meter_error_bar=#FF4343 +quota_meter_text=#000 # ---- Layout ----------------------------------------------------------------- # Overall background color (including space between panels) layout_bg=#eee diff --git a/static/june_2007_style/process_css.py b/static/june_2007_style/process_css.py index 1169e5e3dea..9ba3b21de3f 100755 --- a/static/june_2007_style/process_css.py +++ b/static/june_2007_style/process_css.py @@ -108,6 +108,9 @@ def build_stylesheet_parser(): stylesheet_parser = build_stylesheet_parser() +class LessTemplate( string.Template ): + delimeter = "@" + class CSSProcessor( object ): def process( self, file, out, variables, image_dir, out_dir ): @@ -161,6 +164,8 @@ class CSSProcessor( object ): for selectors, properties in rules: for p in properties: p[1] = string.Template( p[1] ).substitute( context ).strip() + # Less style uses @ to prefix variables + p[1] = LessTemplate( p[1] ).substitute( context ).strip() def make_sprites( self, rules, image_dir, out_dir ): From 322235adf67550ec40d364fb41905a212afae5aa Mon Sep 17 00:00:00 2001 From: James Taylor Date: Tue, 14 Feb 2012 11:42:20 -0500 Subject: [PATCH 2/7] style: adding (clean) bootstrap version 2 --- .../june_2007_style/bootstrap/accordion.less | 28 + static/june_2007_style/bootstrap/alerts.less | 70 +++ .../june_2007_style/bootstrap/bootstrap.less | 62 ++ .../bootstrap/breadcrumbs.less | 22 + .../bootstrap/button-groups.less | 147 +++++ static/june_2007_style/bootstrap/buttons.less | 165 ++++++ .../june_2007_style/bootstrap/carousel.less | 121 ++++ static/june_2007_style/bootstrap/close.less | 18 + static/june_2007_style/bootstrap/code.less | 44 ++ .../bootstrap/component-animations.less | 18 + .../june_2007_style/bootstrap/dropdowns.less | 131 +++++ static/june_2007_style/bootstrap/forms.less | 515 +++++++++++++++++ static/june_2007_style/bootstrap/grid.less | 8 + .../june_2007_style/bootstrap/hero-unit.less | 20 + static/june_2007_style/bootstrap/labels.less | 16 + static/june_2007_style/bootstrap/layouts.less | 17 + static/june_2007_style/bootstrap/mixins.less | 537 ++++++++++++++++++ static/june_2007_style/bootstrap/modals.less | 72 +++ static/june_2007_style/bootstrap/navbar.less | 292 ++++++++++ static/june_2007_style/bootstrap/navs.less | 344 +++++++++++ static/june_2007_style/bootstrap/pager.less | 30 + .../june_2007_style/bootstrap/pagination.less | 55 ++ .../june_2007_style/bootstrap/popovers.less | 49 ++ .../bootstrap/progress-bars.less | 95 ++++ static/june_2007_style/bootstrap/reset.less | 126 ++++ .../june_2007_style/bootstrap/responsive.less | 323 +++++++++++ .../bootstrap/scaffolding.less | 29 + static/june_2007_style/bootstrap/sprites.less | 156 +++++ static/june_2007_style/bootstrap/tables.less | 139 +++++ .../june_2007_style/bootstrap/thumbnails.less | 35 ++ static/june_2007_style/bootstrap/tooltip.less | 35 ++ static/june_2007_style/bootstrap/type.less | 217 +++++++ .../june_2007_style/bootstrap/utilities.less | 23 + .../june_2007_style/bootstrap/variables.less | 99 ++++ static/june_2007_style/bootstrap/wells.less | 17 + 35 files changed, 4075 insertions(+) create mode 100644 static/june_2007_style/bootstrap/accordion.less create mode 100644 static/june_2007_style/bootstrap/alerts.less create mode 100644 static/june_2007_style/bootstrap/bootstrap.less create mode 100644 static/june_2007_style/bootstrap/breadcrumbs.less create mode 100644 static/june_2007_style/bootstrap/button-groups.less create mode 100644 static/june_2007_style/bootstrap/buttons.less create mode 100644 static/june_2007_style/bootstrap/carousel.less create mode 100644 static/june_2007_style/bootstrap/close.less create mode 100644 static/june_2007_style/bootstrap/code.less create mode 100644 static/june_2007_style/bootstrap/component-animations.less create mode 100644 static/june_2007_style/bootstrap/dropdowns.less create mode 100644 static/june_2007_style/bootstrap/forms.less create mode 100644 static/june_2007_style/bootstrap/grid.less create mode 100644 static/june_2007_style/bootstrap/hero-unit.less create mode 100644 static/june_2007_style/bootstrap/labels.less create mode 100644 static/june_2007_style/bootstrap/layouts.less create mode 100644 static/june_2007_style/bootstrap/mixins.less create mode 100644 static/june_2007_style/bootstrap/modals.less create mode 100644 static/june_2007_style/bootstrap/navbar.less create mode 100644 static/june_2007_style/bootstrap/navs.less create mode 100644 static/june_2007_style/bootstrap/pager.less create mode 100644 static/june_2007_style/bootstrap/pagination.less create mode 100644 static/june_2007_style/bootstrap/popovers.less create mode 100644 static/june_2007_style/bootstrap/progress-bars.less create mode 100644 static/june_2007_style/bootstrap/reset.less create mode 100644 static/june_2007_style/bootstrap/responsive.less create mode 100644 static/june_2007_style/bootstrap/scaffolding.less create mode 100644 static/june_2007_style/bootstrap/sprites.less create mode 100644 static/june_2007_style/bootstrap/tables.less create mode 100644 static/june_2007_style/bootstrap/thumbnails.less create mode 100644 static/june_2007_style/bootstrap/tooltip.less create mode 100644 static/june_2007_style/bootstrap/type.less create mode 100644 static/june_2007_style/bootstrap/utilities.less create mode 100644 static/june_2007_style/bootstrap/variables.less create mode 100644 static/june_2007_style/bootstrap/wells.less diff --git a/static/june_2007_style/bootstrap/accordion.less b/static/june_2007_style/bootstrap/accordion.less new file mode 100644 index 00000000000..11a36b544e8 --- /dev/null +++ b/static/june_2007_style/bootstrap/accordion.less @@ -0,0 +1,28 @@ +// ACCORDION +// --------- + + +// Parent container +.accordion { + margin-bottom: @baseLineHeight; +} + +// Group == heading + body +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + .border-radius(4px); +} +.accordion-heading { + border-bottom: 0; +} +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +// Inner needs the styles because you can't animate properly with any styles on the element +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} diff --git a/static/june_2007_style/bootstrap/alerts.less b/static/june_2007_style/bootstrap/alerts.less new file mode 100644 index 00000000000..562826fd30c --- /dev/null +++ b/static/june_2007_style/bootstrap/alerts.less @@ -0,0 +1,70 @@ +// ALERT STYLES +// ------------ + +// Base alert styles +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: @baseLineHeight; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + background-color: @warningBackground; + border: 1px solid @warningBorder; + .border-radius(4px); +} +.alert, +.alert-heading { + color: @warningText; +} + +// Adjust close link position +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 18px; +} + +// Alternate styles +// ---------------- + +.alert-success { + background-color: @successBackground; + border-color: @successBorder; +} +.alert-success, +.alert-success .alert-heading { + color: @successText; +} +.alert-danger, +.alert-error { + background-color: @errorBackground; + border-color: @errorBorder; +} +.alert-danger, +.alert-error, +.alert-danger .alert-heading, +.alert-error .alert-heading { + color: @errorText; +} +.alert-info { + background-color: @infoBackground; + border-color: @infoBorder; +} +.alert-info, +.alert-info .alert-heading { + color: @infoText; +} + + +// Block alerts +// ------------------------ +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} +.alert-block p + p { + margin-top: 5px; +} diff --git a/static/june_2007_style/bootstrap/bootstrap.less b/static/june_2007_style/bootstrap/bootstrap.less new file mode 100644 index 00000000000..ea84f489987 --- /dev/null +++ b/static/june_2007_style/bootstrap/bootstrap.less @@ -0,0 +1,62 @@ +/*! + * Bootstrap v2.0.0 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ + +// CSS Reset +@import "reset.less"; + +// Core variables and mixins +@import "variables.less"; // Modify this for custom colors, font-sizes, etc +@import "mixins.less"; + +// Grid system and page structure +@import "scaffolding.less"; +@import "grid.less"; +@import "layouts.less"; + +// Base CSS +@import "type.less"; +@import "code.less"; +@import "forms.less"; +@import "tables.less"; + +// Components: common +@import "sprites.less"; +@import "dropdowns.less"; +@import "wells.less"; +@import "component-animations.less"; +@import "close.less"; + +// Components: Buttons & Alerts +@import "buttons.less"; +@import "button-groups.less"; +@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less + +// Components: Nav +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; + +// Components: Popovers +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; + +// Components: Misc +@import "thumbnails.less"; +@import "labels.less"; +@import "progress-bars.less"; +@import "accordion.less"; +@import "carousel.less"; +@import "hero-unit.less"; + +// Utility classes +@import "utilities.less"; // Has to be last to override when necessary diff --git a/static/june_2007_style/bootstrap/breadcrumbs.less b/static/june_2007_style/bootstrap/breadcrumbs.less new file mode 100644 index 00000000000..19b8081e1b6 --- /dev/null +++ b/static/june_2007_style/bootstrap/breadcrumbs.less @@ -0,0 +1,22 @@ +// BREADCRUMBS +// ----------- + +.breadcrumb { + padding: 7px 14px; + margin: 0 0 @baseLineHeight; + #gradient > .vertical(@white, #f5f5f5); + border: 1px solid #ddd; + .border-radius(3px); + .box-shadow(inset 0 1px 0 @white); + li { + display: inline; + text-shadow: 0 1px 0 @white; + } + .divider { + padding: 0 5px; + color: @grayLight; + } + .active a { + color: @grayDark; + } +} diff --git a/static/june_2007_style/bootstrap/button-groups.less b/static/june_2007_style/bootstrap/button-groups.less new file mode 100644 index 00000000000..4b0523df295 --- /dev/null +++ b/static/june_2007_style/bootstrap/button-groups.less @@ -0,0 +1,147 @@ +// BUTTON GROUPS +// ------------- + + +// Make the div behave like a button +.btn-group { + position: relative; + .clearfix(); // clears the floated buttons + .ie7-restore-left-whitespace(); +} + +// Space out series of button groups +.btn-group + .btn-group { + margin-left: 5px; +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-top: @baseLineHeight / 2; + margin-bottom: @baseLineHeight / 2; + .btn-group { + display: inline-block; + .ie7-inline-block(); + } +} + +// Float them, remove border radius, then re-add to first and last elements +.btn-group .btn { + position: relative; + float: left; + margin-left: -1px; + .border-radius(0); +} +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group .btn:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.btn-group .btn:last-child, +.btn-group .dropdown-toggle { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; +} +// Reset corners for large buttons +.btn-group .btn.large:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.btn-group .btn.large:last-child, +.btn-group .large.dropdown-toggle { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} + +// On hover/focus/active, bring the proper btn to front +.btn-group .btn:hover, +.btn-group .btn:focus, +.btn-group .btn:active, +.btn-group .btn.active { + z-index: 2; +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + @shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + .box-shadow(@shadow); + *padding-top: 5px; + *padding-bottom: 5px; +} + +.btn-group.open { + // IE7's z-index only goes to the nearest positioned ancestor, which would + // make the menu appear below buttons that appeared later on the page + *z-index: @zindexDropdown; + + // Reposition menu on open and round all corners + .dropdown-menu { + display: block; + margin-top: 1px; + .border-radius(5px); + } + + .dropdown-toggle { + background-image: none; + @shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + .box-shadow(@shadow); + } +} + +// Reposition the caret +.btn .caret { + margin-top: 7px; + margin-left: 0; +} +.btn:hover .caret, +.open.btn-group .caret { + .opacity(100); +} + + +// Account for other colors +.btn-primary, +.btn-danger, +.btn-info, +.btn-success { + .caret { + border-top-color: @white; + .opacity(75); + } +} + +// Small button dropdowns +.btn-small .caret { + margin-top: 4px; +} + diff --git a/static/june_2007_style/bootstrap/buttons.less b/static/june_2007_style/bootstrap/buttons.less new file mode 100644 index 00000000000..582350386e5 --- /dev/null +++ b/static/june_2007_style/bootstrap/buttons.less @@ -0,0 +1,165 @@ +// BUTTON STYLES +// ------------- + + +// Base styles +// -------------------------------------------------- + +// Core +.btn { + display: inline-block; + padding: 4px 10px 4px; + font-size: @baseFontSize; + line-height: @baseLineHeight; + color: @grayDark; + text-align: center; + text-shadow: 0 1px 1px rgba(255,255,255,.75); + #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient + border: 1px solid #ccc; + border-bottom-color: #bbb; + .border-radius(4px); + @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + .box-shadow(@shadow); + cursor: pointer; + + // Give IE7 some love + .ie7-restore-left-whitespace(); +} + +// Hover state +.btn:hover { + color: @grayDark; + text-decoration: none; + background-color: darken(@white, 10%); + background-position: 0 -15px; + + // transition is only when going to hover, otherwise the background + // behind the gradient (there for IE<=9 fallback) gets mismatched + .transition(background-position .1s linear); +} + +// Focus state for keyboard and accessibility +.btn:focus { + .tab-focus(); +} + +// Active state +.btn.active, +.btn:active { + background-image: none; + @shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + .box-shadow(@shadow); + background-color: darken(@white, 10%); + background-color: darken(@white, 15%) e("\9"); + color: rgba(0,0,0,.5); + outline: 0; +} + +// Disabled state +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + background-color: darken(@white, 10%); + .opacity(65); + .box-shadow(none); +} + + +// Button Sizes +// -------------------------------------------------- + +// Large +.btn-large { + padding: 9px 14px; + font-size: @baseFontSize + 2px; + line-height: normal; + .border-radius(5px); +} +.btn-large .icon { + margin-top: 1px; +} + +// Small +.btn-small { + padding: 5px 9px; + font-size: @baseFontSize - 2px; + line-height: @baseLineHeight - 2px; +} +.btn-small .icon { + margin-top: -1px; +} + + +// Alternate buttons +// -------------------------------------------------- + +// Set text color +// ------------------------- +.btn-primary, +.btn-primary:hover, +.btn-warning, +.btn-warning:hover, +.btn-danger, +.btn-danger:hover, +.btn-success, +.btn-success:hover, +.btn-info, +.btn-info:hover { + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + color: @white; +} +// Provide *some* extra contrast for those who can get it +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active { + color: rgba(255,255,255,.75); +} + +// Set the backgrounds +// ------------------------- +.btn-primary { + .buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20)); +} +// Warning appears are orange +.btn-warning { + .buttonBackground(lighten(@orange, 15%), @orange); +} +// Danger and error appear as red +.btn-danger { + .buttonBackground(#ee5f5b, #bd362f); +} +// Success appears as green +.btn-success { + .buttonBackground(#62c462, #51a351); +} +// Info appears as a neutral blue +.btn-info { + .buttonBackground(#5bc0de, #2f96b4); +} + + +// Cross-browser Jank +// -------------------------------------------------- + +button.btn, +input[type="submit"].btn { + &::-moz-focus-inner { + padding: 0; + border: 0; + } + + // IE7 has some default padding on button controls + *padding-top: 2px; + *padding-bottom: 2px; + &.large { + *padding-top: 7px; + *padding-bottom: 7px; + } + &.small { + *padding-top: 3px; + *padding-bottom: 3px; + } +} diff --git a/static/june_2007_style/bootstrap/carousel.less b/static/june_2007_style/bootstrap/carousel.less new file mode 100644 index 00000000000..8fbd303154a --- /dev/null +++ b/static/june_2007_style/bootstrap/carousel.less @@ -0,0 +1,121 @@ +// CAROUSEL +// -------- + +.carousel { + position: relative; + margin-bottom: @baseLineHeight; + line-height: 1; +} + +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} + +.carousel { + + .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + } + + // Account for jankitude on images + .item > img { + display: block; + line-height: 1; + } + + .active, + .next, + .prev { display: block; } + + .active { + left: 0; + } + + .next, + .prev { + position: absolute; + top: 0; + width: 100%; + } + + .next { + left: 100%; + } + .prev { + left: -100%; + } + .next.left, + .prev.right { + left: 0; + } + + .active.left { + left: -100%; + } + .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: @white; + text-align: center; + background: @grayDarker; + border: 3px solid @white; + .border-radius(23px); + .opacity(50); + + // we can't have this transition here + // because webkit cancels the carousel + // animation if you trip this while + // in the middle of another animation + // ;_; + // .transition(opacity .2s linear); + + // Reposition the right one + &.right { + left: auto; + right: 15px; + } + + // Hover state + &:hover { + color: @white; + text-decoration: none; + .opacity(90); + } +} + +// Caption for text below images +// ----------------------------- + +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 10px 15px 5px; + background: @grayDark; + background: rgba(0,0,0,.75); +} +.carousel-caption h4, +.carousel-caption p { + color: @white; +} diff --git a/static/june_2007_style/bootstrap/close.less b/static/june_2007_style/bootstrap/close.less new file mode 100644 index 00000000000..a0e5edba1b6 --- /dev/null +++ b/static/june_2007_style/bootstrap/close.less @@ -0,0 +1,18 @@ +// CLOSE ICONS +// ----------- + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: @baseLineHeight; + color: @black; + text-shadow: 0 1px 0 rgba(255,255,255,1); + .opacity(20); + &:hover { + color: @black; + text-decoration: none; + .opacity(40); + cursor: pointer; + } +} diff --git a/static/june_2007_style/bootstrap/code.less b/static/june_2007_style/bootstrap/code.less new file mode 100644 index 00000000000..0cc3db857ae --- /dev/null +++ b/static/june_2007_style/bootstrap/code.less @@ -0,0 +1,44 @@ +// Code.less +// Code typography styles for the and 
 elements
+// --------------------------------------------------------
+
+// Inline and block code styles
+code,
+pre {
+  padding: 0 3px 2px;
+  #font > #family > .monospace;
+  font-size: @baseFontSize - 1;
+  color: @grayDark;
+  .border-radius(3px);
+}
+code {
+  padding: 3px 4px;
+  color: #d14;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+pre {
+  display: block;
+  padding: (@baseLineHeight - 1) / 2;
+  margin: 0 0 @baseLineHeight / 2;
+  font-size: 12px;
+  line-height: @baseLineHeight;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc; // fallback for IE7-8
+  border: 1px solid rgba(0,0,0,.15);
+  .border-radius(4px);
+  white-space: pre;
+  white-space: pre-wrap;
+  word-break: break-all;
+
+  // Make prettyprint styles more spaced out for readability
+  &.prettyprint {
+    margin-bottom: @baseLineHeight;
+  }
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    padding: 0;
+    background-color: transparent;
+  }
+}
diff --git a/static/june_2007_style/bootstrap/component-animations.less b/static/june_2007_style/bootstrap/component-animations.less
new file mode 100644
index 00000000000..4f2a4fd1185
--- /dev/null
+++ b/static/june_2007_style/bootstrap/component-animations.less
@@ -0,0 +1,18 @@
+// COMPONENT ANIMATIONS
+// --------------------
+
+.fade {
+  .transition(opacity .15s linear);
+  opacity: 0;
+  &.in {
+    opacity: 1;
+  }
+}
+
+.collapse {
+  .transition(height .35s ease);
+  position:relative;
+  overflow:hidden;
+  height: 0;
+  &.in { height: auto; }
+}
diff --git a/static/june_2007_style/bootstrap/dropdowns.less b/static/june_2007_style/bootstrap/dropdowns.less
new file mode 100644
index 00000000000..83f535ae861
--- /dev/null
+++ b/static/june_2007_style/bootstrap/dropdowns.less
@@ -0,0 +1,131 @@
+// DROPDOWN MENUS
+// --------------
+
+// Use the .menu class on any 
  •  element within the topbar or ul.tabs and you'll get some superfancy dropdowns
+.dropdown {
+  position: relative;
+}
+.dropdown-toggle {
+  // The caret makes the toggle a bit too tall in IE7
+  *margin-bottom: -3px;
+}
+.dropdown-toggle:active,
+.open .dropdown-toggle {
+  outline: 0;
+}
+// Dropdown arrow/caret
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  text-indent: -99999px;
+  // IE7 won't do the border trick if there's a text indent, but it doesn't
+  // do the content that text-indent is hiding, either, so we're ok.
+  *text-indent: 0;
+  vertical-align: top;
+  border-left:  4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top:   4px solid @black;
+  .opacity(30);
+  content: "\2193";
+}
+.dropdown .caret {
+  margin-top: 8px;
+  margin-left: 2px;
+}
+.dropdown:hover .caret,
+.open.dropdown .caret {
+  .opacity(100);
+}
+// The dropdown menu (ul)
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: @zindexDropdown;
+  float: left;
+  display: none; // none by default, but block on "open" of the menu
+  min-width: 160px;
+  max-width: 220px;
+  _width: 160px;
+  padding: 4px 0;
+  margin: 0; // override default ul
+  list-style: none;
+  background-color: @white;
+  border-color: #ccc;
+  border-color: rgba(0,0,0,.2);
+  border-style: solid;
+  border-width: 1px;
+  .border-radius(0 0 5px 5px);
+  .box-shadow(0 5px 10px rgba(0,0,0,.2));
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+
+  // Allow for dropdowns to go bottom up (aka, dropup-menu)
+  &.bottom-up {
+    top: auto;
+    bottom: 100%;
+    margin-bottom: 2px;
+  }
+
+  // Dividers (basically an hr) within the dropdown
+  .divider {
+    height: 1px;
+    margin: 5px 1px;
+    overflow: hidden;
+    background-color: #e5e5e5;
+    border-bottom: 1px solid @white;
+
+    // IE7 needs a set width since we gave a height. Restricting just
+    // to IE7 to keep the 1px left/right space in other browsers.
+    // It is unclear where IE is getting the extra space that we need
+    // to negative-margin away, but so it goes.
+    *width: 100%;
+    *margin: -5px 0 5px;
+  }
+
+  // Links within the dropdown menu
+  a {
+    display: block;
+    padding: 3px 15px;
+    clear: both;
+    font-weight: normal;
+    line-height: 18px;
+    color: @gray;
+    white-space: nowrap;
+  }
+}
+
+// Hover state
+.dropdown-menu li > a:hover,
+.dropdown-menu .active > a,
+.dropdown-menu .active > a:hover {
+  color: @white;
+  text-decoration: none;
+  background-color: @linkColor;
+}
+
+// Open state for the dropdown
+.dropdown.open {
+  // IE7's z-index only goes to the nearest positioned ancestor, which would
+  // make the menu appear below buttons that appeared later on the page
+  *z-index: @zindexDropdown;
+
+  .dropdown-toggle {
+    color: @white;
+    background: #ccc;
+    background: rgba(0,0,0,.3);
+  }
+  .dropdown-menu {
+    display: block;
+  }
+}
+
+// Typeahead
+.typeahead {
+  margin-top: 2px; // give it some space to breathe
+  .border-radius(4px);
+}
diff --git a/static/june_2007_style/bootstrap/forms.less b/static/june_2007_style/bootstrap/forms.less
new file mode 100644
index 00000000000..9c9a9b8a9f5
--- /dev/null
+++ b/static/june_2007_style/bootstrap/forms.less
@@ -0,0 +1,515 @@
+// Forms.less
+// Base styles for various input types, form layouts, and states
+// -------------------------------------------------------------
+
+
+// GENERAL STYLES
+// --------------
+
+// Make all forms have space below them
+form {
+  margin: 0 0 @baseLineHeight;
+}
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+// Groups of fields with labels on top (legends)
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: @baseLineHeight * 1.5;
+  font-size: @baseFontSize * 1.5;
+  line-height: @baseLineHeight * 2;
+  color: @grayDark;
+  border: 0;
+  border-bottom: 1px solid #eee;
+}
+
+// Set font for forms
+label,
+input,
+button,
+select,
+textarea {
+  #font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
+}
+
+// Identify controls by their labels
+label {
+  display: block;
+  margin-bottom: 5px;
+  color: @grayDark;
+}
+
+// Inputs, Textareas, Selects
+input,
+textarea,
+select,
+.uneditable-input {
+  display: inline-block;
+  width: 210px;
+  height: @baseLineHeight;
+  padding: 4px;
+  margin-bottom: 9px;
+  font-size: @baseFontSize;
+  line-height: @baseLineHeight;
+  color: @gray;
+  border: 1px solid #ccc;
+  .border-radius(3px);
+}
+.uneditable-textarea {
+  width: auto;
+  height: auto;
+}
+
+// Inputs within a label
+label input,
+label textarea,
+label select {
+  display: block;
+}
+
+// Mini reset for unique input types
+input[type="image"],
+input[type="checkbox"],
+input[type="radio"] {
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 3px 0;
+  *margin-top: 0; /* IE7 */
+  line-height: normal;
+  border: 0;
+  cursor: pointer;
+  .border-radius(0);
+}
+
+// Reset the file input to browser defaults
+input[type="file"] {
+  padding: initial;
+  line-height: initial;
+  border: initial;
+  background-color: @white;
+  background-color: initial;
+  .box-shadow(none);
+}
+
+// Help out input buttons
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  width: auto;
+  height: auto;
+}
+
+// Set the height of select and file controls to match text inputs
+select,
+input[type="file"] {
+  height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
+  *margin-top: 4px; /* For IE7, add top margin to align select with labels */
+  line-height: 28px;
+}
+
+// Chrome on Linux and Mobile Safari need background-color
+select {
+  width: 220px; // default input width + 10px of padding that doesn't get applied
+  background-color: @white;
+}
+
+// Make multiple select elements height not fixed
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+// Remove shadow from image inputs
+input[type="image"] {
+  .box-shadow(none);
+}
+
+// Make textarea height behave
+textarea {
+  height: auto;
+}
+
+// Hidden inputs
+input[type="hidden"] {
+  display: none;
+}
+
+
+
+// CHECKBOXES & RADIOS
+// -------------------
+
+// Indent the labels to position radios/checkboxes as hanging
+.radio,
+.checkbox {
+  padding-left: 18px;
+}
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+  float: left;
+  margin-left: -18px;
+}
+
+// Move the options list down to align with labels
+.controls > .radio:first-child,
+.controls > .checkbox:first-child {
+  padding-top: 5px; // has to be padding because margin collaspes
+}
+
+// Radios and checkboxes on same line
+.radio.inline,
+.checkbox.inline {
+  display: inline-block;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline {
+  margin-left: 10px; // space out consecutive inline controls
+}
+// But don't forget to remove their padding on first-child
+.controls > .radio.inline:first-child,
+.controls > .checkbox.inline:first-child {
+  padding-top: 0;
+}
+
+
+
+// FOCUS STATE
+// -----------
+
+input,
+textarea {
+  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
+  @transition: border linear .2s, box-shadow linear .2s;
+  .transition(@transition);
+}
+input:focus,
+textarea:focus {
+  border-color: rgba(82,168,236,.8);
+  @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
+  .box-shadow(@shadow);
+  outline: 0;
+  outline: thin dotted \9; /* IE6-8 */
+}
+input[type="file"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
+  .box-shadow(none); // override for file inputs
+  .tab-focus();
+}
+
+
+
+// INPUT SIZES
+// -----------
+
+// General classes for quick sizes
+.input-mini       { width: 60px; }
+.input-small      { width: 90px; }
+.input-medium     { width: 150px; }
+.input-large      { width: 210px; }
+.input-xlarge     { width: 270px; }
+.input-xxlarge    { width: 530px; }
+
+// Grid style input sizes
+input[class*="span"],
+select[class*="span"],
+textarea[class*="span"],
+.uneditable-input {
+  float: none;
+  margin-left: 0;
+}
+
+
+
+// GRID SIZING FOR INPUTS
+// ----------------------
+
+#inputGridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
+
+
+
+
+// DISABLED STATE
+// --------------
+
+// Disabled and read-only inputs
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  background-color: #f5f5f5;
+  border-color: #ddd;
+  cursor: not-allowed;
+}
+
+
+
+
+// FORM FIELD FEEDBACK STATES
+// --------------------------
+
+// Mixin for form field states
+.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
+  // Set the text color
+  > label,
+  .help-block,
+  .help-inline {
+    color: @textColor;
+  }
+  // Style inputs accordingly
+  input,
+  select,
+  textarea {
+    color: @textColor;
+    border-color: @borderColor;
+    &:focus {
+      border-color: darken(@borderColor, 10%);
+      .box-shadow(0 0 6px lighten(@borderColor, 20%));
+    }
+  }
+  // Give a small background color for input-prepend/-append
+  .input-prepend .add-on,
+  .input-append .add-on {
+    color: @textColor;
+    background-color: @backgroundColor;
+    border-color: @textColor;
+  }
+}
+// Warning
+.control-group.warning {
+  .formFieldState(@warningText, @warningText, @warningBackground);
+}
+// Error
+.control-group.error {
+  .formFieldState(@errorText, @errorText, @errorBackground);
+}
+// Success
+.control-group.success {
+  .formFieldState(@successText, @successText, @successBackground);
+}
+
+// HTML5 invalid states
+// Shares styles with the .control-group.error above
+input:focus:required:invalid,
+textarea:focus:required:invalid,
+select:focus:required:invalid {
+  color: #b94a48;
+  border-color: #ee5f5b;
+  &:focus {
+    border-color: darken(#ee5f5b, 10%);
+    .box-shadow(0 0 6px lighten(#ee5f5b, 20%));    
+  }
+}
+
+
+
+// FORM ACTIONS
+// ------------
+
+.form-actions {
+  padding: (@baseLineHeight - 1) 20px @baseLineHeight;
+  margin-top: @baseLineHeight;
+  margin-bottom: @baseLineHeight;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+}
+
+// For text that needs to appear as an input but should not be an input
+.uneditable-input {
+  display: block;
+  background-color: @white;
+  border-color: #eee;
+  .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
+  cursor: not-allowed;
+}
+
+// Placeholder text gets special styles; can't be bundled together though for some reason
+.placeholder(@grayLight);
+
+
+
+// HELP TEXT
+// ---------
+
+.help-block {
+  margin-top: 5px;
+  margin-bottom: 0;
+  color: @grayLight;
+}
+
+.help-inline {
+  display: inline-block;
+  .ie7-inline-block();
+  margin-bottom: 9px;
+  vertical-align: middle;
+  padding-left: 5px;
+}
+
+
+
+// INPUT GROUPS
+// ------------
+
+// Allow us to put symbols and text within the input field for a cleaner look
+.input-prepend,
+.input-append {
+  margin-bottom: 5px;
+  .clearfix(); // Clear the float to prevent wrapping
+  input,
+  .uneditable-input {
+    .border-radius(0 3px 3px 0);
+    &:focus {
+      position: relative;
+      z-index: 2;
+    }
+  }
+  .uneditable-input {
+    border-left-color: #ccc;
+  }
+  .add-on {
+    float: left;
+    display: block;
+    width: auto;
+    min-width: 16px;
+    height: @baseLineHeight;
+    margin-right: -1px;
+    padding: 4px 5px;
+    font-weight: normal;
+    line-height: @baseLineHeight;
+    color: @grayLight;
+    text-align: center;
+    text-shadow: 0 1px 0 @white;
+    background-color: #f5f5f5;
+    border: 1px solid #ccc;
+    .border-radius(3px 0 0 3px);
+  }
+  .active {
+    background-color: lighten(@green, 30);
+    border-color: @green;
+  }
+}
+.input-prepend {
+  .add-on {
+    *margin-top: 1px; /* IE6-7 */
+  }
+}
+.input-append {
+  input,
+  .uneditable-input {
+    float: left;
+    .border-radius(3px 0 0 3px);
+  }
+  .uneditable-input {
+    border-right-color: #ccc;    
+  }
+  .add-on {
+    margin-right: 0;
+    margin-left: -1px;
+    .border-radius(0 3px 3px 0);
+  }
+  input:first-child {
+    // In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
+    // inherit the sum of its ancestors' margins.
+    *margin-left: -160px;
+
+    &+.add-on {
+      *margin-left: -21px;
+    }
+  }
+}
+
+
+
+// SEARCH FORM
+// -----------
+
+.search-query {
+  padding-left: 14px;
+  padding-right: 14px;
+  margin-bottom: 0; // remove the default margin on all inputs
+  .border-radius(14px);
+}
+
+
+
+// HORIZONTAL & VERTICAL FORMS
+// ---------------------------
+
+// Common properties
+// -----------------
+
+.form-search,
+.form-inline,
+.form-horizontal {
+  input,
+  textarea,
+  select,
+  .help-inline,
+  .uneditable-input {
+    display: inline-block;
+    margin-bottom: 0;
+  }
+}
+.form-search label,
+.form-inline label,
+.form-search .input-append,
+.form-inline .input-append,
+.form-search .input-prepend,
+.form-inline .input-prepend {
+  display: inline-block;
+}
+// Make the prepend and append add-on vertical-align: middle;
+.form-search .input-append .add-on,
+.form-inline .input-prepend .add-on,
+.form-search .input-append .add-on,
+.form-inline .input-prepend .add-on {
+  vertical-align: middle;
+}
+
+// Margin to space out fieldsets
+.control-group {
+  margin-bottom: @baseLineHeight / 2;
+}
+
+// Horizontal-specific styles
+// --------------------------
+
+.form-horizontal {
+  // Legend collapses margin, so we're relegated to padding
+  legend + .control-group {
+    margin-top: @baseLineHeight;
+    -webkit-margin-top-collapse: separate;
+  }
+  // Increase spacing between groups
+  .control-group {
+    margin-bottom: @baseLineHeight;
+    .clearfix();
+  }
+  // Float the labels left
+  .control-group > label {
+    float: left;
+    width: 140px;
+    padding-top: 5px;
+    text-align: right;
+  }
+  // Move over all input controls and content
+  .controls {
+    margin-left: 160px;
+  }
+  // Move over buttons in .form-actions to align with .controls
+  .form-actions {
+    padding-left: 160px;
+  }
+}
diff --git a/static/june_2007_style/bootstrap/grid.less b/static/june_2007_style/bootstrap/grid.less
new file mode 100644
index 00000000000..4acb0a44ce6
--- /dev/null
+++ b/static/june_2007_style/bootstrap/grid.less
@@ -0,0 +1,8 @@
+// GRID SYSTEM
+// -----------
+
+// Fixed (940px)
+#gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
+
+// Fluid (940px)
+#fluidGridSystem > .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth);
diff --git a/static/june_2007_style/bootstrap/hero-unit.less b/static/june_2007_style/bootstrap/hero-unit.less
new file mode 100644
index 00000000000..cba1cc46cff
--- /dev/null
+++ b/static/june_2007_style/bootstrap/hero-unit.less
@@ -0,0 +1,20 @@
+// HERO UNIT
+// ---------
+
+.hero-unit {
+  padding: 60px;
+  margin-bottom: 30px;
+  background-color: #f5f5f5;
+  .border-radius(6px);
+  h1 {
+    margin-bottom: 0;
+    font-size: 60px;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+  p {
+    font-size: 18px;
+    font-weight: 200;
+    line-height: @baseLineHeight * 1.5;
+  }
+}
diff --git a/static/june_2007_style/bootstrap/labels.less b/static/june_2007_style/bootstrap/labels.less
new file mode 100644
index 00000000000..c0f42775020
--- /dev/null
+++ b/static/june_2007_style/bootstrap/labels.less
@@ -0,0 +1,16 @@
+// LABELS
+// ------
+
+.label {
+  padding: 1px 3px 2px;
+  font-size: @baseFontSize * .75;
+  font-weight: bold;
+  color: @white;
+  text-transform: uppercase;
+  background-color: @grayLight;
+  .border-radius(3px);
+}
+.label-important { background-color: @errorText; }
+.label-warning   { background-color: @orange; }
+.label-success   { background-color: @successText; }
+.label-info      { background-color: @infoText; }
diff --git a/static/june_2007_style/bootstrap/layouts.less b/static/june_2007_style/bootstrap/layouts.less
new file mode 100644
index 00000000000..c8d358b24a1
--- /dev/null
+++ b/static/june_2007_style/bootstrap/layouts.less
@@ -0,0 +1,17 @@
+//
+// Layouts
+// Fixed-width and fluid (with sidebar) layouts
+// --------------------------------------------
+
+
+// Container (centered, fixed-width layouts)
+.container {
+  .container-fixed();
+}
+
+// Fluid layouts (left aligned, with sidebar, min- & max-width content)
+.container-fluid {
+  padding-left: @gridGutterWidth;
+  padding-right: @gridGutterWidth;
+  .clearfix();
+}
\ No newline at end of file
diff --git a/static/june_2007_style/bootstrap/mixins.less b/static/june_2007_style/bootstrap/mixins.less
new file mode 100644
index 00000000000..545ccb9bad3
--- /dev/null
+++ b/static/june_2007_style/bootstrap/mixins.less
@@ -0,0 +1,537 @@
+// Mixins.less
+// Snippets of reusable CSS to develop faster and keep code readable
+// -----------------------------------------------------------------
+
+
+// UTILITY MIXINS
+// --------------------------------------------------
+
+// Clearfix
+// --------
+// For clearing floats like a boss h5bp.com/q
+.clearfix() {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// Webkit-style focus
+// ------------------
+.tab-focus() {
+  // Default
+  outline: thin dotted;
+  // Webkit
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+// Center-align a block level element
+// ----------------------------------
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// IE7 inline-block
+// ----------------
+.ie7-inline-block() {
+  *display: inline; /* IE7 inline-block hack */
+  *zoom: 1;
+}
+
+// IE7 likes to collapse whitespace on either side of the inline-block elements.
+// Ems because we're attempting to match the width of a space character. Left
+// version is for form buttons, which typically come after other elements, and
+// right version is for icons, which come before. Applying both is ok, but it will
+// mean that space between those elements will be .6em (~2 space characters) in IE7,
+// instead of the 1 space in other browsers.
+.ie7-restore-left-whitespace() {
+  *margin-left: .3em;
+
+  &:first-child {
+    *margin-left: 0;
+  }
+}
+
+.ie7-restore-right-whitespace() {
+  *margin-right: .3em;
+
+  &:last-child {
+    *margin-left: 0;
+  }
+}
+
+// Sizing shortcuts
+// -------------------------
+.size(@height: 5px, @width: 5px) {
+  width: @width;
+  height: @height;
+}
+.square(@size: 5px) {
+  .size(@size, @size);
+}
+
+// Placeholder text
+// -------------------------
+.placeholder(@color: @placeholderText) {
+  :-moz-placeholder {
+    color: @color;
+  }
+  ::-webkit-input-placeholder {
+    color: @color;
+  }
+}
+
+
+
+// FONTS
+// --------------------------------------------------
+
+#font {
+  #family {
+    .serif() {
+      font-family: Georgia, "Times New Roman", Times, serif;
+    }
+    .sans-serif() {
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+    .monospace() {
+      font-family: Menlo, Monaco, "Courier New", monospace;
+    }
+  }
+  .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  .serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
+    #font > #family > .serif;
+    #font > .shorthand(@size, @weight, @lineHeight);
+  }
+  .sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
+    #font > #family > .sans-serif;
+    #font > .shorthand(@size, @weight, @lineHeight);
+  }
+  .monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
+    #font > #family > .monospace;
+    #font > .shorthand(@size, @weight, @lineHeight);
+  }
+}
+
+
+
+// GRID SYSTEM
+// --------------------------------------------------
+
+// Site container
+// -------------------------
+.container-fixed() {
+  width: @gridRowWidth;
+  margin-left: auto;
+  margin-right: auto;
+  .clearfix();
+}
+
+// Le grid system
+// -------------------------
+#gridSystem {
+  // Setup the mixins to be used
+  .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
+    width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
+  } 
+  .offset(@gridColumnWidth, @gridGutterWidth, @columns) {
+    margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
+  }
+  .gridColumn(@gridGutterWidth) {
+    float: left;
+    margin-left: @gridGutterWidth;
+  }
+  // Take these values and mixins, and make 'em do their thang
+  .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
+    // Row surrounds the columns
+    .row {
+      margin-left: @gridGutterWidth * -1;
+      .clearfix();
+    }
+    // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
+    [class*="span"] {
+      #gridSystem > .gridColumn(@gridGutterWidth);
+    }
+    // Default columns
+    .span1     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
+    .span2     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
+    .span3     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
+    .span4     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
+    .span5     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
+    .span6     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
+    .span7     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
+    .span8     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
+    .span9     { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
+    .span10    { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
+    .span11    { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
+    .span12,
+    .container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
+    // Offset column options
+    .offset1   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); }
+    .offset2   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); }
+    .offset3   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 3); }
+    .offset4   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 4); }
+    .offset5   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 5); }
+    .offset6   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 6); }
+    .offset7   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 7); }
+    .offset8   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 8); }
+    .offset9   { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 9); }
+    .offset10  { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 10); }
+    .offset11  { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 11); }
+  }
+}
+
+// Fluid grid system
+// -------------------------
+#fluidGridSystem {
+  // Setup the mixins to be used
+  .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, @columns) {
+    width: 1% * (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
+  } 
+  .gridColumn(@fluidGridGutterWidth) {
+    float: left;
+    margin-left: @fluidGridGutterWidth;
+  }
+  // Take these values and mixins, and make 'em do their thang
+  .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {      
+    // Row surrounds the columns
+    .row-fluid {
+      width: 100%;
+      .clearfix();
+
+      // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
+      > [class*="span"] {
+        #fluidGridSystem > .gridColumn(@fluidGridGutterWidth);
+      }
+      > [class*="span"]:first-child {
+        margin-left: 0;
+      }
+      // Default columns
+      .span1     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
+      .span2     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
+      .span3     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
+      .span4     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
+      .span5     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
+      .span6     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
+      .span7     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
+      .span8     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
+      .span9     { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
+      .span10    { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
+      .span11    { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
+      .span12    { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
+    }
+  }
+}
+
+
+
+// Input grid system
+// -------------------------
+#inputGridSystem {
+  .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
+    width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
+  }
+  .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
+    input,
+    textarea,
+    .uneditable-input {
+      &.span1     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
+      &.span2     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
+      &.span3     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
+      &.span4     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
+      &.span5     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
+      &.span6     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
+      &.span7     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
+      &.span8     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
+      &.span9     { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
+      &.span10    { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
+      &.span11    { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
+      &.span12    { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
+    }
+  }
+}
+
+
+
+// CSS3 PROPERTIES
+// --------------------------------------------------
+
+// Border Radius
+.border-radius(@radius: 5px) {
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+}
+
+// Drop shadows
+.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
+  -webkit-box-shadow: @shadow;
+     -moz-box-shadow: @shadow;
+          box-shadow: @shadow;
+}
+
+// Transitions
+.transition(@transition) {
+  -webkit-transition: @transition;
+     -moz-transition: @transition;
+      -ms-transition: @transition;
+       -o-transition: @transition;
+          transition: @transition;
+}
+
+// Transformations
+.rotate(@degrees) {
+  -webkit-transform: rotate(@degrees);
+     -moz-transform: rotate(@degrees);
+      -ms-transform: rotate(@degrees);
+       -o-transform: rotate(@degrees);
+          transform: rotate(@degrees);
+}
+.scale(@ratio) {
+  -webkit-transform: scale(@ratio);
+     -moz-transform: scale(@ratio);
+      -ms-transform: scale(@ratio);
+       -o-transform: scale(@ratio);
+          transform: scale(@ratio);
+}
+.translate(@x: 0, @y: 0) {
+  -webkit-transform: translate(@x, @y);
+     -moz-transform: translate(@x, @y);
+      -ms-transform: translate(@x, @y);
+       -o-transform: translate(@x, @y);
+          transform: translate(@x, @y);
+}
+.skew(@x: 0, @y: 0) {
+  -webkit-transform: translate(@x, @y);
+     -moz-transform: translate(@x, @y);
+      -ms-transform: translate(@x, @y);
+       -o-transform: translate(@x, @y);
+          transform: translate(@x, @y);
+}
+.skew(@x: 0, @y: 0) {
+  -webkit-transform: skew(@x, @y);
+     -moz-transform: skew(@x, @y);
+      -ms-transform: skew(@x, @y);
+       -o-transform: skew(@x, @y);
+          transform: skew(@x, @y);
+}
+
+// Background clipping
+// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
+.background-clip(@clip) {
+  -webkit-background-clip: @clip;
+     -moz-background-clip: @clip;
+          background-clip: @clip;
+}
+
+// Background sizing
+.background-size(@size){
+  -webkit-background-size: @size;
+     -moz-background-size: @size;
+       -o-background-size: @size;
+          background-size: @size;
+}
+
+
+// Box sizing
+.box-sizing(@boxmodel) {
+  -webkit-box-sizing: @boxmodel;
+     -moz-box-sizing: @boxmodel;
+          box-sizing: @boxmodel;
+}
+
+// User select
+// For selecting text on the page
+.user-select(@select) {
+  -webkit-user-select: @select;
+     -moz-user-select: @select;
+       -o-user-select: @select;
+          user-select: @select;
+}
+
+// Resize anything
+.resizable(@direction: both) {
+  resize: @direction; // Options: horizontal, vertical, both
+  overflow: auto; // Safari fix
+}
+
+// CSS3 Content Columns
+.content-columns(@columnCount, @columnGap: @gridColumnGutter) {
+  -webkit-column-count: @columnCount;
+     -moz-column-count: @columnCount;
+          column-count: @columnCount;
+  -webkit-column-gap: @columnGap;
+     -moz-column-gap: @columnGap;
+          column-gap: @columnGap;
+}
+
+// Opacity
+.opacity(@opacity: 100) {
+  opacity: @opacity / 100;
+   filter: e(%("alpha(opacity=%d)", @opacity));
+}
+
+
+
+// BACKGROUNDS
+// --------------------------------------------------
+
+// Add an alphatransparency value to any background or border color (via Elyse Holladay)
+#translucent {
+  .background(@color: @white, @alpha: 1) {
+    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
+  }
+  .border(@color: @white, @alpha: 1) {
+    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
+    .background-clip(padding-box);
+  }
+}
+
+// Gradient Bar Colors for buttons and alerts
+.gradientBar(@primaryColor, @secondaryColor) {
+  #gradient > .vertical(@primaryColor, @secondaryColor);
+  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
+  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
+}
+
+// Gradients
+#gradient {
+  .horizontal(@startColor: #555, @endColor: #333) {
+    background-color: @endColor;
+    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(left, @startColor, @endColor); // Le standard
+    background-repeat: repeat-x;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
+  }
+  .vertical(@startColor: #555, @endColor: #333) {
+    background-color: mix(@startColor, @endColor, 60%);
+    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(top, @startColor, @endColor); // The standard
+    background-repeat: repeat-x;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
+  }
+  .directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
+    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
+  }
+  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
+    background-color: mix(@midColor, @endColor, 80%);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
+    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
+    background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-repeat: no-repeat;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
+  }
+  .radial(@innerColor: #555, @outerColor: #333)  {
+    background-color: @outerColor;
+    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
+    background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
+    background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
+    background-image: -ms-radial-gradient(circle, @innerColor, @outerColor);
+    background-repeat: no-repeat;
+    // Opera cannot do radial gradients yet
+  }
+  .striped(@color, @angle: -45deg) {
+    background-color: @color;
+    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
+    background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+    background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+    background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+  }
+}
+// Reset filters for IE
+.reset-filter() {
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}
+
+
+// Mixin for generating button backgrounds
+// ---------------------------------------
+.buttonBackground(@startColor, @endColor) {
+  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
+  .gradientBar(@startColor, @endColor);
+  .reset-filter();
+
+  // in these cases the gradient won't cover the background, so we override
+  &:hover, &:active, &.active, &.disabled, &[disabled] {
+    background-color: @endColor;
+  }
+
+  // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
+  &:active,
+  &.active {
+    background-color: darken(@endColor, 10%) e("\9");
+  }
+}
+
+
+// COMPONENT MIXINS
+// --------------------------------------------------
+
+// POPOVER ARROWS
+// -------------------------
+// For tipsies and popovers
+#popoverArrow {
+  .top(@arrowWidth: 5px) {
+    bottom: 0;
+    left: 50%;
+    margin-left: -@arrowWidth;
+    border-left: @arrowWidth solid transparent;
+    border-right: @arrowWidth solid transparent;
+    border-top: @arrowWidth solid @black;
+  }
+  .left(@arrowWidth: 5px) {
+    top: 50%;
+    right: 0;
+    margin-top: -@arrowWidth;
+    border-top: @arrowWidth solid transparent;
+    border-bottom: @arrowWidth solid transparent;
+    border-left: @arrowWidth solid @black;
+  }
+  .bottom(@arrowWidth: 5px) {
+    top: 0;
+    left: 50%;
+    margin-left: -@arrowWidth;
+    border-left: @arrowWidth solid transparent;
+    border-right: @arrowWidth solid transparent;
+    border-bottom: @arrowWidth solid @black;
+  }
+  .right(@arrowWidth: 5px) {
+    top: 50%;
+    left: 0;
+    margin-top: -@arrowWidth;
+    border-top: @arrowWidth solid transparent;
+    border-bottom: @arrowWidth solid transparent;
+    border-right: @arrowWidth solid @black;
+  }
+}
diff --git a/static/june_2007_style/bootstrap/modals.less b/static/june_2007_style/bootstrap/modals.less
new file mode 100644
index 00000000000..aa14675edee
--- /dev/null
+++ b/static/june_2007_style/bootstrap/modals.less
@@ -0,0 +1,72 @@
+// MODALS
+// ------
+
+.modal-open {
+  .dropdown-menu {  z-index: @zindexDropdown + @zindexModal; }
+  .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
+  .popover       {  z-index: @zindexPopover  + @zindexModal; }
+  .tooltip       {  z-index: @zindexTooltip  + @zindexModal; }
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: @zindexModalBackdrop;
+  background-color: @black;
+  // Fade for backdrop
+  &.fade { opacity: 0; }
+}
+
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  .opacity(80);
+}
+
+.modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: @zindexModal;
+  max-height: 500px;
+  overflow: auto;
+  width: 560px;
+  margin: -250px 0 0 -280px;
+  background-color: @white;
+  border: 1px solid #999;
+  border: 1px solid rgba(0,0,0,.3);
+  *border: 1px solid #999; /* IE6-7 */
+  .border-radius(6px);
+  .box-shadow(0 3px 7px rgba(0,0,0,0.3));
+  .background-clip(padding-box);
+  &.fade {
+    .transition(e('opacity .3s linear, top .3s ease-out'));
+    top: -25%;
+  }
+  &.fade.in { top: 50%; }
+}
+.modal-header {
+  padding: 9px 15px;
+  border-bottom: 1px solid #eee;
+  // Close icon
+  .close { margin-top: 2px; }
+}
+.modal-body {
+  padding: 15px;
+}
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  .border-radius(0 0 6px 6px);
+  .box-shadow(inset 0 1px 0 @white);
+  .clearfix();
+  .btn {
+    float: right;
+    margin-left: 5px;
+    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+  }
+}
diff --git a/static/june_2007_style/bootstrap/navbar.less b/static/june_2007_style/bootstrap/navbar.less
new file mode 100644
index 00000000000..93c0400b6ef
--- /dev/null
+++ b/static/june_2007_style/bootstrap/navbar.less
@@ -0,0 +1,292 @@
+// NAVBAR (FIXED AND STATIC)
+// -------------------------
+
+
+// COMMON STYLES
+// -------------
+
+.navbar {
+  overflow: visible;
+  margin-bottom: @baseLineHeight;
+}
+
+// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
+.navbar-inner {
+  padding-left:  20px;
+  padding-right: 20px;
+  #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
+  .border-radius(4px);
+  @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
+  .box-shadow(@shadow);
+}
+
+// Navbar button for toggling navbar items in responsive layouts
+.btn-navbar {
+  display: none;
+  float: right;
+  padding: 7px 10px;
+  margin-left: 5px;
+  margin-right: 5px;
+  .buttonBackground(@navbarBackgroundHighlight, @navbarBackground);
+  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
+  .box-shadow(@shadow);
+}
+.btn-navbar .icon-bar {
+  display: block;
+  width: 18px;
+  height: 2px;
+  background-color: #f5f5f5;
+  .border-radius(1px);
+  .box-shadow(0 1px 0 rgba(0,0,0,.25));
+}
+.btn-navbar .icon-bar + .icon-bar {
+  margin-top: 3px;
+}
+// Override the default collapsed state
+.nav-collapse.collapse {
+  height: auto;
+}
+
+
+// Brand, links, text, and buttons
+.navbar {
+  // Hover and active states
+  .brand:hover {
+    text-decoration: none;
+  }
+  // Website or project name
+  .brand {
+    float: left;
+    display: block;
+    padding: 8px 20px 12px;
+    margin-left: -20px; // negative indent to left-align the text down the page
+    font-size: 20px;
+    font-weight: 200;
+    line-height: 1;
+    color: @white;
+  }
+  // Plain text in topbar
+  .navbar-text {
+    margin-bottom: 0;
+    line-height: 40px;
+    color: @navbarText;
+    a:hover {
+      color: @white;
+      background-color: transparent;
+    }
+  }
+  // Buttons in navbar
+  .btn,
+  .btn-group {
+    margin-top: 5px; // make buttons vertically centered in navbar
+  }
+  .btn-group .btn {
+    margin-top: 0;
+  }
+}
+
+// Navbar forms
+.navbar-form {
+  margin-bottom: 0; // remove default bottom margin
+  .clearfix();
+  input,
+  select {
+    display: inline-block;
+    margin-top: 5px;
+    margin-bottom: 0;
+  }
+  .radio,
+  .checkbox {
+    margin-top: 5px;
+  }
+  input[type="image"],
+  input[type="checkbox"],
+  input[type="radio"] {
+    margin-top: 3px;
+  }
+}
+
+// Navbar search
+.navbar-search {
+  position: relative;
+  float: left;
+  margin-top: 6px;
+  margin-bottom: 0;
+  .search-query {
+    padding: 4px 9px;
+    #font > .sans-serif(13px, normal, 1);
+    color: @white;
+    color: rgba(255,255,255,.75);
+    background: #666;
+    background: rgba(255,255,255,.3);
+    border: 1px solid #111;
+    @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15);
+    .box-shadow(@shadow);
+    .transition(none);
+
+    // Placeholder text gets special styles; can't be bundled together though for some reason
+    .placeholder(@grayLighter);
+
+    // Hover states
+    &:hover {
+      color: @white;
+      background-color: @grayLight;
+      background-color: rgba(255,255,255,.5);
+    }
+    // Focus states (we use .focused since IE8 and down doesn't support :focus)
+    &:focus,
+    &.focused {
+      padding: 5px 10px;
+      color: @grayDark;
+      text-shadow: 0 1px 0 @white;
+      background-color: @white;
+      border: 0;
+      .box-shadow(0 0 3px rgba(0,0,0,.15));
+      outline: 0;
+    }
+  }
+}
+
+
+// FIXED NAVBAR
+// ------------
+
+.navbar-fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: @zindexFixedNavbar;
+}
+.navbar-fixed-top .navbar-inner {
+  padding-left:  0;
+  padding-right: 0;
+  .border-radius(0);
+}
+
+
+// NAVIGATION
+// ----------
+
+.navbar .nav {
+  position: relative;
+  left: 0;
+  display: block;
+  float: left;
+  margin: 0 10px 0 0;
+}
+.navbar .nav.pull-right {
+  float: right; // redeclare due to specificity
+}
+.navbar .nav > li {
+  display: block;
+  float: left;
+}
+
+// Links
+.navbar .nav > li > a {
+  float: none;
+  padding: 10px 10px 11px;
+  line-height: 19px;
+  color: @navbarLinkColor;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+}
+// Hover
+.navbar .nav > li > a:hover {
+  background-color: transparent;
+  color: @navbarLinkColorHover;
+  text-decoration: none;
+}
+
+// Active nav items
+.navbar .nav .active > a,
+.navbar .nav .active > a:hover {
+  color: @navbarLinkColorHover;
+  text-decoration: none;
+  background-color: @navbarBackground;
+  background-color: rgba(0,0,0,.5);
+}
+
+// Dividers (basically a vertical hr)
+.navbar .divider-vertical {
+  height: @navbarHeight;
+  width: 1px;
+  margin: 0 9px;
+  overflow: hidden;
+  background-color: @navbarBackground;
+  border-right: 1px solid @navbarBackgroundHighlight;
+}
+
+// Secondary (floated right) nav in topbar
+.navbar .nav.pull-right {
+  margin-left: 10px;
+  margin-right: 0;
+}
+
+
+
+// Dropdown menus
+// --------------
+
+// Menu position and menu carets
+.navbar .dropdown-menu {
+  margin-top: 1px;
+  .border-radius(4px);
+  &:before {
+    content: '';
+    display: inline-block;
+    border-left:   7px solid transparent;
+    border-right:  7px solid transparent;
+    border-bottom: 7px solid #ccc;
+    border-bottom-color: rgba(0,0,0,.2);
+    position: absolute;
+    top: -7px;
+    left: 9px;
+  }
+  &:after {
+    content: '';
+    display: inline-block;
+    border-left:   6px solid transparent;
+    border-right:  6px solid transparent;
+    border-bottom: 6px solid @white;
+    position: absolute;
+    top: -6px;
+    left: 10px;
+  }
+}
+
+// Dropdown toggle caret
+.navbar .nav .dropdown-toggle .caret,
+.navbar .nav .open.dropdown .caret {
+  border-top-color: @white;
+}
+.navbar .nav .active .caret {
+  .opacity(100);
+}
+
+// Remove background color from open dropdown
+.navbar .nav .open > .dropdown-toggle,
+.navbar .nav .active > .dropdown-toggle,
+.navbar .nav .open.active > .dropdown-toggle {
+  background-color: transparent;
+}
+
+// Dropdown link on hover
+.navbar .nav .active > .dropdown-toggle:hover {
+  color: @white;
+}
+
+// Right aligned menus need alt position
+.navbar .nav.pull-right .dropdown-menu {
+  left: auto;
+  right: 0;
+  &:before {
+    left: auto;
+    right: 12px;
+  }
+  &:after {
+    left: auto;
+    right: 13px;
+  }
+}
\ No newline at end of file
diff --git a/static/june_2007_style/bootstrap/navs.less b/static/june_2007_style/bootstrap/navs.less
new file mode 100644
index 00000000000..a29cb712bb8
--- /dev/null
+++ b/static/june_2007_style/bootstrap/navs.less
@@ -0,0 +1,344 @@
+// NAVIGATIONS
+// -----------
+
+
+
+// BASE CLASS
+// ----------
+
+.nav {
+  margin-left: 0;
+  margin-bottom: @baseLineHeight;
+  list-style: none;
+}
+
+// Make links block level
+.nav > li > a {
+  display: block;
+}
+.nav > li > a:hover {
+  text-decoration: none;
+  background-color: @grayLighter;
+}
+
+
+
+// NAV LIST
+// --------
+
+.nav-list {
+  padding-left: 14px;
+  padding-right: 14px;
+  margin-bottom: 0;
+}
+.nav-list > li > a,
+.nav-list .nav-header {
+  display: block;
+  padding: 3px 15px;
+  margin-left:  -15px;
+  margin-right: -15px;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+.nav-list .nav-header {
+  font-size: 11px;
+  font-weight: bold;
+  line-height: @baseLineHeight;
+  color: @grayLight;
+  text-transform: uppercase;
+}
+.nav-list > li + .nav-header {
+  margin-top: 9px;
+}
+.nav-list .active > a,
+.nav-list .active > a:hover {
+  color: @white;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
+  background-color: @linkColor;
+}
+.nav-list [class^="icon-"] {
+  margin-right: 2px;
+}
+
+
+
+// TABS AND PILLS
+// -------------
+
+// Common styles
+.nav-tabs,
+.nav-pills {
+  .clearfix();
+}
+.nav-tabs > li,
+.nav-pills > li {
+  float: left;
+}
+.nav-tabs > li > a,
+.nav-pills > li > a {
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: 2px;
+  line-height: 14px; // keeps the overall height an even number
+}
+
+// TABS
+// ----
+
+// Give the tabs something to sit on
+.nav-tabs {
+  border-bottom: 1px solid #ddd;
+}
+
+// Make the list-items overlay the bottom border
+.nav-tabs > li {
+  margin-bottom: -1px;
+}
+
+// Actual tabs (as links)
+.nav-tabs > li > a {
+  padding-top: 9px;
+  padding-bottom: 9px;
+  border: 1px solid transparent;
+  .border-radius(4px 4px 0 0);
+  &:hover {
+    border-color: @grayLighter @grayLighter #ddd;
+  }
+}
+// Active state, and it's :hover to override normal :hover
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover {
+  color: @gray;
+  background-color: @white;
+  border: 1px solid #ddd;
+  border-bottom-color: transparent;
+  cursor: default;
+}
+
+// PILLS
+// -----
+
+// Links rendered as pills
+.nav-pills > li > a {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  .border-radius(5px);
+}
+
+// Active state
+.nav-pills .active > a,
+.nav-pills .active > a:hover {
+  color: @white;
+  background-color: @linkColor;
+}
+
+
+
+// STACKED NAV
+// -----------
+
+// Stacked tabs and pills
+.nav-stacked > li {
+  float: none;
+}
+.nav-stacked > li > a {
+  margin-right: 0; // no need for the gap between nav items
+}
+
+// Tabs
+.nav-tabs.nav-stacked {
+  border-bottom: 0;
+}
+.nav-tabs.nav-stacked > li > a {
+  border: 1px solid #ddd;
+  .border-radius(0);
+}
+.nav-tabs.nav-stacked > li:first-child > a {
+  .border-radius(4px 4px 0 0);
+}
+.nav-tabs.nav-stacked > li:last-child > a {
+  .border-radius(0 0 4px 4px);
+}
+.nav-tabs.nav-stacked > li > a:hover {
+  border-color: #ddd;
+  z-index: 2;
+}
+
+// Pills
+.nav-pills.nav-stacked > li > a {
+  margin-bottom: 3px;
+}
+.nav-pills.nav-stacked > li:last-child > a {
+  margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
+}
+
+
+
+// DROPDOWNS
+// ---------
+
+// Position the menu
+.nav-tabs .dropdown-menu,
+.nav-pills .dropdown-menu {
+  margin-top: 1px;
+  border-width: 1px;
+}
+.nav-pills .dropdown-menu {
+  .border-radius(4px);
+}
+
+// Default dropdown links
+// -------------------------
+// Make carets use linkColor to start
+.nav-tabs .dropdown-toggle .caret,
+.nav-pills .dropdown-toggle .caret {
+  border-top-color: @linkColor;
+  margin-top: 6px;
+}
+.nav-tabs .dropdown-toggle:hover .caret,
+.nav-pills .dropdown-toggle:hover .caret {
+  border-top-color: @linkColorHover;
+}
+
+// Active dropdown links
+// -------------------------
+.nav-tabs .active .dropdown-toggle .caret,
+.nav-pills .active .dropdown-toggle .caret {
+  border-top-color: @grayDark;
+}
+
+// Active:hover dropdown links
+// -------------------------
+.nav > .dropdown.active > a:hover {
+  color: @black;
+  cursor: pointer;
+}
+
+// Open dropdowns
+// -------------------------
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > .open.active > a:hover {
+  color: @white;
+  background-color: @grayLight;
+  border-color: @grayLight;
+}
+.nav .open .caret,
+.nav .open.active .caret,
+.nav .open a:hover .caret {
+  border-top-color: @white;
+  .opacity(100);
+}
+
+// Dropdowns in stacked tabs
+.tabs-stacked .open > a:hover {
+  border-color: @grayLight;
+}
+
+
+
+// TABBABLE
+// --------
+
+
+// COMMON STYLES
+// -------------
+
+// Clear any floats
+.tabbable {
+  .clearfix();
+}
+
+// Remove border on bottom, left, right
+.tabs-below .nav-tabs,
+.tabs-right .nav-tabs,
+.tabs-left .nav-tabs {
+  border-bottom: 0;
+}
+
+// Show/hide tabbable areas
+.tab-content > .tab-pane,
+.pill-content > .pill-pane {
+  display: none;
+}
+.tab-content > .active,
+.pill-content > .active {
+  display: block;
+}
+
+
+// BOTTOM
+// ------
+
+.tabs-below .nav-tabs {
+  border-top: 1px solid #ddd;
+}
+.tabs-below .nav-tabs > li {
+  margin-top: -1px;
+  margin-bottom: 0;
+}
+.tabs-below .nav-tabs > li > a {
+  .border-radius(0 0 4px 4px);
+  &:hover {
+    border-bottom-color: transparent;
+    border-top-color: #ddd;
+  }
+}
+.tabs-below .nav-tabs .active > a,
+.tabs-below .nav-tabs .active > a:hover {
+  border-color: transparent #ddd #ddd #ddd;
+}
+
+// LEFT & RIGHT
+// ------------
+
+// Common styles
+.tabs-left .nav-tabs > li,
+.tabs-right .nav-tabs > li {
+  float: none;
+}
+.tabs-left .nav-tabs > li > a,
+.tabs-right .nav-tabs > li > a {
+  min-width: 74px;
+  margin-right: 0;
+  margin-bottom: 3px;
+}
+
+// Tabs on the left
+.tabs-left .nav-tabs {
+  float: left;
+  margin-right: 19px;
+  border-right: 1px solid #ddd;
+}
+.tabs-left .nav-tabs > li > a {
+  margin-right: -1px;
+  .border-radius(4px 0 0 4px);
+}
+.tabs-left .nav-tabs > li > a:hover {
+  border-color: @grayLighter #ddd @grayLighter @grayLighter;
+}
+.tabs-left .nav-tabs .active > a,
+.tabs-left .nav-tabs .active > a:hover {
+  border-color: #ddd transparent #ddd #ddd;
+  *border-right-color: @white;
+}
+
+// Tabs on the right
+.tabs-right .nav-tabs {
+  float: right;
+  margin-left: 19px;
+  border-left: 1px solid #ddd;
+}
+.tabs-right .nav-tabs > li > a {
+  margin-left: -1px;
+  .border-radius(0 4px 4px 0);
+}
+.tabs-right .nav-tabs > li > a:hover {
+  border-color: @grayLighter @grayLighter @grayLighter #ddd;
+}
+.tabs-right .nav-tabs .active > a,
+.tabs-right .nav-tabs .active > a:hover {
+  border-color: #ddd #ddd #ddd transparent;
+  *border-left-color: @white;
+}
diff --git a/static/june_2007_style/bootstrap/pager.less b/static/june_2007_style/bootstrap/pager.less
new file mode 100644
index 00000000000..104e41cab01
--- /dev/null
+++ b/static/june_2007_style/bootstrap/pager.less
@@ -0,0 +1,30 @@
+// PAGER
+// -----
+
+.pager {
+  margin-left: 0;
+  margin-bottom: @baseLineHeight;
+  list-style: none;
+  text-align: center;
+  .clearfix();
+}
+.pager li {
+  display: inline;
+}
+.pager a {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  .border-radius(15px);
+}
+.pager a:hover {
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+.pager .next a {
+  float: right;
+}
+.pager .previous a {
+  float: left;
+}
diff --git a/static/june_2007_style/bootstrap/pagination.less b/static/june_2007_style/bootstrap/pagination.less
new file mode 100644
index 00000000000..de578075944
--- /dev/null
+++ b/static/june_2007_style/bootstrap/pagination.less
@@ -0,0 +1,55 @@
+// PAGINATION
+// ----------
+
+.pagination {
+  height: @baseLineHeight * 2;
+  margin: @baseLineHeight 0;
+ }
+.pagination ul {
+  display: inline-block;
+  .ie7-inline-block();
+  margin-left: 0;
+  margin-bottom: 0;
+  .border-radius(3px);
+  .box-shadow(0 1px 2px rgba(0,0,0,.05));
+}
+.pagination li {
+    display: inline;
+  }
+.pagination a {
+  float: left;
+  padding: 0 14px;
+  line-height: (@baseLineHeight * 2) - 2;
+  text-decoration: none;
+  border: 1px solid #ddd;
+  border-left-width: 0;
+}
+.pagination a:hover,
+.pagination .active a {
+  background-color: #f5f5f5;
+}
+.pagination .active a {
+  color: @grayLight;
+  cursor: default;
+}
+.pagination .disabled a,
+.pagination .disabled a:hover {
+  color: @grayLight;
+  background-color: transparent;
+  cursor: default;
+}
+.pagination li:first-child a {
+  border-left-width: 1px;
+  .border-radius(3px 0 0 3px);
+}
+.pagination li:last-child a {
+  .border-radius(0 3px 3px 0);
+}
+
+// Centered
+.pagination-centered {
+  text-align: center;
+}
+.pagination-right {
+  text-align: right;
+}
diff --git a/static/june_2007_style/bootstrap/popovers.less b/static/june_2007_style/bootstrap/popovers.less
new file mode 100644
index 00000000000..558d99ec999
--- /dev/null
+++ b/static/june_2007_style/bootstrap/popovers.less
@@ -0,0 +1,49 @@
+// POPOVERS
+// --------
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: @zindexPopover;
+  display: none;
+  padding: 5px;
+  &.top    { margin-top:  -5px; }
+  &.right  { margin-left:  5px; }
+  &.bottom { margin-top:   5px; }
+  &.left   { margin-left: -5px; }
+  &.top .arrow    { #popoverArrow > .top(); }
+  &.right .arrow  { #popoverArrow > .right(); }
+  &.bottom .arrow { #popoverArrow > .bottom(); }
+  &.left .arrow   { #popoverArrow > .left();  }
+  .arrow {
+    position: absolute;
+    width: 0;
+    height: 0;
+  }
+}
+.popover-inner {
+  padding: 3px;
+  width: 280px;
+  overflow: hidden;
+  background: @black; // has to be full background declaration for IE fallback
+  background: rgba(0,0,0,.8);
+  .border-radius(6px);
+  .box-shadow(0 3px 7px rgba(0,0,0,0.3));
+}
+.popover-title {
+  padding: 9px 15px;
+  line-height: 1;
+  background-color: #f5f5f5;
+  border-bottom:1px solid #eee;
+  .border-radius(3px 3px 0 0);
+}
+.popover-content {
+  padding: 14px;
+  background-color: @white;
+  .border-radius(0 0 3px 3px);
+  .background-clip(padding-box);
+  p, ul, ol {
+    margin-bottom: 0;
+  }
+}
diff --git a/static/june_2007_style/bootstrap/progress-bars.less b/static/june_2007_style/bootstrap/progress-bars.less
new file mode 100644
index 00000000000..c3144e1bd74
--- /dev/null
+++ b/static/june_2007_style/bootstrap/progress-bars.less
@@ -0,0 +1,95 @@
+// PROGRESS BARS
+// -------------
+
+
+// ANIMATIONS
+// ----------
+
+// Webkit
+@-webkit-keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+// Firefox
+@-moz-keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+// Spec
+@keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+
+
+// THE BARS
+// --------
+
+// Outer container
+.progress {
+  overflow: hidden;
+  height: 18px;
+  margin-bottom: 18px;
+  #gradient > .vertical(#f5f5f5, #f9f9f9);
+  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
+  .border-radius(4px);
+}
+
+// Bar of progress
+.progress .bar {
+  width: 0%;
+  height: 18px;
+  color: @white;
+  font-size: 12px;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  #gradient > .vertical(#149bdf, #0480be);
+  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+  .box-sizing(border-box);
+  .transition(width .6s ease);
+}
+
+// Striped bars
+.progress-striped .bar {
+  #gradient > .striped(#62c462);
+  .background-size(40px 40px);
+}
+
+// Call animation for the active one
+.progress.active .bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+     -moz-animation: progress-bar-stripes 2s linear infinite;
+          animation: progress-bar-stripes 2s linear infinite;
+}
+
+
+
+// COLORS
+// ------
+
+// Danger (red)
+.progress-danger .bar {
+  #gradient > .vertical(#ee5f5b, #c43c35);
+}
+.progress-danger.progress-striped .bar {
+  #gradient > .striped(#ee5f5b);
+}
+
+// Success (green)
+.progress-success .bar {
+  #gradient > .vertical(#62c462, #57a957);
+}
+.progress-success.progress-striped .bar {
+  #gradient > .striped(#62c462);
+}
+
+// Info (teal)
+.progress-info .bar {
+  #gradient > .vertical(#5bc0de, #339bb9);
+}
+.progress-info.progress-striped .bar {
+  #gradient > .striped(#5bc0de);
+}
diff --git a/static/june_2007_style/bootstrap/reset.less b/static/june_2007_style/bootstrap/reset.less
new file mode 100644
index 00000000000..28d8eb60ca4
--- /dev/null
+++ b/static/june_2007_style/bootstrap/reset.less
@@ -0,0 +1,126 @@
+// Reset.less
+// Adapted from Normalize.css http://github.com/necolas/normalize.css
+// ------------------------------------------------------------------------
+
+// Display in IE6-9 and FF3
+// -------------------------
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+
+// Display block in IE6-9 and FF3
+// -------------------------
+
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+// Prevents modern browsers from displaying 'audio' without controls
+// -------------------------
+
+audio:not([controls]) {
+    display: none;
+}
+
+// Base settings
+// -------------------------
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+// Focus states
+a:focus {
+  .tab-focus();
+}
+// Hover & Active
+a:hover,
+a:active {
+  outline: 0;
+}
+
+// Prevents sub and sup affecting line-height in all browsers
+// -------------------------
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+
+// Img border in a's and image quality
+// -------------------------
+
+img {
+  max-width: 100%;
+  height: auto;
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+
+// Forms
+// -------------------------
+
+// Font size in all browsers, margin changes, misc consistency
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+button,
+input {
+  *overflow: visible; // Inner spacing ie IE6/7
+  line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
+  padding: 0;
+  border: 0;
+}
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer; // Cursors on all buttons applied consistently
+  -webkit-appearance: button; // Style clicable inputs in iOS
+}
+input[type="search"] { // Appearance in Safari/Chrome
+  -webkit-appearance: textfield;
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
+}
+textarea {
+  overflow: auto; // Remove vertical scrollbar in IE6-9
+  vertical-align: top; // Readability and alignment cross-browser
+}
diff --git a/static/june_2007_style/bootstrap/responsive.less b/static/june_2007_style/bootstrap/responsive.less
new file mode 100644
index 00000000000..7d494a35765
--- /dev/null
+++ b/static/june_2007_style/bootstrap/responsive.less
@@ -0,0 +1,323 @@
+/*!
+ * Bootstrap Responsive v2.0.0
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+
+// Responsive.less
+// For phone and tablet devices
+// -------------------------------------------------------------
+
+
+// REPEAT VARIABLES & MIXINS
+// -------------------------
+// Required since we compile the responsive stuff separately
+
+@import "variables.less"; // Modify this for custom colors, font-sizes, etc
+@import "mixins.less";
+
+
+// RESPONSIVE CLASSES
+// ------------------
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px) {
+
+  // Smooth out the collapsing/expanding nav
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0); // activate the GPU
+  }
+
+  // Block level the page header small tag for readability
+  .page-header h1 small {
+    display: block;
+    line-height: @baseLineHeight;
+  }
+
+  // Make span* classes full width
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    height: 28px; /* Make inputs at least the height of their button counterpart */
+    /* Makes inputs behave like true block-level elements */
+    -webkit-box-sizing: border-box; /* Older Webkit */
+       -moz-box-sizing: border-box; /* Older FF */
+        -ms-box-sizing: border-box; /* IE8 */
+            box-sizing: border-box; /* CSS3 spec*/
+  }
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    width: auto;
+  }
+
+  // Update checkboxes for iOS
+  input[type="checkbox"],
+  input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+
+  // Remove the horizontal form styles
+  .form-horizontal .control-group > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  // Move over all input controls and content
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  // Move the options list down to align with labels
+  .form-horizontal .control-list {
+    padding-top: 0; // has to be padding because margin collaspes
+  }
+  // Move over buttons in .form-actions to align with .controls
+  .form-horizontal .form-actions {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  // Modals
+  .modal {
+    position: absolute;
+    top:   10px;
+    left:  10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+    &.fade.in { top: auto; }
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+
+  // Carousel
+  .carousel-caption {
+    position: static;
+  }
+
+}
+
+
+
+// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
+// --------------------------------------------------
+
+@media (max-width: 768px) {
+  // GRID & CONTAINERS
+  // -----------------
+  // Remove width from containers
+  .container {
+    width: auto;
+    padding: 0 20px;
+  }
+  // Fluid rows
+  .row-fluid {
+    width: 100%;
+  }
+  // Undo negative margin on rows
+  .row {
+    margin-left: 0;
+  }
+  // Make all columns even
+  .row > [class*="span"],
+  .row-fluid > [class*="span"] {
+    float: none;
+    display: block;
+    width: auto;
+    margin: 0;
+  }
+}
+
+
+
+// PORTRAIT TABLET TO DEFAULT DESKTOP
+// ----------------------------------
+
+@media (min-width: 768px) and (max-width: 980px) {
+
+  // Fixed grid
+  #gridSystem > .generate(12, 42px, 20px);
+
+  // Fluid grid
+  #fluidGridSystem > .generate(12, 5.801104972%, 2.762430939%);
+
+  // Input grid
+  #inputGridSystem > .generate(12, 42px, 20px);
+
+}
+
+
+
+// TABLETS AND BELOW
+// -----------------
+@media (max-width: 980px) {
+
+  // UNFIX THE TOPBAR
+  // ----------------
+  // Remove any padding from the body
+  body {
+    padding-top: 0;
+  }
+  // Unfix the navbar
+  .navbar-fixed-top {
+    position: static;
+    margin-bottom: @baseLineHeight;
+  }
+  .navbar-fixed-top .navbar-inner {
+    padding: 5px;
+  }
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+  // Account for brand name
+  .navbar .brand {
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0 0 0 -5px;
+  }
+  // Nav collapse clears brand
+  .navbar .nav-collapse {
+    clear: left;
+  }
+  // Block-level the nav
+  .navbar .nav {
+    float: none;
+    margin: 0 0 (@baseLineHeight / 2);
+  }
+  .navbar .nav > li {
+    float: none;
+  }
+  .navbar .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > .divider-vertical {
+    display: none;
+  }
+  // Nav and dropdown links in navbar
+  .navbar .nav > li > a,
+  .navbar .dropdown-menu a {
+    padding: 6px 15px;
+    font-weight: bold;
+    color: @navbarLinkColor;
+    .border-radius(3px);
+  }
+  .navbar .dropdown-menu li + li a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > li > a:hover,
+  .navbar .dropdown-menu a:hover {
+    background-color: @navbarBackground;
+  }
+  // Dropdowns in the navbar
+  .navbar .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    float: none;
+    display: block;
+    max-width: none;
+    margin: 0 15px;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    .border-radius(0);
+    .box-shadow(none);
+  }
+  .navbar .dropdown-menu:before,
+  .navbar .dropdown-menu:after {
+    display: none;
+  }
+  .navbar .dropdown-menu .divider {
+    display: none;
+  }
+  // Forms in navbar
+  .navbar-form,
+  .navbar-search {
+    float: none;
+    padding: (@baseLineHeight / 2) 15px;
+    margin: (@baseLineHeight / 2) 0;
+    border-top: 1px solid @navbarBackground;
+    border-bottom: 1px solid @navbarBackground;
+    @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+    .box-shadow(@shadow);
+  }
+  // Pull right (secondary) nav content
+  .navbar .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  // Static navbar
+  .navbar-static .navbar-inner {
+    padding-left:  10px;
+    padding-right: 10px;
+  }
+  // Navbar button
+  .btn-navbar {
+    display: block;
+  }
+
+  // Hide everything in the navbar save .brand and toggle button */
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
+}
+
+
+
+// DEFAULT DESKTOP
+// ---------------
+
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+  }
+}
+
+
+
+// LARGE DESKTOP & UP
+// ------------------
+
+@media (min-width: 1200px) {
+
+  // Fixed grid
+  #gridSystem > .generate(12, 70px, 30px);
+
+  // Fluid grid
+  #fluidGridSystem > .generate(12, 5.982905983%, 2.564102564%);
+
+  // Input grid
+  #inputGridSystem > .generate(12, 70px, 30px);
+
+  // Thumbnails
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+
+}
diff --git a/static/june_2007_style/bootstrap/scaffolding.less b/static/june_2007_style/bootstrap/scaffolding.less
new file mode 100644
index 00000000000..47ce53818b6
--- /dev/null
+++ b/static/june_2007_style/bootstrap/scaffolding.less
@@ -0,0 +1,29 @@
+// Scaffolding
+// Basic and global styles for generating a grid system, structural layout, and page templates
+// -------------------------------------------------------------------------------------------
+
+
+// STRUCTURAL LAYOUT
+// -----------------
+
+body {
+  margin: 0;
+  font-family: @baseFontFamily;
+  font-size: @baseFontSize;
+  line-height: @baseLineHeight;
+  color: @textColor;
+  background-color: @white;
+}
+
+
+// LINKS
+// -----
+
+a {
+  color: @linkColor;
+  text-decoration: none;
+}
+a:hover {
+  color: @linkColorHover;
+  text-decoration: underline;
+}
diff --git a/static/june_2007_style/bootstrap/sprites.less b/static/june_2007_style/bootstrap/sprites.less
new file mode 100644
index 00000000000..a56216c71c6
--- /dev/null
+++ b/static/june_2007_style/bootstrap/sprites.less
@@ -0,0 +1,156 @@
+// SPRITES
+// Glyphs and icons for buttons, nav, and more
+// -------------------------------------------
+
+
+// ICONS
+// -----
+
+// All icons receive the styles of the  tag with a base class 
+// of .i and are then given a unique class to add width, height, 
+// and background-position. Your resulting HTML will look like
+// .
+
+// For the white version of the  icons, just add the .icon-white class:
+// 
+
+[class^="icon-"] {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  vertical-align: text-top;
+  background-image: url(../img/glyphicons-halflings.png);
+  background-position: 14px 14px;
+  background-repeat: no-repeat;
+
+  .ie7-restore-right-whitespace();
+}
+.icon-white {
+  background-image: url(../img/glyphicons-halflings-white.png);
+}
+
+.icon-glass              { background-position: 0      0; }
+.icon-music              { background-position: -24px  0; }
+.icon-search             { background-position: -48px  0; }
+.icon-envelope           { background-position: -72px  0; }
+.icon-heart              { background-position: -96px  0; }
+.icon-star               { background-position: -120px 0; }
+.icon-star-empty         { background-position: -144px 0; }
+.icon-user               { background-position: -168px 0; }
+.icon-film               { background-position: -192px 0; }
+.icon-th-large           { background-position: -216px 0; }
+.icon-th                 { background-position: -240px 0; }
+.icon-th-list            { background-position: -264px 0; }
+.icon-ok                 { background-position: -288px 0; }
+.icon-remove             { background-position: -312px 0; }
+.icon-zoom-in            { background-position: -336px 0; }
+.icon-zoom-out           { background-position: -360px 0; }
+.icon-off                { background-position: -384px 0; }
+.icon-signal             { background-position: -408px 0; }
+.icon-cog                { background-position: -432px 0; }
+.icon-trash              { background-position: -456px 0; }
+
+.icon-home               { background-position: 0      -24px; }
+.icon-file               { background-position: -24px  -24px; }
+.icon-time               { background-position: -48px  -24px; }
+.icon-road               { background-position: -72px  -24px; }
+.icon-download-alt       { background-position: -96px  -24px; }
+.icon-download           { background-position: -120px -24px; }
+.icon-upload             { background-position: -144px -24px; }
+.icon-inbox              { background-position: -168px -24px; }
+.icon-play-circle        { background-position: -192px -24px; }
+.icon-repeat             { background-position: -216px -24px; }
+.icon-refresh            { background-position: -240px -24px; }
+.icon-list-alt           { background-position: -264px -24px; }
+.icon-lock               { background-position: -287px -24px; } // 1px off
+.icon-flag               { background-position: -312px -24px; }
+.icon-headphones         { background-position: -336px -24px; }
+.icon-volume-off         { background-position: -360px -24px; }
+.icon-volume-down        { background-position: -384px -24px; }
+.icon-volume-up          { background-position: -408px -24px; }
+.icon-qrcode             { background-position: -432px -24px; }
+.icon-barcode            { background-position: -456px -24px; }
+
+.icon-tag                { background-position: 0      -48px; }
+.icon-tags               { background-position: -25px  -48px; } // 1px off
+.icon-book               { background-position: -48px  -48px; }
+.icon-bookmark           { background-position: -72px  -48px; }
+.icon-print              { background-position: -96px  -48px; }
+.icon-camera             { background-position: -120px -48px; }
+.icon-font               { background-position: -144px -48px; }
+.icon-bold               { background-position: -167px -48px; } // 1px off
+.icon-italic             { background-position: -192px -48px; }
+.icon-text-height        { background-position: -216px -48px; }
+.icon-text-width         { background-position: -240px -48px; }
+.icon-align-left         { background-position: -264px -48px; }
+.icon-align-center       { background-position: -288px -48px; }
+.icon-align-right        { background-position: -312px -48px; }
+.icon-align-justify      { background-position: -336px -48px; }
+.icon-list               { background-position: -360px -48px; }
+.icon-indent-left        { background-position: -384px -48px; }
+.icon-indent-right       { background-position: -408px -48px; }
+.icon-facetime-video     { background-position: -432px -48px; }
+.icon-picture            { background-position: -456px -48px; }
+
+.icon-pencil             { background-position: 0      -72px; }
+.icon-map-marker         { background-position: -24px  -72px; }
+.icon-adjust             { background-position: -48px  -72px; }
+.icon-tint               { background-position: -72px  -72px; }
+.icon-edit               { background-position: -96px  -72px; }
+.icon-share              { background-position: -120px -72px; }
+.icon-check              { background-position: -144px -72px; }
+.icon-move               { background-position: -168px -72px; }
+.icon-step-backward      { background-position: -192px -72px; }
+.icon-fast-backward      { background-position: -216px -72px; }
+.icon-backward           { background-position: -240px -72px; }
+.icon-play               { background-position: -264px -72px; }
+.icon-pause              { background-position: -288px -72px; }
+.icon-stop               { background-position: -312px -72px; }
+.icon-forward            { background-position: -336px -72px; }
+.icon-fast-forward       { background-position: -360px -72px; }
+.icon-step-forward       { background-position: -384px -72px; }
+.icon-eject              { background-position: -408px -72px; }
+.icon-chevron-left       { background-position: -432px -72px; }
+.icon-chevron-right      { background-position: -456px -72px; }
+
+.icon-plus-sign          { background-position: 0      -96px; }
+.icon-minus-sign         { background-position: -24px  -96px; }
+.icon-remove-sign        { background-position: -48px  -96px; }
+.icon-ok-sign            { background-position: -72px  -96px; }
+.icon-question-sign      { background-position: -96px  -96px; }
+.icon-info-sign          { background-position: -120px -96px; }
+.icon-screenshot         { background-position: -144px -96px; }
+.icon-remove-circle      { background-position: -168px -96px; }
+.icon-ok-circle          { background-position: -192px -96px; }
+.icon-ban-circle         { background-position: -216px -96px; }
+.icon-arrow-left         { background-position: -240px -96px; }
+.icon-arrow-right        { background-position: -264px -96px; }
+.icon-arrow-up           { background-position: -289px -96px; } // 1px off
+.icon-arrow-down         { background-position: -312px -96px; }
+.icon-share-alt          { background-position: -336px -96px; }
+.icon-resize-full        { background-position: -360px -96px; }
+.icon-resize-small       { background-position: -384px -96px; }
+.icon-plus               { background-position: -408px -96px; }
+.icon-minus              { background-position: -433px -96px; }
+.icon-asterisk           { background-position: -456px -96px; }
+
+.icon-exclamation-sign   { background-position: 0      -120px; }
+.icon-gift               { background-position: -24px  -120px; }
+.icon-leaf               { background-position: -48px  -120px; }
+.icon-fire               { background-position: -72px  -120px; }
+.icon-eye-open           { background-position: -96px  -120px; }
+.icon-eye-close          { background-position: -120px -120px; }
+.icon-warning-sign       { background-position: -144px -120px; }
+.icon-plane              { background-position: -168px -120px; }
+.icon-calendar           { background-position: -192px -120px; }
+.icon-random             { background-position: -216px -120px; }
+.icon-comment            { background-position: -240px -120px; }
+.icon-magnet             { background-position: -264px -120px; }
+.icon-chevron-up         { background-position: -288px -120px; }
+.icon-chevron-down       { background-position: -313px -119px; } // 1px off
+.icon-retweet            { background-position: -336px -120px; }
+.icon-shopping-cart      { background-position: -360px -120px; }
+.icon-folder-close       { background-position: -384px -120px; }
+.icon-folder-open        { background-position: -408px -120px; }
+.icon-resize-vertical    { background-position: -432px -119px; }
+.icon-resize-horizontal  { background-position: -456px -118px; }
diff --git a/static/june_2007_style/bootstrap/tables.less b/static/june_2007_style/bootstrap/tables.less
new file mode 100644
index 00000000000..c069ed58862
--- /dev/null
+++ b/static/june_2007_style/bootstrap/tables.less
@@ -0,0 +1,139 @@
+//
+// Tables.less
+// Tables for, you guessed it, tabular data
+// ----------------------------------------
+
+
+// BASE TABLES
+// -----------------
+
+table {
+  max-width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+// BASELINE STYLES
+// ---------------
+
+.table {
+  width: 100%;
+  margin-bottom: @baseLineHeight;
+  // Cells
+  th,
+  td {
+    padding: 8px;
+    line-height: @baseLineHeight;
+    text-align: left;
+    border-top: 1px solid #ddd;
+  }
+  th {
+    font-weight: bold;
+    vertical-align: bottom;
+  }
+  td {
+    vertical-align: top;
+  }
+  // Remove top border from thead by default
+  thead:first-child tr th,
+  thead:first-child tr td {
+    border-top: 0;
+  }
+  // Account for multiple tbody instances
+  tbody + tbody {
+    border-top: 2px solid #ddd;
+  }
+}
+
+
+
+// CONDENSED TABLE W/ HALF PADDING
+// -------------------------------
+
+.table-condensed {
+  th,
+  td {
+    padding: 4px 5px;
+  }
+}
+
+
+// BORDERED VERSION
+// ----------------
+
+.table-bordered {
+  border: 1px solid #ddd;
+  border-collapse: separate; // Done so we can round those corners!
+  *border-collapse: collapsed; // IE7 can't round corners anyway
+  .border-radius(4px);
+  th + th,
+  td + td,
+  th + td,
+  td + th {
+    border-left: 1px solid #ddd;
+  }
+  // Prevent a double border
+  thead:first-child tr:first-child th,
+  tbody:first-child tr:first-child th,
+  tbody:first-child tr:first-child td {
+    border-top: 0;
+  }
+  // For first th or td in the first row in the first thead or tbody
+  thead:first-child tr:first-child th:first-child,
+  tbody:first-child tr:first-child td:first-child {
+    .border-radius(4px 0 0 0);
+  }
+  thead:first-child tr:first-child th:last-child,
+  tbody:first-child tr:first-child td:last-child {
+    .border-radius(0 4px 0 0);
+  }
+  // For first th or td in the first row in the first thead or tbody
+  thead:last-child tr:last-child th:first-child,
+  tbody:last-child tr:last-child td:first-child {
+    .border-radius(0 0 0 4px);
+  }
+  thead:last-child tr:last-child th:last-child,
+  tbody:last-child tr:last-child td:last-child {
+    .border-radius(0 0 4px 0);
+  }
+}
+
+
+// ZEBRA-STRIPING
+// --------------
+
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+.table-striped {
+  tbody {
+    tr:nth-child(odd) td,
+    tr:nth-child(odd) th {
+      background-color: #f9f9f9;
+    }
+  }
+}
+
+
+
+// TABLE CELL SIZING
+// -----------------
+
+// Change the columns
+.tableColumns(@columnSpan: 1) {
+  float: none;
+  width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
+  margin-left: 0;
+}
+table {
+  .span1     { .tableColumns(1); }
+  .span2     { .tableColumns(2); }
+  .span3     { .tableColumns(3); }
+  .span4     { .tableColumns(4); }
+  .span5     { .tableColumns(5); }
+  .span6     { .tableColumns(6); }
+  .span7     { .tableColumns(7); }
+  .span8     { .tableColumns(8); }
+  .span9     { .tableColumns(9); }
+  .span10    { .tableColumns(10); }
+  .span11    { .tableColumns(11); }
+  .span12    { .tableColumns(12); }
+}
diff --git a/static/june_2007_style/bootstrap/thumbnails.less b/static/june_2007_style/bootstrap/thumbnails.less
new file mode 100644
index 00000000000..541fbd6a746
--- /dev/null
+++ b/static/june_2007_style/bootstrap/thumbnails.less
@@ -0,0 +1,35 @@
+// THUMBNAILS
+// ----------
+
+.thumbnails {
+  margin-left: -20px;
+  list-style: none;
+  .clearfix();
+}
+.thumbnails > li {
+  float: left;
+  margin: 0 0 @baseLineHeight 20px;
+}
+.thumbnail {
+  display: block;
+  padding: 4px;
+  line-height: 1;
+  border: 1px solid #ddd;
+  .border-radius(4px);
+  .box-shadow(0 1px 1px rgba(0,0,0,.075));
+}
+// Add a hover state for linked versions only
+a.thumbnail:hover {
+  border-color: @linkColor;
+  .box-shadow(0 1px 4px rgba(0,105,214,.25));
+}
+// Images and captions
+.thumbnail > img {
+  display: block;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.thumbnail .caption {
+  padding: 9px;
+}
diff --git a/static/june_2007_style/bootstrap/tooltip.less b/static/june_2007_style/bootstrap/tooltip.less
new file mode 100644
index 00000000000..5111a193f03
--- /dev/null
+++ b/static/june_2007_style/bootstrap/tooltip.less
@@ -0,0 +1,35 @@
+// TOOLTIP
+// ------=
+
+.tooltip {
+  position: absolute;
+  z-index: @zindexTooltip;
+  display: block;
+  visibility: visible;
+  padding: 5px;
+  font-size: 11px;
+  .opacity(0);
+  &.in     { .opacity(80); }
+  &.top    { margin-top:  -2px; }
+  &.right  { margin-left:  2px; }
+  &.bottom { margin-top:   2px; }
+  &.left   { margin-left: -2px; }
+  &.top .tooltip-arrow    { #popoverArrow > .top(); }
+  &.left .tooltip-arrow   { #popoverArrow > .left(); }
+  &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
+  &.right .tooltip-arrow  { #popoverArrow > .right(); }
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: @white;
+  text-align: center;
+  text-decoration: none;
+  background-color: @black;
+  .border-radius(4px);
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+}
diff --git a/static/june_2007_style/bootstrap/type.less b/static/june_2007_style/bootstrap/type.less
new file mode 100644
index 00000000000..7841bb0906a
--- /dev/null
+++ b/static/june_2007_style/bootstrap/type.less
@@ -0,0 +1,217 @@
+// Typography.less
+// Headings, body text, lists, code, and more for a versatile and durable typography system
+// ----------------------------------------------------------------------------------------
+
+
+// BODY TEXT
+// ---------
+
+p {
+  margin: 0 0 @baseLineHeight / 2;
+  font-family: @baseFontFamily;
+  font-size: @baseFontSize;
+  line-height: @baseLineHeight;
+  small {
+    font-size: @baseFontSize - 2;
+    color: @grayLight;
+  }
+}
+.lead {
+  margin-bottom: @baseLineHeight;
+  font-size: 20px;
+  font-weight: 200;
+  line-height: @baseLineHeight * 1.5;
+}
+
+// HEADINGS
+// --------
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  font-weight: bold;
+  color: @grayDark;
+  text-rendering: optimizelegibility; // Fix the character spacing for headings
+  small {
+    font-weight: normal;
+    color: @grayLight;
+  }
+}
+h1 {
+  font-size: 30px;
+  line-height: @baseLineHeight * 2;
+  small {
+    font-size: 18px;
+  }
+}
+h2 {
+  font-size: 24px;
+  line-height: @baseLineHeight * 2;
+  small {
+    font-size: 18px;
+  }
+}
+h3 {
+  line-height: @baseLineHeight * 1.5;
+  font-size: 18px;
+  small {
+    font-size: 14px;
+  }
+}
+h4, h5, h6 {
+  line-height: @baseLineHeight;
+}
+h4 {
+  font-size: 14px;
+  small {
+    font-size: 12px;
+  }
+}
+h5 {
+  font-size: 12px;
+}
+h6 {
+  font-size: 11px;
+  color: @grayLight;
+  text-transform: uppercase;
+}
+
+// Page header
+.page-header {
+  padding-bottom: @baseLineHeight - 1;
+  margin: @baseLineHeight 0;
+  border-bottom: 1px solid @grayLighter;
+}
+.page-header h1 {
+  line-height: 1;
+}
+
+
+
+// LISTS
+// -----
+
+// Unordered and Ordered lists
+ul, ol {
+  padding: 0;
+  margin: 0 0 @baseLineHeight / 2 25px;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin-bottom: 0;
+}
+ul {
+  list-style: disc;
+}
+ol {
+  list-style: decimal;
+}
+li {
+  line-height: @baseLineHeight;
+}
+ul.unstyled {
+  margin-left: 0;
+  list-style: none;
+}
+
+// Description Lists
+dl {
+  margin-bottom: @baseLineHeight;
+}
+dt,
+dd {
+  line-height: @baseLineHeight;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: @baseLineHeight / 2;
+}
+
+// MISC
+// ----
+
+// Horizontal rules
+hr {
+  margin: @baseLineHeight 0;
+  border: 0;
+  border-top: 1px solid #e5e5e5;
+  border-bottom: 1px solid @white;
+}
+
+// Emphasis
+strong {
+  font-weight: bold;
+}
+em {
+  font-style: italic;
+}
+.muted {
+  color: @grayLight;
+}
+
+// Abbreviations and acronyms
+abbr {
+  font-size: 90%;
+  text-transform: uppercase;
+  border-bottom: 1px dotted #ddd;
+  cursor: help;
+}
+
+// Blockquotes
+blockquote {
+  padding: 0 0 0 15px;
+  margin: 0 0 @baseLineHeight;
+  border-left: 5px solid @grayLighter;
+  p {
+    margin-bottom: 0;
+    #font > .shorthand(16px,300,@baseLineHeight * 1.25);
+  }
+  small {
+    display: block;
+    line-height: @baseLineHeight;
+    color: @grayLight;
+    &:before {
+      content: '\2014 \00A0';
+    }
+  }
+
+  // Float right with text-align: right
+  &.pull-right {
+    float: right;
+    padding-left: 0;
+    padding-right: 15px;
+    border-left: 0;
+    border-right: 5px solid @grayLighter;
+    p,
+    small {
+      text-align: right;
+    }
+  }
+}
+
+// Quotes
+q:before,
+q:after,
+blockquote:before, 
+blockquote:after {
+  content: "";
+}
+
+// Addresses
+address {
+  display: block;
+  margin-bottom: @baseLineHeight;
+  line-height: @baseLineHeight;
+  font-style: normal;
+}
+
+// Misc
+small {
+  font-size: 100%;
+}
+cite {
+  font-style: normal;
+}
diff --git a/static/june_2007_style/bootstrap/utilities.less b/static/june_2007_style/bootstrap/utilities.less
new file mode 100644
index 00000000000..d60d2203119
--- /dev/null
+++ b/static/june_2007_style/bootstrap/utilities.less
@@ -0,0 +1,23 @@
+// UTILITY CLASSES
+// ---------------
+
+// Quick floats
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+
+// Toggling content
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+
+// Visibility
+.invisible {
+  visibility: hidden;
+}
diff --git a/static/june_2007_style/bootstrap/variables.less b/static/june_2007_style/bootstrap/variables.less
new file mode 100644
index 00000000000..f01c232e4a8
--- /dev/null
+++ b/static/june_2007_style/bootstrap/variables.less
@@ -0,0 +1,99 @@
+// Variables.less
+// Variables to customize the look and feel of Bootstrap
+// -----------------------------------------------------
+
+
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+// Links
+@linkColor:             #08c;
+@linkColorHover:        darken(@linkColor, 15%);
+
+// Grays
+@black:                 #000;
+@grayDarker:            #222;
+@grayDark:              #333;
+@gray:                  #555;
+@grayLight:             #999;
+@grayLighter:           #eee;
+@white:                 #fff;
+
+// Accent colors
+@blue:                  #049cdb;
+@blueDark:              #0064cd;
+@green:                 #46a546;
+@red:                   #9d261d;
+@yellow:                #ffc40d;
+@orange:                #f89406;
+@pink:                  #c3325f;
+@purple:                #7a43b6;
+
+// Typography
+@baseFontSize:          13px;
+@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
+@baseLineHeight:        18px;
+@textColor:             @grayDark;
+
+// Buttons
+@primaryButtonBackground:    @linkColor;
+
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// Z-index master list
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+@zindexDropdown:        1000;
+@zindexPopover:         1010;
+@zindexTooltip:         1020;
+@zindexFixedNavbar:     1030;
+@zindexModalBackdrop:   1040;
+@zindexModal:           1050;
+
+// Input placeholder text color
+@placeholderText:       @grayLight;
+
+// Navbar
+@navbarHeight:                    40px;
+@navbarBackground:                @grayDarker;
+@navbarBackgroundHighlight:       @grayDark;
+
+@navbarText:                      @grayLight;
+@navbarLinkColor:                 @grayLight;
+@navbarLinkColorHover:            @white;
+
+// Form states and alerts
+@warningText:             #c09853;
+@warningBackground:       #fcf8e3;
+@warningBorder:           darken(spin(@warningBackground, -10), 3%);
+
+@errorText:               #b94a48;
+@errorBackground:         #f2dede;
+@errorBorder:             darken(spin(@errorBackground, -10), 3%);
+
+@successText:             #468847;
+@successBackground:       #dff0d8;
+@successBorder:           darken(spin(@successBackground, -10), 5%);
+
+@infoText:                #3a87ad;
+@infoBackground:          #d9edf7;
+@infoBorder:              darken(spin(@infoBackground, -10), 7%);
+
+
+
+// GRID
+// --------------------------------------------------
+
+// Default 940px grid
+@gridColumns:             12;
+@gridColumnWidth:         60px;
+@gridGutterWidth:         20px;
+@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Fluid grid
+@fluidGridColumnWidth:    6.382978723%;
+@fluidGridGutterWidth:    2.127659574%;
diff --git a/static/june_2007_style/bootstrap/wells.less b/static/june_2007_style/bootstrap/wells.less
new file mode 100644
index 00000000000..244b8ca102b
--- /dev/null
+++ b/static/june_2007_style/bootstrap/wells.less
@@ -0,0 +1,17 @@
+// WELLS
+// -----
+
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #eee;
+  border: 1px solid rgba(0,0,0,.05);
+  .border-radius(4px);
+  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+  blockquote {
+    border-color: #ddd;
+    border-color: rgba(0,0,0,.15);
+  }
+}

From 3aee77709102fa48ca9625956add48620572883d Mon Sep 17 00:00:00 2001
From: James Taylor 
Date: Tue, 14 Feb 2012 11:43:41 -0500
Subject: [PATCH 3/7] style: move base and panel_layout over to less,
 experimenting with bootstrap mixins.

---
 static/june_2007_style/Makefile               |   2 +-
 .../{base.css.tmpl => base.less}              | 283 ++----
 static/june_2007_style/base_sprites.less.tmpl | 102 ++
 static/june_2007_style/blue/base.css          | 175 +++-
 static/june_2007_style/blue/panel_layout.css  | 958 +++++++++++-------
 static/june_2007_style/galaxy_bootstrap.less  | 146 +++
 static/june_2007_style/make_style.py          |  17 +-
 ...anel_layout.css.tmpl => panel_layout.less} | 202 ++--
 static/june_2007_style/variables_to_less.py   |  23 +
 templates/base_panels.mako                    |   6 +-
 10 files changed, 1271 insertions(+), 643 deletions(-)
 rename static/june_2007_style/{base.css.tmpl => base.less} (69%)
 create mode 100644 static/june_2007_style/base_sprites.less.tmpl
 create mode 100644 static/june_2007_style/galaxy_bootstrap.less
 rename static/june_2007_style/{panel_layout.css.tmpl => panel_layout.less} (64%)
 create mode 100755 static/june_2007_style/variables_to_less.py

diff --git a/static/june_2007_style/Makefile b/static/june_2007_style/Makefile
index c8c614e2563..579042c7249 100644
--- a/static/june_2007_style/Makefile
+++ b/static/june_2007_style/Makefile
@@ -15,7 +15,7 @@ variables.less : $(INI)
 
 # Convert using less
 %.css : %.less
-	lessc -x --include-path=$(OUT) $< > $@
+	lessc -x $< $@
 
 # Old style using process_css still works so we can move gradually
 %.css : %.css.tmpl
diff --git a/static/june_2007_style/base.css.tmpl b/static/june_2007_style/base.less
similarity index 69%
rename from static/june_2007_style/base.css.tmpl
rename to static/june_2007_style/base.less
index b0586988644..87474f23ce5 100644
--- a/static/june_2007_style/base.css.tmpl
+++ b/static/june_2007_style/base.less
@@ -1,8 +1,13 @@
-## Lucida Grande for proper mac unicode characters, verdana/arial stack for others
-body{font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% "Lucida Grande",verdana,arial,helvetica,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
-body{font-size:75%;}
+@import "variables.less";
 
-## Mixins
+@import "galaxy_bootstrap.less";
+
+
+// Lucida Grande for proper mac unicode characters, verdana/arial stack for others
+//body{font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% "Lucida Grande",verdana,arial,helvetica,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
+//body{font-size:75%;}
+
+// Mixins
 
 .unselectable {
     user-select: none;
@@ -15,11 +20,11 @@ body{font-size:75%;}
     -webkit-box-shadow: 0 3px 30px black;
 }
 
-## Real styles
+// Real styles
 
 body  {
-    background: $base_bg_bottom;
-    color: $base_text;
+    background: @base_bg_bottom;
+    color: @base_text;
     background-image: url(base_bg.png);
     background-repeat: repeat-x;
     background-position: top;
@@ -32,11 +37,11 @@ img {
 
 
 a:link, a:visited, a:active {
-    color: $link_text;
+    color: @link_text;
 }
 
 h1, h2, h3, h4 {
-    color: $header_text;
+    color: @header_text;
     /*text-shadow: #bbb 2px 2px 1px;*/
 }
 
@@ -47,7 +52,7 @@ h1:first-child, h2:first-child, h3:first-child, h4:first-child {
 hr {
     border: none;
     height: 0px;
-    border-bottom: dotted $base_text 1px;
+    border-bottom: dotted @base_text 1px;
 }
 
 table {
@@ -59,7 +64,7 @@ th {
 }
 
 div.toolForm {
-    border: solid $form_border 1px;
+    border: solid @form_border 1px;
 }
 
 div.toolFormTitle { 
@@ -67,11 +72,11 @@ div.toolFormTitle {
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
-    background: $form_title_bg_bottom;
-    ## background-image: url(form_title_bg.png);
+    background: @form_title_bg_bottom;
+    // background-image: url(form_title_bg.png);
     background-repeat: repeat-x;
     background-position: top;
-    border-bottom: solid $form_border 1px;
+    border-bottom: solid @form_border 1px;
 }
 
 div.toolParamHelp {
@@ -83,7 +88,7 @@ div.toolParamHelp a {
 }
 
 div.toolFormBody { 
-    background: $form_body_bg_bottom;
+    background: @form_body_bg_bottom;
     background-image: url(form_body_bg.png);
     background-repeat: repeat-x;
     background-position: top;
@@ -94,17 +99,17 @@ div.toolFormBody div.toolFormTitle {
     background: transparent;
     border: none;
     font-weight: bold;
-    border-bottom: solid $form_border 1px;
+    border-bottom: solid @form_border 1px;
     margin-bottom: 5px;
 }
 
 div.toolFormDisabled div.toolFormTitle {
-    background: ${layout_bg};
-    border-color: ${layout_border};
+    background: @layout_bg;
+    border-color: @layout_border;
 }
 
 div.toolFormDisabled {
-    border-color: ${layout_border};
+    border-color: @layout_border;
 }
 
 div.toolHelp {
@@ -166,20 +171,20 @@ div.titleRow {
     padding-bottom: 0.25em;
 }
 
-## Forms 
+// Forms 
 
 div.form {
-    border: solid $form_border 1px;
+    border: solid @form_border 1px;
 }
 
 div.form-title { 
     font-weight: bold;
     padding: 5px 10px;
-    background: $form_title_bg_bottom;
+    background: @form_title_bg_bottom;
     background-image: url(form_title_bg.png);
     background-repeat: repeat-x;
     background-position: top;
-    border-bottom: solid $form_border 1px;
+    border-bottom: solid @form_border 1px;
 }
 
 div.form-body { 
@@ -195,13 +200,13 @@ div.form-title-row {
 }
 
 div.repeat-group-item {
-    border-left: solid $form_border 5px;
+    border-left: solid @form_border 5px;
     margin-left: 10px;
     margin-bottom: 10px;
 }
 
 div.form-row-error {
-    background: $error_message_bg;
+    background: @error_message_bg;
 }
 
 div.form-row label {
@@ -240,18 +245,18 @@ select, input, textarea {
 }
 
 select, textarea, input[type="text"], input[type="file"], input[type="password"] {
-    -webkit-box-sizing: border-box;
+    // -webkit-box-sizing: border-box;
     max-width: 300px;
 }
 
-## Messages 
+// Messages 
 
 .errormessagelarge, .warningmessagelarge, .donemessagelarge, .infomessagelarge {
     padding: 10px;
     padding-left: 52px;
     min-height: 32px;
-    border: 1px solid $error_message_border;
-    background-color: $error_message_bg;
+    border: 1px solid @error_message_border;
+    background-color: @error_message_bg;
     background-image: url(error_message_icon.png);
     background-repeat: no-repeat;
     background-position: 10px 10px;
@@ -259,20 +264,20 @@ select, textarea, input[type="text"], input[type="file"], input[type="password"]
 
 .warningmessagelarge {
     background-image: url(warn_message_icon.png);
-    border-color: $warn_message_border;
-    background-color: $warn_message_bg;
+    border-color: @warn_message_border;
+    background-color: @warn_message_bg;
 }
 
 .donemessagelarge {
     background-image: url(done_message_icon.png);
-    border-color: $done_message_border;
-    background-color: $done_message_bg;
+    border-color: @done_message_border;
+    background-color: @done_message_bg;
 }
 
 .infomessagelarge {
     background-image: url(info_message_icon.png);
-    border-color: $info_message_border;
-    background-color: $info_message_bg;
+    border-color: @info_message_border;
+    background-color: @info_message_bg;
 }
 
 .screencastBox {   
@@ -286,8 +291,8 @@ select, textarea, input[type="text"], input[type="file"], input[type="password"]
     padding: 5px;
     padding-left: 25px;
     min-height: 15px;
-    border: 1px solid $error_message_border;
-    background-color: $error_message_bg;
+    border: 1px solid @error_message_border;
+    background-color: @error_message_bg;
     background-image: url(error_small.png);
     background-repeat: no-repeat;
     background-position: 5px 5px;
@@ -295,20 +300,20 @@ select, textarea, input[type="text"], input[type="file"], input[type="password"]
 
 .warningmessage, .warningmessagesmall {
     background-image: url(warn_small.png);
-    border-color: $warn_message_border;
-    background-color: $warn_message_bg;
+    border-color: @warn_message_border;
+    background-color: @warn_message_bg;
 }
 
 .donemessage, .donemessagesmall {
     background-image: url(ok_small.png);
-    border-color: $done_message_border;
-    background-color: $done_message_bg;
+    border-color: @done_message_border;
+    background-color: @done_message_bg;
 }
 
 .infomessage, .infomessagesmall {
     background-image: url(info_small.png);
-    border-color: $info_message_border;
-    background-color: $info_message_bg;
+    border-color: @info_message_border;
+    background-color: @info_message_bg;
 }
 
 .errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr {
@@ -367,8 +372,8 @@ table.tabletip tbody tr:hover td {
 }
 
 table.colored {
-    border-top: solid $table_border 1px;
-    border-bottom: solid $table_border 1px;
+    border-top: solid @table_border 1px;
+    border-bottom: solid @table_border 1px;
 }
 
 table.colored td, table.colored th {
@@ -377,20 +382,20 @@ table.colored td, table.colored th {
 }
 
 table.colored tr.header { 
-    background: $table_header_bg;
+    background: @table_header_bg;
     background-image: url(form_title_bg.png);
     background-repeat: repeat-x;
     background-position: top;
-    border-bottom: solid $table_border 1px;
+    border-bottom: solid @table_border 1px;
     font-weight: bold;
 }
 
 table.colored tr { 
-    background: $table_row_bg;
+    background: @table_row_bg;
 }
 
 table.colored tr.odd_row { 
-    background: $odd_row_bg;
+    background: @odd_row_bg;
 }
 
 div.debug {
@@ -402,19 +407,19 @@ div.debug {
 }
 
 div.odd_row {
-    background: $odd_row_bg;
+    background: @odd_row_bg;
 }
     
 #footer {
   display: none;
 }
 
-## Tool panel stuff
+// Tool panel stuff
 
 td.panel-body {
     background: white;
-    color: $base_text;
-    background: $menu_bg_over url(menu_bg.png) top repeat-x;
+    color: @base_text;
+    background: @menu_bg_over url(menu_bg.png) top repeat-x;
 }
 
 div.toolSectionPad {
@@ -461,46 +466,46 @@ ul.manage-table-actions li {
     margin-left: 0.5em;
 }
 
-## State colors
+// State colors
 
 .state-color-new {
-    border-color: $history_new_border;
-    background: $history_new_bg;
+    border-color: @history_new_border;
+    background: @history_new_bg;
 }
 
 .state-color-upload {
-    border-color: $history_upload_border;
-    background: $history_upload_bg;
+    border-color: @history_upload_border;
+    background: @history_upload_bg;
 }
 
 .state-color-waiting {
-    border-color: $history_waiting_border;
-    background: $history_waiting_bg;
+    border-color: @history_waiting_border;
+    background: @history_waiting_bg;
 }
 
 .state-color-queued {
-    border-color: $history_queued_border;
-    background: $history_queued_bg;
+    border-color: @history_queued_border;
+    background: @history_queued_bg;
 }
 
 .state-color-running {
-    border-color: $history_running_border;
-    background: $history_running_bg;
+    border-color: @history_running_border;
+    background: @history_running_bg;
 }
 
 .state-color-ok {
-    border-color: $history_ok_border;
-    background: $history_ok_bg;
+    border-color: @history_ok_border;
+    background: @history_ok_bg;
 }
 
 .state-color-error {
-    border-color: $history_error_border;
-    background: $history_error_bg;
+    border-color: @history_error_border;
+    background: @history_error_bg;
 }
 
 .state-color-deleted {
-    border-color: $history_deleted_border;
-    background: $history_deleted_bg;
+    border-color: @history_deleted_border;
+    background: @history_deleted_bg;
 }
 
 .state-fg-new {
@@ -535,7 +540,7 @@ ul.manage-table-actions li {
     color: #3399FF;
 }
 
-## Button styles
+// Button styles
 
 .action-button {
     background: transparent;
@@ -571,7 +576,7 @@ ul.manage-table-actions li {
     background: #aaaaaa;
 }
 
-## A menu button is a button that has an attached popup menu
+// A menu button is a button that has an attached popup menu
 
 .menubutton {
     display: inline-block;
@@ -607,12 +612,12 @@ ul.manage-table-actions li {
 
 .menubutton:hover {
     border-color: #aaaaaa;
-    ## background: #eeeeee;
-    ## color: #333;
+    // background: #eeeeee;
+    // color: #333;
 }
 
-## A split menu button, the main button has an action, the arrow causes the
-## popup menu to appear
+// A split menu button, the main button has an action, the arrow causes the
+// popup menu to appear
 
 .menubutton.popup.split {
     padding-right: 2em;
@@ -622,7 +627,7 @@ ul.manage-table-actions li {
     background: url(../images/ddarrowsplit.png) no-repeat right -39px;
 }
 
-## Popup menu styles
+// Popup menu styles
 
 .overlay-border {
     position: absolute;
@@ -660,8 +665,8 @@ div.popmenu-wrapper {
         -moz-border-radius: 0.5em;
         -webkit-border-radius: 0.5em;
         border-radius: 0.5em;
-        ## margin: -3px -0.5em;
-        ## min-width: 100%;
+        // margin: -3px -0.5em;
+        // min-width: 100%;
         
         .unselectable;
         
@@ -704,7 +709,7 @@ div.permissionContainer {
     padding-left: 20px;
 }
 
-## Data grid style
+// Data grid style
 
 .grid-header {
     padding-bottom: 1em;
@@ -736,12 +741,12 @@ div.permissionContainer {
     height: 2em;
 }
 .grid thead th {
-    background: $table_header_bg;
-    ## background-image: url(form_title_bg.png);
+    background: @table_header_bg;
+    // background-image: url(form_title_bg.png);
     background-repeat: repeat-x;
     background-position: top;
-    border-top: solid $table_border 1px;
-    border-bottom: solid $table_border 1px;
+    border-top: solid @table_border 1px;
+    border-bottom: solid @table_border 1px;
     padding: 0.3em 0.5em;
     text-align: left;
     white-space: nowrap;
@@ -756,7 +761,7 @@ div.permissionContainer {
     background-color: #EEEEFF;
 }
 
-## Styles for areas of text content
+// Styles for areas of text content
 
 .text-content {
 
@@ -798,7 +803,7 @@ div.permissionContainer {
 
 }
 
-## Icon buttons.
+// Icon buttons.
 
 .icon-button  {
     width: 16px;
@@ -806,113 +811,14 @@ div.permissionContainer {
     display: block;
     float: left;
     margin-left: 2px;
-    ## Allow alt text for screen readers
+    // Allow alt text for screen readers
     text-indent: 20px;
     background-repeat:no-repeat;
     background-position: 0px 0px;
     padding: 0;
 }
 
-.icon-button.display {
-    -sprite-group: history-buttons;
-    -sprite-image: eye_icon.png;
-}
-.icon-button.display:hover {
-    -sprite-group: history-buttons;
-    -sprite-image: eye_icon_dark.png;
-}
-.icon-button.display_disabled {
-    -sprite-group: history-buttons;
-    -sprite-image: eye_icon_grey.png;
-}
-.icon-button.delete {
-    -sprite-group: history-buttons;
-    -sprite-image: delete_icon.png;
-}
-.icon-button.delete:hover {
-    -sprite-group: history-buttons;
-    -sprite-image: delete_icon_dark.png;
-}
-.icon-button.delete_disabled {
-    -sprite-group: history-buttons;
-    -sprite-image: delete_icon_grey.png;
-}
-.icon-button.edit {
-    -sprite-group: history-buttons;
-    -sprite-image: pencil_icon.png;
-}
-.icon-button.edit:hover {
-    -sprite-group: history-buttons;
-    -sprite-image: pencil_icon_dark.png;
-}
-.icon-button.edit_disabled {
-    -sprite-group: history-buttons;
-    -sprite-image: pencil_icon_grey.png;
-}
-.icon-button.tag {
-    -sprite-group: fugue;
-    -sprite-image: fugue/tag-label.png;
-}
-.icon-button.tags {
-    -sprite-group: fugue;
-    -sprite-image: fugue/tags.png;
-}
-.icon-button.tag--plus {
-    -sprite-group: fugue;
-    -sprite-image: fugue/tag--plus.png;
-}
-.icon-button.toggle-expand {
-    -sprite-group: fugue;
-    -sprite-image: fugue/toggle-expand.png;
-}
-.icon-button.toggle {
-    -sprite-group: fugue;
-    -sprite-image: fugue/toggle.png;
-}
-.icon-button.arrow-circle {
-    -sprite-group: fugue;
-    -sprite-image: fugue/arrow-circle.png;
-}
-.icon-button.chevron {
-    -sprite-group: fugue;
-    -sprite-image: fugue/chevron.png;
-}
-.icon-button.bug {
-    -sprite-group: fugue;
-    -sprite-image: fugue/bug.png;
-}
-.icon-button.disk {
-    -sprite-group: fugue;
-    -sprite-image: fugue/disk.png;
-}
-.icon-button.information {
-    -sprite-group: fugue;
-    -sprite-image: fugue/information-white.png;
-}
-.icon-button.annotate {
-    -sprite-group: fugue;
-    -sprite-image: fugue/sticky-note-text.png;
-}
-.icon-button.go-to-full-screen {
-    -sprite-group: fugue;
-    -sprite-image: fugue/external.png;
-}
-.icon-button.import {
-    -sprite-group: fugue;
-    -sprite-image: fugue/plus-circle.png;
-}
-.icon-button.plus-button {
-    -sprite-group: fugue;
-    -sprite-image: fugue/plus-button.png;
-}
-.icon-button.gear {
-    -sprite-group: fugue;
-    -sprite-image: fugue/gear.png;
-}
-
-.icon-button.chart_curve {
-    background: url(../images/silk/chart_curve.png) no-repeat;
-}
+@import "base_sprites";
 
 .tipsy {
     padding: 5px;
@@ -953,12 +859,13 @@ div.permissionContainer {
     cursor: text;
     border: dotted #999999 1px;
 }
-
+/*
 .text-and-autocomplete-select {
     -sprite-group: fugue;
     -sprite-image: fugue/control-270.png;
     -sprite-horiz-position: right;
 }
+*/
 .icon-button.multiinput{
     background:url(../images/documents-stack.png) no-repeat;
     cursor:pointer;
diff --git a/static/june_2007_style/base_sprites.less.tmpl b/static/june_2007_style/base_sprites.less.tmpl
new file mode 100644
index 00000000000..d1e16d0cce5
--- /dev/null
+++ b/static/june_2007_style/base_sprites.less.tmpl
@@ -0,0 +1,102 @@
+.icon-button.display {
+    -sprite-group: history-buttons;
+    -sprite-image: eye_icon.png;
+}
+.icon-button.display:hover {
+    -sprite-group: history-buttons;
+    -sprite-image: eye_icon_dark.png;
+}
+.icon-button.display_disabled {
+    -sprite-group: history-buttons;
+    -sprite-image: eye_icon_grey.png;
+}
+.icon-button.delete {
+    -sprite-group: history-buttons;
+    -sprite-image: delete_icon.png;
+}
+.icon-button.delete:hover {
+    -sprite-group: history-buttons;
+    -sprite-image: delete_icon_dark.png;
+}
+.icon-button.delete_disabled {
+    -sprite-group: history-buttons;
+    -sprite-image: delete_icon_grey.png;
+}
+.icon-button.edit {
+    -sprite-group: history-buttons;
+    -sprite-image: pencil_icon.png;
+}
+.icon-button.edit:hover {
+    -sprite-group: history-buttons;
+    -sprite-image: pencil_icon_dark.png;
+}
+.icon-button.edit_disabled {
+    -sprite-group: history-buttons;
+    -sprite-image: pencil_icon_grey.png;
+}
+.icon-button.tag {
+    -sprite-group: fugue;
+    -sprite-image: fugue/tag-label.png;
+}
+.icon-button.tags {
+    -sprite-group: fugue;
+    -sprite-image: fugue/tags.png;
+}
+.icon-button.tag--plus {
+    -sprite-group: fugue;
+    -sprite-image: fugue/tag--plus.png;
+}
+.icon-button.toggle-expand {
+    -sprite-group: fugue;
+    -sprite-image: fugue/toggle-expand.png;
+}
+.icon-button.toggle {
+    -sprite-group: fugue;
+    -sprite-image: fugue/toggle.png;
+}
+.icon-button.arrow-circle {
+    -sprite-group: fugue;
+    -sprite-image: fugue/arrow-circle.png;
+}
+.icon-button.chevron {
+    -sprite-group: fugue;
+    -sprite-image: fugue/chevron.png;
+}
+.icon-button.bug {
+    -sprite-group: fugue;
+    -sprite-image: fugue/bug.png;
+}
+.icon-button.disk {
+    -sprite-group: fugue;
+    -sprite-image: fugue/disk.png;
+}
+.icon-button.information {
+    -sprite-group: fugue;
+    -sprite-image: fugue/information-white.png;
+}
+.icon-button.annotate {
+    -sprite-group: fugue;
+    -sprite-image: fugue/sticky-note-text.png;
+}
+.icon-button.go-to-full-screen {
+    -sprite-group: fugue;
+    -sprite-image: fugue/external.png;
+}
+.icon-button.import {
+    -sprite-group: fugue;
+    -sprite-image: fugue/plus-circle.png;
+}
+.icon-button.plus-button {
+    -sprite-group: fugue;
+    -sprite-image: fugue/plus-button.png;
+}
+.icon-button.gear {
+    -sprite-group: fugue;
+    -sprite-image: fugue/gear.png;
+}
+
+.text-and-autocomplete-select {
+    -sprite-group: fugue;
+    -sprite-image: fugue/control-270.png;
+    -sprite-horiz-position: right;
+}
\ No newline at end of file
diff --git a/static/june_2007_style/blue/base.css b/static/june_2007_style/blue/base.css
index 7285459ce6c..4531686b203 100644
--- a/static/june_2007_style/blue/base.css
+++ b/static/june_2007_style/blue/base.css
@@ -1,8 +1,171 @@
-body{font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,sans-serif;*font-size:small;*font:x-small;}
-select,input,button,textarea,button{font:99% "Lucida Grande",verdana,arial,helvetica,sans-serif;}
-table{font-size:inherit;font:100%;}
-pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
-body{font-size:75%;}
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
+audio:not([controls]){display:none;}
+html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+a:hover,a:active{outline:0;}
+sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
+sup{top:-0.5em;}
+sub{bottom:-0.25em;}
+img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
+button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
+button,input{*overflow:visible;line-height:normal;}
+button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
+button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
+input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
+input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
+textarea{overflow:auto;vertical-align:top;}
+body{margin:0;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;color:#333333;background-color:#ffffff;}
+a{color:#0088cc;text-decoration:none;}
+a:hover{color:#005580;text-decoration:underline;}
+p{margin:0 0 8px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;}p small{font-size:10px;color:#999999;}
+.lead{margin-bottom:16px;font-size:20px;font-weight:200;line-height:24px;}
+h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
+h1{font-size:30px;line-height:32px;}h1 small{font-size:18px;}
+h2{font-size:24px;line-height:32px;}h2 small{font-size:18px;}
+h3{line-height:24px;font-size:18px;}h3 small{font-size:14px;}
+h4,h5,h6{line-height:16px;}
+h4{font-size:14px;}h4 small{font-size:12px;}
+h5{font-size:12px;}
+h6{font-size:11px;color:#999999;text-transform:uppercase;}
+.page-header{padding-bottom:15px;margin:16px 0;border-bottom:1px solid #eeeeee;}
+.page-header h1{line-height:1;}
+ul,ol{padding:0;margin:0 0 8px 25px;}
+ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
+ul{list-style:disc;}
+ol{list-style:decimal;}
+li{line-height:16px;}
+ul.unstyled{margin-left:0;list-style:none;}
+dl{margin-bottom:16px;}
+dt,dd{line-height:16px;}
+dt{font-weight:bold;}
+dd{margin-left:8px;}
+hr{margin:16px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #ffffff;}
+strong{font-weight:bold;}
+em{font-style:italic;}
+.muted{color:#999999;}
+abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help;}
+blockquote{padding:0 0 0 15px;margin:0 0 16px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:20px;}
+blockquote small{display:block;line-height:16px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
+blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
+q:before,q:after,blockquote:before,blockquote:after{content:"";}
+address{display:block;margin-bottom:16px;line-height:16px;font-style:normal;}
+small{font-size:100%;}
+cite{font-style:normal;}
+code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:11px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
+pre{display:block;padding:7.5px;margin:0 0 8px;font-size:12px;line-height:16px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;}pre.prettyprint{margin-bottom:16px;}
+pre code{padding:0;background-color:transparent;}
+form{margin:0 0 16px;}
+fieldset{padding:0;margin:0;border:0;}
+legend{display:block;width:100%;padding:0;margin-bottom:24px;font-size:18px;line-height:32px;color:#333333;border:0;border-bottom:1px solid #eee;}
+label,input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:16px;}
+label{display:block;margin-bottom:5px;color:#333333;}
+input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:16px;padding:4px;margin-bottom:9px;font-size:12px;line-height:16px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.uneditable-textarea{width:auto;height:auto;}
+label input,label textarea,label select{display:block;}
+input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:0;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+input[type="file"]{padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;}
+select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
+select{width:220px;background-color:#ffffff;}
+select[multiple],select[size]{height:auto;}
+input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+textarea{height:auto;}
+input[type="hidden"]{display:none;}
+.radio,.checkbox{padding-left:18px;}
+.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
+.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
+.radio.inline,.checkbox.inline{display:inline-block;margin-bottom:0;vertical-align:middle;}
+.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
+.controls>.radio.inline:first-child,.controls>.checkbox.inline:first-child{padding-top:0;}
+input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
+input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}
+input[type="file"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+.input-mini{width:60px;}
+.input-small{width:90px;}
+.input-medium{width:150px;}
+.input-large{width:210px;}
+.input-xlarge{width:270px;}
+.input-xxlarge{width:530px;}
+input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;}
+input.span1,textarea.span1,.uneditable-input.span1{width:50px;}
+input.span2,textarea.span2,.uneditable-input.span2{width:130px;}
+input.span3,textarea.span3,.uneditable-input.span3{width:210px;}
+input.span4,textarea.span4,.uneditable-input.span4{width:290px;}
+input.span5,textarea.span5,.uneditable-input.span5{width:370px;}
+input.span6,textarea.span6,.uneditable-input.span6{width:450px;}
+input.span7,textarea.span7,.uneditable-input.span7{width:530px;}
+input.span8,textarea.span8,.uneditable-input.span8{width:610px;}
+input.span9,textarea.span9,.uneditable-input.span9{width:690px;}
+input.span10,textarea.span10,.uneditable-input.span10{width:770px;}
+input.span11,textarea.span11,.uneditable-input.span11{width:850px;}
+input.span12,textarea.span12,.uneditable-input.span12{width:930px;}
+input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
+.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
+.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;}
+.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
+.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
+.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
+.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
+.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
+.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}
+.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
+input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
+.form-actions{padding:15px 20px 16px;margin-top:16px;margin-bottom:16px;background-color:#f5f5f5;border-top:1px solid #ddd;}
+.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
+:-moz-placeholder{color:#999999;}
+::-webkit-input-placeholder{color:#999999;}
+.help-block{margin-top:5px;margin-bottom:0;color:#999999;}
+.help-inline{display:inline-block;*display:inline;*zoom:1;margin-bottom:9px;vertical-align:middle;padding-left:5px;}
+.input-prepend,.input-append{margin-bottom:5px;*zoom:1;}.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after{display:table;content:"";}
+.input-prepend:after,.input-append:after{clear:both;}
+.input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;}
+.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;}
+.input-prepend .add-on,.input-append .add-on{float:left;display:block;width:auto;min-width:16px;height:16px;margin-right:-1px;padding:4px 5px;font-weight:normal;line-height:16px;color:#999999;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
+.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;}
+.input-prepend .add-on{*margin-top:1px;}
+.input-append input,.input-append .uneditable-input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
+.input-append .uneditable-input{border-right-color:#ccc;}
+.input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
+.input-append input:first-child{*margin-left:-160px;}.input-append input:first-child+.add-on{*margin-left:-21px;}
+.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
+.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;}
+.form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{display:inline-block;}
+.form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on{vertical-align:middle;}
+.control-group{margin-bottom:8px;}
+.form-horizontal legend+.control-group{margin-top:16px;-webkit-margin-top-collapse:separate;}
+.form-horizontal .control-group{margin-bottom:16px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";}
+.form-horizontal .control-group:after{clear:both;}
+.form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right;}
+.form-horizontal .controls{margin-left:160px;}
+.form-horizontal .form-actions{padding-left:160px;}
+table{max-width:100%;border-collapse:collapse;border-spacing:0;}
+.table{width:100%;margin-bottom:16px;}.table th,.table td{padding:8px;line-height:16px;text-align:left;border-top:1px solid #ddd;}
+.table th{font-weight:bold;vertical-align:bottom;}
+.table td{vertical-align:top;}
+.table thead:first-child tr th,.table thead:first-child tr td{border-top:0;}
+.table tbody+tbody{border-top:2px solid #ddd;}
+.table-condensed th,.table-condensed td{padding:4px 5px;}
+.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #ddd;}
+.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
+.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
+.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
+.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
+.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
+.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
+table .span1{float:none;width:44px;margin-left:0;}
+table .span2{float:none;width:124px;margin-left:0;}
+table .span3{float:none;width:204px;margin-left:0;}
+table .span4{float:none;width:284px;margin-left:0;}
+table .span5{float:none;width:364px;margin-left:0;}
+table .span6{float:none;width:444px;margin-left:0;}
+table .span7{float:none;width:524px;margin-left:0;}
+table .span8{float:none;width:604px;margin-left:0;}
+table .span9{float:none;width:684px;margin-left:0;}
+table .span10{float:none;width:764px;margin-left:0;}
+table .span11{float:none;width:844px;margin-left:0;}
+table .span12{float:none;width:924px;margin-left:0;}
 .unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
 .shadow{-moz-box-shadow:0 3px 30px black;-webkit-box-shadow:0 3px 30px black;}
 body{background:#ffffff;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;}
@@ -45,7 +208,7 @@ div.form-row-input label{font-weight:normal;display:inline;}
 div.form-row-error-message{width:300px;float:left;color:red;font-weight:bold;padding:3px 0 0 1em;}
 .form-row .help{color:#666;}
 select,input,textarea{font:inherit;}
-select,textarea,input[type="text"],input[type="file"],input[type="password"]{-webkit-box-sizing:border-box;max-width:300px;}
+select,textarea,input[type="text"],input[type="file"],input[type="password"]{max-width:300px;}
 .errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding:10px;padding-left:52px;min-height:32px;border:1px solid #aa6666;background-color:#ffcccc;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;}
 .warningmessagelarge{background-image:url(warn_message_icon.png);border-color:#aaaa66;background-color:#ffffcc;}
 .donemessagelarge{background-image:url(done_message_icon.png);border-color:#66aa66;background-color:#ccffcc;}
diff --git a/static/june_2007_style/blue/panel_layout.css b/static/june_2007_style/blue/panel_layout.css
index 636ba8cc1fd..4b0c559868e 100644
--- a/static/june_2007_style/blue/panel_layout.css
+++ b/static/june_2007_style/blue/panel_layout.css
@@ -1,340 +1,618 @@
-body {
-  font: 75% "Lucida Grande", verdana, arial, helvetica, sans-serif;
-  background: #eeeeee;
-}
-.unselectable {
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-}
-#background {
-  position: absolute;
-  background: #eeeeee;
-  z-index: -1;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-}
-#messagebox {
-  position: absolute;
-  top: 33px;
-  left: 0;
-  width: 100%;
-  height: 24px !important;
-  overflow: hidden;
-  border-bottom: solid #999 1px;
-  font-size: 90%;
-}
-#left,
-#left-border,
-#center,
-#right-border,
-#right {
-  position: absolute;
-  top: 39px;
-  bottom: 0px;
-  overflow: hidden;
-  background: #fff;
-}
-#left,
-#center,
-#right {
-  border-top: solid #999999 1px;
-}
-#left-border,
-#right-border {
-  background: #eeeeee;
-  border-left: solid #999999 1px;
-  border-right: solid #999999 1px;
-  padding-right: 1px;
-  padding-left: 1px;
-  width: 5px;
-  z-index: 10000;
-}
-#left-border div,
-#right-border div {
-  width: 100%;
-  height: 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  position: absolute;
-  width: 5px;
-  height: 100%;
-}
-#left-border div,
-#right-border.hidden div {
-  background-image: url(tiny_arrow_left.png);
-  cursor: w-resize;
-}
-#left-border.hidden div,
-#right-border div {
-  background-image: url(tiny_arrow_right.png);
-  cursor: e-resize;
-}
-#left-border.hover div,
-#right-border.hover div {
-  background-color: #aaaaee;
-}
-#left {
-  left: 0px;
-  width: 250px;
-  z-index: 200;
-}
-#left-border {
-  left: 250px;
-}
-#center {
-  left: 259px;
-  right: 259px;
-  overflow: hidden;
-  z-index: 1;
-}
-#right-border {
-  right: 250px;
-}
-#right {
-  width: 250px;
-  right: 0px;
-  z-index: 200;
-}
-.unified-panel-header {
-  height: 2em;
-  z-index: 1000;
-  background: #cccccc;
-  background-image: url(panel_header_bg.png);
-  background-position: top center;
-  background-repeat: repeat-x;
-  border-bottom: solid #999999 1px;
-  margin: 0;
-  padding: 0;
-  padding-right: 10px;
-  padding-left: 10px;
-  color: #333;
-  font-weight: bold;
-}
-.unified-panel-header-inner {
-  padding-top: 0.45em;
-}
-.menu-bg {
-  background: #c1c9e5 url(menu_bg.png) top repeat-x;
-}
-div.unified-panel-body {
-  position: absolute;
-  top: 2em;
-  bottom: 0;
-  width: 100%;
-  margin-top: 1px;
-}
-.panel-header-button {
-  color: #333;
-  text-decoration: none;
-  display: inline-block;
-  cursor: pointer;
-  margin: -1px;
-  padding: 1px;
-  margin-top: -0.2em;
-  border: solid #999 1px;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
-  -moz-border-radius: 0.5em;
-  -webkit-border-radius: 0.5em;
-  border-radius: 0.5em;
-}
-.panel-header-button.popup {
-  padding-right: 1.75em;
-  background: url(../images/dropdownarrow.png) no-repeat right 7px;
-}
-.panel-header-button:hover {
-  color: black;
-  background-color: #ccc;
-}
-.panel-header-button:active {
-  color: white;
-  background-color: #aaaaaa;
-}
-#overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 20000;
-}
-#overlay.modal #overlay-background {
-  background: rgba(0, 0, 0, 0.5);
-}
-.dialog-box-container {
-  position: relative;
-  margin-top: 80px;
-  margin-right: auto;
-  margin-left: auto;
-}
-.dialog-box-wrapper {
-  position: relative;
-  padding: 1em;
-  background-color: rgba(0, 0, 0, 0.5);
-  -moz-border-radius: 1em;
-  -webkit-border-radius: 1em;
-}
-.dialog-box {
-  border: solid #999 1px;
-  background: white;
-  z-index: 80000;
-}
-#overlay.modal .dialog-box .body {
-  min-width: 600px;
-}
-.dialog-box .body {
-  padding: 5px;
-  overflow: auto;
-  max-height: 500px;
-  min-width: 300px;
-}
-.dialog-box .buttons {
-  padding: 5px;
-}
-.panel-error-message,
-.panel-warning-message,
-.panel-done-message,
-.panel-info-message {
-  height: 24px;
-  line-height: 24px;
-  color: #303030;
-  padding: 0px;
-  padding-left: 26px;
-  background-color: #ffcccc;
-  background-image: url(error_small.png);
-  background-repeat: no-repeat;
-  background-position: 6px 50%;
-}
-.panel-warning-message {
-  background-image: url(warn_small.png);
-  background-color: #ffffcc;
-}
-.panel-done-message {
-  background-image: url(done_small.png);
-  background-color: #ccffcc;
-}
-.panel-info-message {
-  background-image: url(info_small.png);
-  background-color: #ccccff;
-}
-#masthead {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  min-width: 900px;
-  height: 32px;
-  background: #2c3143;
-  color: #fff;
-  border-bottom: solid #444444 1px;
-  z-index: 15000;
-  padding: 0;
-}
-#masthead a {
-  color: #eeeeee;
-  text-decoration: none;
-}
-#masthead .title {
-  font-family: verdana;
-  padding: 3px 10px;
-  font-size: 175%;
-  font-weight: bold;
-  z-index: -1;
-}
-#masthead a:hover {
-  text-decoration: underline;
-}
-.quota-meter-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 32px;
-}
-.quota-meter {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  height: 16px;
-  width: 100px;
-  background-color: #c1c9e5;
-}
-.quota-meter-bar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 16px;
-  background-color: #969db3;
-}
-.quota-meter-bar-warn {
-  background-color: #ffb400;
-}
-.quota-meter-bar-error {
-  background-color: #ff4343;
-}
-.quota-meter-text {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100px;
-  height: 16px;
-  margin-top: -6px;
-  text-align: center;
-  z-index: 9001;
-  color: #000000;
-}
-.tab-group {
-  margin: 0;
-  padding: 0 10px;
-  height: 100%;
-  white-space: nowrap;
-  cursor: default;
-  background: transparent;
-}
-.tab-group .tab {
-  background: #2c3143;
-  position: relative;
-  float: left;
-  margin: 0;
-  padding: 0 1em;
-  height: 32px;
-  line-height: 32px;
-  text-align: left;
-}
-.tab-group .tab .submenu {
-  display: none;
-  position: absolute;
-  z-index: 16000;
-  left: 0;
-  top: 32px;
-  padding: 1em;
-  margin: -1em;
-  padding-top: 0;
-  margin-top: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  -moz-border-radius: 0 0 1em 1em;
-  -webkit-border-bottom-right-radius: 1em;
-  -webkit-border-bottom-left-radius: 1em;
-}
-.tab-group .tab .submenu ul {
-  display: block;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  background: #2c3143;
-}
-.tab-group .tab .submenu ul li {
-  display: block;
-  padding: 0 1em;
-  white-space: nowrap;
-}
-.tab-group .tab:hover > a {
-  color: gold !important;
-}
-.tab-group .active {
-  background: #010101;
-}
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
+audio:not([controls]){display:none;}
+html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+a:hover,a:active{outline:0;}
+sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
+sup{top:-0.5em;}
+sub{bottom:-0.25em;}
+img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
+button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
+button,input{*overflow:visible;line-height:normal;}
+button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
+button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
+input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
+input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
+textarea{overflow:auto;vertical-align:top;}
+body{margin:0;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;color:#333333;background-color:#ffffff;}
+a{color:#0088cc;text-decoration:none;}
+a:hover{color:#005580;text-decoration:underline;}
+p{margin:0 0 8px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;}p small{font-size:10px;color:#999999;}
+.lead{margin-bottom:16px;font-size:20px;font-weight:200;line-height:24px;}
+h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
+h1{font-size:30px;line-height:32px;}h1 small{font-size:18px;}
+h2{font-size:24px;line-height:32px;}h2 small{font-size:18px;}
+h3{line-height:24px;font-size:18px;}h3 small{font-size:14px;}
+h4,h5,h6{line-height:16px;}
+h4{font-size:14px;}h4 small{font-size:12px;}
+h5{font-size:12px;}
+h6{font-size:11px;color:#999999;text-transform:uppercase;}
+.page-header{padding-bottom:15px;margin:16px 0;border-bottom:1px solid #eeeeee;}
+.page-header h1{line-height:1;}
+ul,ol{padding:0;margin:0 0 8px 25px;}
+ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
+ul{list-style:disc;}
+ol{list-style:decimal;}
+li{line-height:16px;}
+ul.unstyled{margin-left:0;list-style:none;}
+dl{margin-bottom:16px;}
+dt,dd{line-height:16px;}
+dt{font-weight:bold;}
+dd{margin-left:8px;}
+hr{margin:16px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #ffffff;}
+strong{font-weight:bold;}
+em{font-style:italic;}
+.muted{color:#999999;}
+abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help;}
+blockquote{padding:0 0 0 15px;margin:0 0 16px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:20px;}
+blockquote small{display:block;line-height:16px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
+blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
+q:before,q:after,blockquote:before,blockquote:after{content:"";}
+address{display:block;margin-bottom:16px;line-height:16px;font-style:normal;}
+small{font-size:100%;}
+cite{font-style:normal;}
+code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:11px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
+pre{display:block;padding:7.5px;margin:0 0 8px;font-size:12px;line-height:16px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;}pre.prettyprint{margin-bottom:16px;}
+pre code{padding:0;background-color:transparent;}
+form{margin:0 0 16px;}
+fieldset{padding:0;margin:0;border:0;}
+legend{display:block;width:100%;padding:0;margin-bottom:24px;font-size:18px;line-height:32px;color:#333333;border:0;border-bottom:1px solid #eee;}
+label,input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:16px;}
+label{display:block;margin-bottom:5px;color:#333333;}
+input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:16px;padding:4px;margin-bottom:9px;font-size:12px;line-height:16px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.uneditable-textarea{width:auto;height:auto;}
+label input,label textarea,label select{display:block;}
+input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:0;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+input[type="file"]{padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;}
+select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
+select{width:220px;background-color:#ffffff;}
+select[multiple],select[size]{height:auto;}
+input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+textarea{height:auto;}
+input[type="hidden"]{display:none;}
+.radio,.checkbox{padding-left:18px;}
+.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
+.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
+.radio.inline,.checkbox.inline{display:inline-block;margin-bottom:0;vertical-align:middle;}
+.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
+.controls>.radio.inline:first-child,.controls>.checkbox.inline:first-child{padding-top:0;}
+input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
+input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}
+input[type="file"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+.input-mini{width:60px;}
+.input-small{width:90px;}
+.input-medium{width:150px;}
+.input-large{width:210px;}
+.input-xlarge{width:270px;}
+.input-xxlarge{width:530px;}
+input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;}
+input.span1,textarea.span1,.uneditable-input.span1{width:50px;}
+input.span2,textarea.span2,.uneditable-input.span2{width:130px;}
+input.span3,textarea.span3,.uneditable-input.span3{width:210px;}
+input.span4,textarea.span4,.uneditable-input.span4{width:290px;}
+input.span5,textarea.span5,.uneditable-input.span5{width:370px;}
+input.span6,textarea.span6,.uneditable-input.span6{width:450px;}
+input.span7,textarea.span7,.uneditable-input.span7{width:530px;}
+input.span8,textarea.span8,.uneditable-input.span8{width:610px;}
+input.span9,textarea.span9,.uneditable-input.span9{width:690px;}
+input.span10,textarea.span10,.uneditable-input.span10{width:770px;}
+input.span11,textarea.span11,.uneditable-input.span11{width:850px;}
+input.span12,textarea.span12,.uneditable-input.span12{width:930px;}
+input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
+.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
+.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;}
+.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
+.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
+.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
+.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
+.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
+.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}
+.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
+input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
+.form-actions{padding:15px 20px 16px;margin-top:16px;margin-bottom:16px;background-color:#f5f5f5;border-top:1px solid #ddd;}
+.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
+:-moz-placeholder{color:#999999;}
+::-webkit-input-placeholder{color:#999999;}
+.help-block{margin-top:5px;margin-bottom:0;color:#999999;}
+.help-inline{display:inline-block;*display:inline;*zoom:1;margin-bottom:9px;vertical-align:middle;padding-left:5px;}
+.input-prepend,.input-append{margin-bottom:5px;*zoom:1;}.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after{display:table;content:"";}
+.input-prepend:after,.input-append:after{clear:both;}
+.input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;}
+.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;}
+.input-prepend .add-on,.input-append .add-on{float:left;display:block;width:auto;min-width:16px;height:16px;margin-right:-1px;padding:4px 5px;font-weight:normal;line-height:16px;color:#999999;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
+.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;}
+.input-prepend .add-on{*margin-top:1px;}
+.input-append input,.input-append .uneditable-input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
+.input-append .uneditable-input{border-right-color:#ccc;}
+.input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
+.input-append input:first-child{*margin-left:-160px;}.input-append input:first-child+.add-on{*margin-left:-21px;}
+.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
+.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;}
+.form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{display:inline-block;}
+.form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on{vertical-align:middle;}
+.control-group{margin-bottom:8px;}
+.form-horizontal legend+.control-group{margin-top:16px;-webkit-margin-top-collapse:separate;}
+.form-horizontal .control-group{margin-bottom:16px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";}
+.form-horizontal .control-group:after{clear:both;}
+.form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right;}
+.form-horizontal .controls{margin-left:160px;}
+.form-horizontal .form-actions{padding-left:160px;}
+table{max-width:100%;border-collapse:collapse;border-spacing:0;}
+.table{width:100%;margin-bottom:16px;}.table th,.table td{padding:8px;line-height:16px;text-align:left;border-top:1px solid #ddd;}
+.table th{font-weight:bold;vertical-align:bottom;}
+.table td{vertical-align:top;}
+.table thead:first-child tr th,.table thead:first-child tr td{border-top:0;}
+.table tbody+tbody{border-top:2px solid #ddd;}
+.table-condensed th,.table-condensed td{padding:4px 5px;}
+.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #ddd;}
+.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
+.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
+.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
+.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
+.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
+.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
+table .span1{float:none;width:44px;margin-left:0;}
+table .span2{float:none;width:124px;margin-left:0;}
+table .span3{float:none;width:204px;margin-left:0;}
+table .span4{float:none;width:284px;margin-left:0;}
+table .span5{float:none;width:364px;margin-left:0;}
+table .span6{float:none;width:444px;margin-left:0;}
+table .span7{float:none;width:524px;margin-left:0;}
+table .span8{float:none;width:604px;margin-left:0;}
+table .span9{float:none;width:684px;margin-left:0;}
+table .span10{float:none;width:764px;margin-left:0;}
+table .span11{float:none;width:844px;margin-left:0;}
+table .span12{float:none;width:924px;margin-left:0;}
+[class^="icon-"]{display:inline-block;width:14px;height:14px;vertical-align:text-top;background-image:url(../img/glyphicons-halflings.png);background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child{*margin-left:0;}
+.icon-white{background-image:url(../img/glyphicons-halflings-white.png);}
+.icon-glass{background-position:0 0;}
+.icon-music{background-position:-24px 0;}
+.icon-search{background-position:-48px 0;}
+.icon-envelope{background-position:-72px 0;}
+.icon-heart{background-position:-96px 0;}
+.icon-star{background-position:-120px 0;}
+.icon-star-empty{background-position:-144px 0;}
+.icon-user{background-position:-168px 0;}
+.icon-film{background-position:-192px 0;}
+.icon-th-large{background-position:-216px 0;}
+.icon-th{background-position:-240px 0;}
+.icon-th-list{background-position:-264px 0;}
+.icon-ok{background-position:-288px 0;}
+.icon-remove{background-position:-312px 0;}
+.icon-zoom-in{background-position:-336px 0;}
+.icon-zoom-out{background-position:-360px 0;}
+.icon-off{background-position:-384px 0;}
+.icon-signal{background-position:-408px 0;}
+.icon-cog{background-position:-432px 0;}
+.icon-trash{background-position:-456px 0;}
+.icon-home{background-position:0 -24px;}
+.icon-file{background-position:-24px -24px;}
+.icon-time{background-position:-48px -24px;}
+.icon-road{background-position:-72px -24px;}
+.icon-download-alt{background-position:-96px -24px;}
+.icon-download{background-position:-120px -24px;}
+.icon-upload{background-position:-144px -24px;}
+.icon-inbox{background-position:-168px -24px;}
+.icon-play-circle{background-position:-192px -24px;}
+.icon-repeat{background-position:-216px -24px;}
+.icon-refresh{background-position:-240px -24px;}
+.icon-list-alt{background-position:-264px -24px;}
+.icon-lock{background-position:-287px -24px;}
+.icon-flag{background-position:-312px -24px;}
+.icon-headphones{background-position:-336px -24px;}
+.icon-volume-off{background-position:-360px -24px;}
+.icon-volume-down{background-position:-384px -24px;}
+.icon-volume-up{background-position:-408px -24px;}
+.icon-qrcode{background-position:-432px -24px;}
+.icon-barcode{background-position:-456px -24px;}
+.icon-tag{background-position:0 -48px;}
+.icon-tags{background-position:-25px -48px;}
+.icon-book{background-position:-48px -48px;}
+.icon-bookmark{background-position:-72px -48px;}
+.icon-print{background-position:-96px -48px;}
+.icon-camera{background-position:-120px -48px;}
+.icon-font{background-position:-144px -48px;}
+.icon-bold{background-position:-167px -48px;}
+.icon-italic{background-position:-192px -48px;}
+.icon-text-height{background-position:-216px -48px;}
+.icon-text-width{background-position:-240px -48px;}
+.icon-align-left{background-position:-264px -48px;}
+.icon-align-center{background-position:-288px -48px;}
+.icon-align-right{background-position:-312px -48px;}
+.icon-align-justify{background-position:-336px -48px;}
+.icon-list{background-position:-360px -48px;}
+.icon-indent-left{background-position:-384px -48px;}
+.icon-indent-right{background-position:-408px -48px;}
+.icon-facetime-video{background-position:-432px -48px;}
+.icon-picture{background-position:-456px -48px;}
+.icon-pencil{background-position:0 -72px;}
+.icon-map-marker{background-position:-24px -72px;}
+.icon-adjust{background-position:-48px -72px;}
+.icon-tint{background-position:-72px -72px;}
+.icon-edit{background-position:-96px -72px;}
+.icon-share{background-position:-120px -72px;}
+.icon-check{background-position:-144px -72px;}
+.icon-move{background-position:-168px -72px;}
+.icon-step-backward{background-position:-192px -72px;}
+.icon-fast-backward{background-position:-216px -72px;}
+.icon-backward{background-position:-240px -72px;}
+.icon-play{background-position:-264px -72px;}
+.icon-pause{background-position:-288px -72px;}
+.icon-stop{background-position:-312px -72px;}
+.icon-forward{background-position:-336px -72px;}
+.icon-fast-forward{background-position:-360px -72px;}
+.icon-step-forward{background-position:-384px -72px;}
+.icon-eject{background-position:-408px -72px;}
+.icon-chevron-left{background-position:-432px -72px;}
+.icon-chevron-right{background-position:-456px -72px;}
+.icon-plus-sign{background-position:0 -96px;}
+.icon-minus-sign{background-position:-24px -96px;}
+.icon-remove-sign{background-position:-48px -96px;}
+.icon-ok-sign{background-position:-72px -96px;}
+.icon-question-sign{background-position:-96px -96px;}
+.icon-info-sign{background-position:-120px -96px;}
+.icon-screenshot{background-position:-144px -96px;}
+.icon-remove-circle{background-position:-168px -96px;}
+.icon-ok-circle{background-position:-192px -96px;}
+.icon-ban-circle{background-position:-216px -96px;}
+.icon-arrow-left{background-position:-240px -96px;}
+.icon-arrow-right{background-position:-264px -96px;}
+.icon-arrow-up{background-position:-289px -96px;}
+.icon-arrow-down{background-position:-312px -96px;}
+.icon-share-alt{background-position:-336px -96px;}
+.icon-resize-full{background-position:-360px -96px;}
+.icon-resize-small{background-position:-384px -96px;}
+.icon-plus{background-position:-408px -96px;}
+.icon-minus{background-position:-433px -96px;}
+.icon-asterisk{background-position:-456px -96px;}
+.icon-exclamation-sign{background-position:0 -120px;}
+.icon-gift{background-position:-24px -120px;}
+.icon-leaf{background-position:-48px -120px;}
+.icon-fire{background-position:-72px -120px;}
+.icon-eye-open{background-position:-96px -120px;}
+.icon-eye-close{background-position:-120px -120px;}
+.icon-warning-sign{background-position:-144px -120px;}
+.icon-plane{background-position:-168px -120px;}
+.icon-calendar{background-position:-192px -120px;}
+.icon-random{background-position:-216px -120px;}
+.icon-comment{background-position:-240px -120px;}
+.icon-magnet{background-position:-264px -120px;}
+.icon-chevron-up{background-position:-288px -120px;}
+.icon-chevron-down{background-position:-313px -119px;}
+.icon-retweet{background-position:-336px -120px;}
+.icon-shopping-cart{background-position:-360px -120px;}
+.icon-folder-close{background-position:-384px -120px;}
+.icon-folder-open{background-position:-408px -120px;}
+.icon-resize-vertical{background-position:-432px -119px;}
+.icon-resize-horizontal{background-position:-456px -118px;}
+.dropdown{position:relative;}
+.dropdown-toggle{*margin-bottom:-3px;}
+.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
+.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"\2193";}
+.dropdown .caret{margin-top:8px;margin-left:2px;}
+.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);}
+.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px;}
+.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;}
+.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;white-space:nowrap;}
+.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#0088cc;}
+.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
+.dropdown.open .dropdown-menu{display:block;}
+.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
+.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
+.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;}
+.close{float:right;font-size:20px;font-weight:bold;line-height:16px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;}
+.btn{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
+.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
+.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
+.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.btn-large{padding:9px 14px;font-size:14px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.btn-large .icon{margin-top:1px;}
+.btn-small{padding:5px 9px;font-size:10px;line-height:14px;}
+.btn-small .icon{margin-top:-1px;}
+.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
+.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active{color:rgba(255, 255, 255, 0.75);}
+.btn-primary{background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-ms-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(top, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#0044cc;}
+.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
+.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;}
+.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
+.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;}
+.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
+.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;}
+.btn-success:active,.btn-success.active{background-color:#408140 \9;}
+.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}
+.btn-info:active,.btn-info.active{background-color:#24748c \9;}
+button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
+button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
+button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
+.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";}
+.btn-group:after{clear:both;}
+.btn-group:first-child{*margin-left:0;}
+.btn-group+.btn-group{margin-left:5px;}
+.btn-toolbar{margin-top:8px;margin-bottom:8px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
+.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
+.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
+.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
+.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
+.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;}
+.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
+.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-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);-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);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);*padding-top:5px;*padding-bottom:5px;}
+.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);}
+.btn .caret{margin-top:7px;margin-left:0;}
+.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);}
+.btn-primary .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret{border-top-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
+.btn-small .caret{margin-top:4px;}
+.alert{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.alert,.alert-heading{color:#c09853;}
+.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
+.alert-success{background-color:#dff0d8;border-color:#d6e9c6;}
+.alert-success,.alert-success .alert-heading{color:#468847;}
+.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;}
+.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#b94a48;}
+.alert-info{background-color:#d9edf7;border-color:#bce8f1;}
+.alert-info,.alert-info .alert-heading{color:#3a87ad;}
+.alert-block{padding-top:14px;padding-bottom:14px;}
+.alert-block>p,.alert-block>ul{margin-bottom:0;}
+.alert-block p+p{margin-top:5px;}
+.nav{margin-left:0;margin-bottom:16px;list-style:none;}
+.nav>li>a{display:block;}
+.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
+.nav-list{padding-left:14px;padding-right:14px;margin-bottom:0;}
+.nav-list>li>a,.nav-list .nav-header{display:block;padding:3px 15px;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
+.nav-list .nav-header{font-size:11px;font-weight:bold;line-height:16px;color:#999999;text-transform:uppercase;}
+.nav-list>li+.nav-header{margin-top:9px;}
+.nav-list .active>a,.nav-list .active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;}
+.nav-list [class^="icon-"]{margin-right:2px;}
+.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";}
+.nav-tabs:after,.nav-pills:after{clear:both;}
+.nav-tabs>li,.nav-pills>li{float:left;}
+.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
+.nav-tabs{border-bottom:1px solid #ddd;}
+.nav-tabs>li{margin-bottom:-1px;}
+.nav-tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
+.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
+.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.nav-pills .active>a,.nav-pills .active>a:hover{color:#ffffff;background-color:#0088cc;}
+.nav-stacked>li{float:none;}
+.nav-stacked>li>a{margin-right:0;}
+.nav-tabs.nav-stacked{border-bottom:0;}
+.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
+.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
+.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
+.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
+.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
+.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;}
+.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#0088cc;margin-top:6px;}
+.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;}
+.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;}
+.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;}
+.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
+.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
+.tabs-stacked .open>a:hover{border-color:#999999;}
+.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";}
+.tabbable:after{clear:both;}
+.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;}
+.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
+.tab-content>.active,.pill-content>.active{display:block;}
+.tabs-below .nav-tabs{border-top:1px solid #ddd;}
+.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;}
+.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
+.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;}
+.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;}
+.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
+.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
+.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
+.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
+.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
+.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
+.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
+.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
+.navbar{overflow:visible;margin-bottom:16px;}
+.navbar-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
+.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);border-color:#2c3143 #2c3143 #0e0f15;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#2c3143;}
+.btn-navbar:active,.btn-navbar.active{background-color:#181a24 \9;}
+.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
+.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
+.nav-collapse.collapse{height:auto;}
+.navbar .brand:hover{text-decoration:none;}
+.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
+.navbar .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}.navbar .navbar-text a:hover{color:#ffffff;background-color:transparent;}
+.navbar .btn,.navbar .btn-group{margin-top:5px;}
+.navbar .btn-group .btn{margin-top:0;}
+.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
+.navbar-form:after{clear:both;}
+.navbar-form input,.navbar-form select{display:inline-block;margin-top:5px;margin-bottom:0;}
+.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
+.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
+.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
+.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
+.navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
+.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
+.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
+.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
+.navbar .nav.pull-right{float:right;}
+.navbar .nav>li{display:block;float:left;}
+.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
+.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}
+.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#2c3143;background-color:rgba(0, 0, 0, 0.5);}
+.navbar .divider-vertical{height:32px;width:1px;margin:0 9px;overflow:hidden;background-color:#2c3143;border-right:1px solid #333333;}
+.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
+.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
+.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
+.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;}
+.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);}
+.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;}
+.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;}
+.navbar .nav.pull-right .dropdown-menu{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before{left:auto;right:12px;}
+.navbar .nav.pull-right .dropdown-menu:after{left:auto;right:13px;}
+.breadcrumb{padding:7px 14px;margin:0 0 16px;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
+.breadcrumb .divider{padding:0 5px;color:#999999;}
+.breadcrumb .active a{color:#333333;}
+.pagination{height:32px;margin:16px 0;}
+.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
+.pagination li{display:inline;}
+.pagination a{float:left;padding:0 14px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
+.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
+.pagination .active a{color:#999999;cursor:default;}
+.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
+.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
+.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
+.pagination-centered{text-align:center;}
+.pagination-right{text-align:right;}
+.pager{margin-left:0;margin-bottom:16px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";}
+.pager:after{clear:both;}
+.pager li{display:inline;}
+.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
+.pager a:hover{text-decoration:none;background-color:#f5f5f5;}
+.pager .next a{float:right;}
+.pager .previous a{float:left;}
+.modal-open .dropdown-menu{z-index:2050;}
+.modal-open .dropdown.open{*z-index:2050;}
+.modal-open .popover{z-index:2060;}
+.modal-open .tooltip{z-index:2070;}
+.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
+.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
+.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
+.modal.fade.in{top:50%;}
+.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
+.modal-body{padding:15px;}
+.modal-footer{padding:14px 15px 15px;margin-bottom:0;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
+.modal-footer:after{clear:both;}
+.modal-footer .btn{float:right;margin-left:5px;margin-bottom:0;}
+.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
+.tooltip.top{margin-top:-2px;}
+.tooltip.right{margin-left:2px;}
+.tooltip.bottom{margin-top:2px;}
+.tooltip.left{margin-left:-2px;}
+.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
+.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
+.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
+.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
+.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.tooltip-arrow{position:absolute;width:0;height:0;}
+.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
+.popover.right{margin-left:5px;}
+.popover.bottom{margin-top:5px;}
+.popover.left{margin-left:-5px;}
+.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
+.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
+.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
+.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
+.popover .arrow{position:absolute;width:0;height:0;}
+.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
+.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
+.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;}
+.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";}
+.thumbnails:after{clear:both;}
+.thumbnails>li{float:left;margin:0 0 16px 20px;}
+.thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}
+a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
+.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
+.thumbnail .caption{padding:9px;}
+.label{padding:1px 3px 2px;font-size:9px;font-weight:bold;color:#ffffff;text-transform:uppercase;background-color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.label-important{background-color:#b94a48;}
+.label-warning{background-color:#f89406;}
+.label-success{background-color:#468847;}
+.label-info{background-color:#3a87ad;}
+@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
+.progress-striped .bar{background-color:#62c462;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));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);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);background-image:-ms-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);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);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);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
+.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
+.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
+.progress-danger.progress-striped .bar{background-color:#ee5f5b;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));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);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);background-image:-ms-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);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);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);}
+.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
+.progress-success.progress-striped .bar{background-color:#62c462;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));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);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);background-image:-ms-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);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);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);}
+.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
+.progress-info.progress-striped .bar{background-color:#5bc0de;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));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);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);background-image:-ms-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);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);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);}
+.accordion{margin-bottom:16px;}
+.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.accordion-heading{border-bottom:0;}
+.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
+.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
+.carousel{position:relative;margin-bottom:16px;line-height:1;}
+.carousel-inner{overflow:hidden;width:100%;position:relative;}
+.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
+.carousel .item>img{display:block;line-height:1;}
+.carousel .active,.carousel .next,.carousel .prev{display:block;}
+.carousel .active{left:0;}
+.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
+.carousel .next{left:100%;}
+.carousel .prev{left:-100%;}
+.carousel .next.left,.carousel .prev.right{left:0;}
+.carousel .active.left{left:-100%;}
+.carousel .active.right{left:100%;}
+.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
+.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
+.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
+.carousel-caption h4,.carousel-caption p{color:#ffffff;}
+.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
+.hero-unit p{font-size:18px;font-weight:200;line-height:24px;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+.hide{display:none;}
+.show{display:block;}
+.invisible{visibility:hidden;}
+body{background:#eeeeee;}
+.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
+#background{position:absolute;background:#eeeeee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
+#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
+#left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0px;overflow:hidden;background:#fff;}
+#left,#center,#right{border-top:solid #999999 1px;}
+#left-border,#right-border{background:#eeeeee;border-left:solid #999999 1px;border-right:solid #999999 1px;padding-right:1px;padding-left:1px;width:5px;z-index:10000;}
+#left-border div,#right-border div{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;position:absolute;width:5px;height:100%;}
+#left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png);cursor:w-resize;}
+#left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;}
+#left-border.hover div,#right-border.hover div{background-color:#aaaaee;}
+#left{left:0px;width:250px;z-index:200;}
+#left-border{left:250px;}
+#center{left:259px;right:259px;overflow:hidden;z-index:1;}
+#right-border{right:250px;}
+#right{width:250px;right:0px;z-index:200;}
+.unified-panel-header{height:2em;z-index:1000;background:#cccccc;background-image:url(panel_header_bg.png);background-position:top center;background-repeat:repeat-x;border-bottom:solid #999999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;color:#333;font-weight:bold;}
+.unified-panel-header-inner{padding-top:0.45em;}
+.menu-bg{background:#c1c9e5 url(menu_bg.png) top repeat-x;}
+div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;}
+.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;border:solid #999 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}
+.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
+.panel-header-button:hover{color:black;background-color:#ccc;}
+.panel-header-button:active{color:white;background-color:#aaaaaa;}
+#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
+#overlay.modal #overlay-background{background:rgba(0, 0, 0, 0.5);}
+.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
+.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
+.dialog-box{border:solid #999 1px;background:white;z-index:80000;}
+#overlay.modal .dialog-box .body{min-width:600px;}
+.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
+.dialog-box .buttons{padding:5px;}
+.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}
+.panel-warning-message{background-image:url(warn_small.png);background-color:#ffffcc;}
+.panel-done-message{background-image:url(done_small.png);background-color:#ccffcc;}
+.panel-info-message{background-image:url(info_small.png);background-color:#ccccff;}
+#masthead{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:visible;margin-bottom:16px;position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;border-bottom:solid #444444 1px;z-index:15000;padding:0;}#masthead .brand:hover{text-decoration:none;}
+#masthead .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
+#masthead .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}#masthead .navbar-text a:hover{color:#ffffff;background-color:transparent;}
+#masthead .btn,#masthead .btn-group{margin-top:5px;}
+#masthead .btn-group .btn{margin-top:0;}
+#masthead a{color:#eeeeee;text-decoration:none;}
+#masthead .title{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;font-family:verdana;z-index:2000;}
+#masthead .masthead-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);height:32px;}
+#masthead .tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;background:transparent;}#masthead .tab-group .tab{position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;}#masthead .tab-group .tab .submenu{display:none;position:absolute;z-index:16000;left:0;top:32px;padding:1em;margin:-1em;padding-top:0;margin-top:0;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:0 0 1em 1em;-webkit-border-bottom-right-radius:1em;-webkit-border-bottom-left-radius:1em;}#masthead .tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2c3143;}#masthead .tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;}
+#masthead .tab-group .tab:hover>a{color:gold !important;}
+#masthead .tab-group .active{background:#010101;}
+#masthead a:hover{text-decoration:underline;}
+.quota-meter-container{position:absolute;top:0;right:0;height:32px;}
+.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#c1c9e5;}
+.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969db3;}
+.quota-meter-bar-warn{background-color:#ffb400;}
+.quota-meter-bar-error{background-color:#ff4343;}
+.quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000000;}
diff --git a/static/june_2007_style/galaxy_bootstrap.less b/static/june_2007_style/galaxy_bootstrap.less
new file mode 100644
index 00000000000..b9bacc43983
--- /dev/null
+++ b/static/june_2007_style/galaxy_bootstrap.less
@@ -0,0 +1,146 @@
+// Variables.less
+// Variables to customize the look and feel of Bootstrap
+// -----------------------------------------------------
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+// Links
+@linkColor:             #08c;
+@linkColorHover:        darken(@linkColor, 15%);
+
+// Grays
+@black:                 #000;
+@grayDarker:            #222;
+@grayDark:              #333;
+@gray:                  #555;
+@grayLight:             #999;
+@grayLighter:           #eee;
+@white:                 #fff;
+
+// Accent colors
+@blue:                  #049cdb;
+@blueDark:              #0064cd;
+@green:                 #46a546;
+@red:                   #9d261d;
+@yellow:                #ffc40d;
+@orange:                #f89406;
+@pink:                  #c3325f;
+@purple:                #7a43b6;
+
+// Typography
+@baseFontSize:          12px;
+@baseFontFamily:        "Lucida Grande",verdana,arial,helvetica,sans-serif;
+@baseLineHeight:        16px;
+@textColor:             @grayDark;
+
+// Buttons
+@primaryButtonBackground:    @linkColor;
+
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// Z-index master list
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+@zindexDropdown:        1000;
+@zindexPopover:         1010;
+@zindexTooltip:         1020;
+@zindexFixedNavbar:     1030;
+@zindexModalBackdrop:   1040;
+@zindexModal:           1050;
+
+// Input placeholder text color
+@placeholderText:       @grayLight;
+
+// Navbar
+@navbarHeight:                    32px;
+@navbarBackground:                @masthead_bg;
+@navbarBackgroundHighlight:       @grayDark;
+
+@navbarText:                      @grayLight;
+@navbarLinkColor:                 @grayLight;
+@navbarLinkColorHover:            @white;
+
+// Form states and alerts
+@warningText:             #c09853;
+@warningBackground:       #fcf8e3;
+@warningBorder:           darken(spin(@warningBackground, -10), 3%);
+
+@errorText:               #b94a48;
+@errorBackground:         #f2dede;
+@errorBorder:             darken(spin(@errorBackground, -10), 3%);
+
+@successText:             #468847;
+@successBackground:       #dff0d8;
+@successBorder:           darken(spin(@successBackground, -10), 5%);
+
+@infoText:                #3a87ad;
+@infoBackground:          #d9edf7;
+@infoBorder:              darken(spin(@infoBackground, -10), 7%);
+
+
+
+// GRID
+// --------------------------------------------------
+
+// Default 940px grid
+@gridColumns:             12;
+@gridColumnWidth:         60px;
+@gridGutterWidth:         20px;
+@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Fluid grid
+@fluidGridColumnWidth:    6.382978723%;
+@fluidGridGutterWidth:    2.127659574%;
+
+// ---- Imports ----
+
+@import "bootstrap/reset.less";
+@import "bootstrap/mixins.less";
+
+// Grid system and page structure
+@import "bootstrap/scaffolding.less";
+
+// Base CSS
+@import "bootstrap/type.less";
+@import "bootstrap/code.less";
+@import "bootstrap/forms.less";
+@import "bootstrap/tables.less";
+
+// Components: common
+@import "bootstrap/sprites.less";
+@import "bootstrap/dropdowns.less";
+@import "bootstrap/wells.less";
+@import "bootstrap/component-animations.less";
+@import "bootstrap/close.less";
+
+// Components: Buttons & Alerts
+@import "bootstrap/buttons.less";
+@import "bootstrap/button-groups.less";
+@import "bootstrap/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
+
+// Components: Nav
+@import "bootstrap/navs.less";
+@import "bootstrap/navbar.less";
+@import "bootstrap/breadcrumbs.less";
+@import "bootstrap/pagination.less";
+@import "bootstrap/pager.less";
+
+// Components: Popovers
+@import "bootstrap/modals.less";
+@import "bootstrap/tooltip.less";
+@import "bootstrap/popovers.less";
+
+// Components: Misc
+@import "bootstrap/thumbnails.less";
+@import "bootstrap/labels.less";
+@import "bootstrap/progress-bars.less";
+@import "bootstrap/accordion.less";
+@import "bootstrap/carousel.less";
+@import "bootstrap/hero-unit.less";
+
+// Utility classes
+@import "bootstrap/utilities.less"; 
\ No newline at end of file
diff --git a/static/june_2007_style/make_style.py b/static/june_2007_style/make_style.py
index 741a9a8749e..9d76e3d24e0 100755
--- a/static/june_2007_style/make_style.py
+++ b/static/june_2007_style/make_style.py
@@ -18,16 +18,6 @@ assert sys.version_info[:2] >= ( 2, 4 )
 def run( cmd ):
     return Popen( cmd, stdout=PIPE).communicate()[0]
 
-templates = [ ( "base.css.tmpl", "base.css" ),
-              ( "panel_layout.css.tmpl", "panel_layout.css" ),
-              ( "masthead.css.tmpl", "masthead.css" ),
-              ( "library.css.tmpl", "library.css" ),
-              ( "history.css.tmpl", "history.css" ),
-              ( "tool_menu.css.tmpl", "tool_menu.css" ),
-              ( "iphone.css.tmpl", "iphone.css" ),
-              ( "autocomplete_tagging.css.tmpl", "autocomplete_tagging.css" ),
-              ( "trackster.css.tmpl", "trackster.css" ) ]
-
 # TODO: Are these images still being used?  If not, clean this code up!
 images = [ 
            ( "./gradient.py 9 30 $panel_header_bg_top - $panel_header_bg_bottom 0 0 $panel_header_bg_bottom 1 1", "panel_header_bg.png" ),
@@ -62,6 +52,10 @@ shared_images = [
 ]
 
 if __name__ == "__main__":
+    print "This script is no longer used for generating stylesheets. Please use the Makefile instead"
+
+    # Old code for processing stylesheets
+    """
     if len(sys.argv) > 1: # has params
         ini_file, out_dir = sys.argv[1:]
     else:
@@ -71,8 +65,9 @@ if __name__ == "__main__":
     for in_file, out_file in templates:
         print in_file ,"->", out_file
         subprocess.call( "./process_css.py %s shared_images:../images %s < %s > %s" % ( ini_file, out_dir, in_file, os.path.join( out_dir, out_file ) ), shell=True )
-
+    """
   
+# Old code for processing images, long disabled, though images are still used. 
 """
 for rule, output in images:
     t = string.Template( rule ).substitute( context ) 
diff --git a/static/june_2007_style/panel_layout.css.tmpl b/static/june_2007_style/panel_layout.less
similarity index 64%
rename from static/june_2007_style/panel_layout.css.tmpl
rename to static/june_2007_style/panel_layout.less
index 292501dda9c..56ea660db5f 100644
--- a/static/june_2007_style/panel_layout.css.tmpl
+++ b/static/june_2007_style/panel_layout.less
@@ -1,6 +1,10 @@
+@import "variables";
+
+@import "galaxy_bootstrap.less";
+
 body {
-    font: 75% "Lucida Grande",verdana,arial,helvetica,sans-serif; 
-    background: ${layout_bg};
+    // font: 75% "Lucida Grande",verdana,arial,helvetica,sans-serif; 
+    background: @layout_bg;
 }
 
 .unselectable {
@@ -11,7 +15,7 @@ body {
 
 #background {
     position: absolute;
-    background: ${layout_bg};
+    background: @layout_bg;
     z-index: -1;
     top: 0;
     left: 0;
@@ -40,12 +44,12 @@ body {
     background: #fff;
 }
 #left, #center, #right {
-    border-top: solid ${layout_border} 1px;
+    border-top: solid @layout_border 1px;
 }
 #left-border, #right-border {
     background: #eeeeee;
-    border-left: solid ${layout_border} 1px;
-    border-right: solid ${layout_border} 1px;
+    border-left: solid @layout_border 1px;
+    border-right: solid @layout_border 1px;
     padding-right: 1px;
     padding-left: 1px;
     width: 5px;
@@ -68,7 +72,7 @@ body {
     cursor: e-resize;
 }
 #left-border.hover div, #right-border.hover div {
-    background-color: ${layout_hover};
+    background-color: @layout_hover;
 }
 #left  {
     left: 0px;
@@ -96,11 +100,11 @@ body {
 .unified-panel-header {
     height: 2em;
     z-index: 1000;
-    background: ${panel_header_bg_bottom};
+    background: @panel_header_bg_bottom;
     background-image: url(panel_header_bg.png);
     background-position: top center;
     background-repeat: repeat-x;
-    border-bottom: solid ${layout_border} 1px;
+    border-bottom: solid @layout_border 1px;
     margin: 0;
     padding: 0;
     padding-right: 10px;
@@ -114,7 +118,7 @@ body {
 }
   
 .menu-bg {
-    background: $menu_bg_over url(menu_bg.png) top repeat-x;
+    background: @menu_bg_over url(menu_bg.png) top repeat-x;
 }
     
 div.unified-panel-body {
@@ -201,16 +205,16 @@ div.unified-panel-body {
     padding: 5px;
 }
 
-## Messages for message box, slightly different style
+// Messages for message box, slightly different style
 
 .panel-error-message, .panel-warning-message, .panel-done-message, .panel-info-message
 {
     height: 24px;
     line-height: 24px;
-    color: $base_text;
+    color: @base_text;
     padding: 0px;
     padding-left: 26px;
-    background-color: $error_message_bg;
+    background-color: @error_message_bg;
     background-image: url(error_small.png);
     background-repeat: no-repeat;
     background-position: 6px 50%;
@@ -219,47 +223,120 @@ div.unified-panel-body {
 .panel-warning-message 
 {
     background-image: url(warn_small.png);
-    background-color: $warn_message_bg;
+    background-color: @warn_message_bg;
 }
 
 .panel-done-message 
 {
     background-image: url(done_small.png);
-    background-color: $done_message_bg;
+    background-color: @done_message_bg;
 }
 
 .panel-info-message 
 {
     background-image: url(info_small.png);
-    background-color: $info_message_bg;
+    background-color: @info_message_bg;
 }
 
-## Masthead
+// Masthead
 
 #masthead {
+    .border-radius(0);
+    .navbar();
     position:absolute; 
     top:0; 
     left:0; 
     width:100%;
     min-width:900px;
     height:32px;
-    background: ${masthead_bg}; 
-    color:#fff;
-    border-bottom: solid ${layout_masthead_border} 1px;
+    // background: @masthead_bg; 
+    // color:#fff;
+    border-bottom: solid @layout_masthead_border 1px;
     z-index: 15000;
     padding: 0;
 
     a {
-        color: ${masthead_link};
+        color: @masthead_link;
         text-decoration: none;
     }
     
     .title {
+        .navbar.brand();
         font-family: verdana;
-        padding: 3px 10px;
-        font-size: 175%;
-        font-weight: bold;
-        z-index: -1;
+        //padding: 3px 10px;
+        //font-size: 175%;
+        //font-weight: bold;
+        z-index: 2000;
+    }
+
+    .masthead-inner {
+        .navbar-inner();
+        height: 32px;
+    }
+
+    // Tabs
+
+    .tab-group {
+
+        margin: 0;
+        padding: 0 10px;
+        height: 100%;
+        white-space: nowrap;
+        cursor: default;
+        background: transparent;
+       
+        .tab {
+        
+            // background: @masthead_bg;
+            position: relative;
+            float: left;
+            margin: 0;
+            padding: 0 1em;
+            height: 32px;
+            line-height: 32px;
+            text-align: left;
+            
+            .submenu {
+            
+                display: none;
+                position: absolute;
+                z-index: 16000;
+                left: 0;
+                top: 32px;
+                padding: 1em;
+                margin: -1em;
+                padding-top: 0;
+                margin-top: 0;
+                background-color: rgba(0,0,0,0.5);
+                -moz-border-radius: 0 0 1em 1em;
+                -webkit-border-bottom-right-radius: 1em;
+                -webkit-border-bottom-left-radius: 1em;
+            
+                ul {
+                
+                    display: block;
+                    margin: 0;
+                    padding: 0;
+                    list-style-type: none;
+                    background: @masthead_bg;
+                
+                    li {
+                    
+                        display: block;
+                        padding: 0 1em;
+                        white-space: nowrap;
+                    }
+                }
+            }
+        }
+
+        .tab:hover > a {
+            color: gold !important;
+        }
+
+        .active {
+            background: rgb(1,1,1);
+        }
     }
 }
 
@@ -282,7 +359,7 @@ div.unified-panel-body {
     right: 8px;
     height: 16px;
     width: 100px;
-    background-color: $quota_meter_bg;
+    background-color: @quota_meter_bg;
 }
 
 .quota-meter-bar
@@ -291,17 +368,17 @@ div.unified-panel-body {
     top: 0;
     left: 0;
     height: 16px;
-    background-color: $quota_meter_bar;
+    background-color: @quota_meter_bar;
 }
 
 .quota-meter-bar-warn
 {
-    background-color: $quota_meter_warn_bar;
+    background-color: @quota_meter_warn_bar;
 }
 
 .quota-meter-bar-error
 {
-    background-color: $quota_meter_error_bar;
+    background-color: @quota_meter_error_bar;
 }
 
 .quota-meter-text
@@ -314,70 +391,5 @@ div.unified-panel-body {
     margin-top: -6px;
     text-align: center;
     z-index: 9001;
-    color: $quota_meter_text;
-}
-
-## Tabs
-
-.tab-group {
-
-    margin: 0;
-    padding: 0 10px;
-    height: 100%;
-    white-space: nowrap;
-    cursor: default;
-    background: transparent;
-   
-    .tab {
-    
-        background: ${masthead_bg};
-        position: relative;
-        float: left;
-        margin: 0;
-        padding: 0 1em;
-        height: 32px;
-        line-height: 32px;
-        text-align: left;
-        
-        .submenu {
-        
-            display: none;
-            position: absolute;
-            z-index: 16000;
-            left: 0;
-            top: 32px;
-            padding: 1em;
-            margin: -1em;
-            padding-top: 0;
-            margin-top: 0;
-            background-color: rgba(0,0,0,0.5);
-            -moz-border-radius: 0 0 1em 1em;
-            -webkit-border-bottom-right-radius: 1em;
-            -webkit-border-bottom-left-radius: 1em;
-        
-            ul {
-            
-                display: block;
-                margin: 0;
-                padding: 0;
-                list-style-type: none;
-                background: ${masthead_bg};
-            
-                li {
-                
-                    display: block;
-                    padding: 0 1em;
-                    white-space: nowrap;
-                }
-            }
-        }
-    }
-
-    .tab:hover > a {
-        color: gold !important;
-    }
-
-    .active {
-        background: rgb(1,1,1);
-    }
+    color: @quota_meter_text;
 }
diff --git a/static/june_2007_style/variables_to_less.py b/static/june_2007_style/variables_to_less.py
new file mode 100755
index 00000000000..af7a731595b
--- /dev/null
+++ b/static/june_2007_style/variables_to_less.py
@@ -0,0 +1,23 @@
+#!/usr/bin/env python
+
+"""
+Read ini-like variable definition and output in less format.
+"""
+
+import sys
+
+def main():
+    # Read variable definitions from a (sorta) ini file
+    context = dict()
+    for line in sys.stdin:
+        if line.startswith( '#' ):
+            continue
+        key, value = line.rstrip("\r\n").split( '=' )
+        if value.startswith( '"' ) and value.endswith( '"' ):
+            value = value[1:-1]
+        if value == "-":
+            continue
+        print "@%s: %s;" % ( key, value ) 
+
+if __name__ == "__main__":
+    main()
diff --git a/templates/base_panels.mako b/templates/base_panels.mako
index ccd2021c52b..6250ad67ed3 100644
--- a/templates/base_panels.mako
+++ b/templates/base_panels.mako
@@ -217,8 +217,10 @@
             ## Background displays first
             
    
             ## Layer iframes over backgrounds
-            
    
-                ${self.masthead()}
+            
             
    
                 %if self.message_box_visible:

From 7c3c0b767752cf392ffd50e9a7458745a5f608c2 Mon Sep 17 00:00:00 2001
From: James Taylor 
Date: Thu, 23 Feb 2012 11:41:36 -0500
Subject: [PATCH 4/7] style: new styles for panels, rewrite panel javascript.
 normalizing styles for popups. add iconic icon font. various other style
 tweaks.

---
 static/images/fonts/iconic_stroke.eot         | Bin 0 -> 25883 bytes
 static/images/fonts/iconic_stroke.otf         | Bin 0 -> 40600 bytes
 static/images/fonts/iconic_stroke.svg         | 492 +++++++++++
 static/images/fonts/iconic_stroke.ttf         | Bin 0 -> 18856 bytes
 static/june_2007_style/Makefile               |  10 +-
 static/june_2007_style/base.less              | 801 ++++++++++++++++--
 static/june_2007_style/blue/base.css          | 632 +++++++++++---
 static/june_2007_style/blue/history.css       |  27 -
 static/june_2007_style/blue/panel_layout.css  | 619 +-------------
 static/june_2007_style/blue/tool_menu.css     |   9 -
 static/june_2007_style/blue_colors.ini        |   2 +-
 static/june_2007_style/bootstrap/buttons.less |   1 +
 .../june_2007_style/bootstrap/dropdowns.less  |   2 +-
 static/june_2007_style/bootstrap/mixins.less  |   6 +-
 static/june_2007_style/bootstrap/sprites.less |   6 +-
 static/june_2007_style/galaxy_bootstrap.less  |  25 +-
 static/june_2007_style/history.css.tmpl       | 138 ---
 static/june_2007_style/panel_layout.less      | 395 ---------
 static/june_2007_style/process_css.py         |   2 +-
 static/june_2007_style/tool_menu.css.tmpl     |  70 --
 static/scripts/galaxy.base.js                 |  12 +-
 static/scripts/galaxy.panels.js               | 280 +++---
 templates/base_panels.mako                    |  22 +-
 templates/root/index.mako                     |   6 +-
 templates/webapps/galaxy/base_panels.mako     |  45 +-
 25 files changed, 1941 insertions(+), 1661 deletions(-)
 create mode 100644 static/images/fonts/iconic_stroke.eot
 create mode 100644 static/images/fonts/iconic_stroke.otf
 create mode 100644 static/images/fonts/iconic_stroke.svg
 create mode 100644 static/images/fonts/iconic_stroke.ttf

diff --git a/static/images/fonts/iconic_stroke.eot b/static/images/fonts/iconic_stroke.eot
new file mode 100644
index 0000000000000000000000000000000000000000..ec2120947905843463b7edd466a231c71adcccc9
GIT binary patch
literal 25883
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
Vf&j)griM-~_O^yj)`$Vn{|5jj0SW*B

literal 0
HcmV?d00001

diff --git a/static/images/fonts/iconic_stroke.otf b/static/images/fonts/iconic_stroke.otf
new file mode 100644
index 0000000000000000000000000000000000000000..0aa24ebcfc0999d124ab7fb455902ed2069ae3ce
GIT binary patch
literal 40600
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
+
+
+
+Created by FontForge 20110222 at Wed Feb  8 00:46:49 2012
+ By PJ Onori,,,
+Icons by PJ Onori, font creation script by Yann
+
+
+
+  
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+
diff --git a/static/images/fonts/iconic_stroke.ttf b/static/images/fonts/iconic_stroke.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..8af00b5848a78bdf895b1fbed22a56c6b047f66f
GIT binary patch
literal 18856
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

literal 0
HcmV?d00001

diff --git a/static/june_2007_style/Makefile b/static/june_2007_style/Makefile
index 579042c7249..1aa454a014e 100644
--- a/static/june_2007_style/Makefile
+++ b/static/june_2007_style/Makefile
@@ -11,7 +11,7 @@ css: $(foreach N,$(ALL_CSS),$N.css)
 
 # Convert variables from ini to less syntax
 variables.less : $(INI)
-	./variables_to_less.py < $< > $@
+	../variables_to_less.py < $< > $@
 
 # Convert using less
 %.css : %.less
@@ -19,8 +19,12 @@ variables.less : $(INI)
 
 # Old style using process_css still works so we can move gradually
 %.css : %.css.tmpl
-	./process_css.py $(INI) shared_images:../images $(OUT) < $< > $@
+	../process_css.py $(INI) shared_images:../images $(OUT) < $< > $@
 
 # For building sprite images
 %.less : %.less.tmpl
-	./process_css.py $(INI) shared_images:../images $(OUT) < $< > $@
+	../process_css.py $(INI) shared_images:../images $(OUT) < $< > $@
+
+# Some dependencies
+base.css: variables.less galaxy_bootstrap.less iconic_stroke.less
+
diff --git a/static/june_2007_style/base.less b/static/june_2007_style/base.less
index 87474f23ce5..7ed02a57c8d 100644
--- a/static/june_2007_style/base.less
+++ b/static/june_2007_style/base.less
@@ -2,25 +2,19 @@
 
 @import "galaxy_bootstrap.less";
 
-
-// Lucida Grande for proper mac unicode characters, verdana/arial stack for others
-//body{font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% "Lucida Grande",verdana,arial,helvetica,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
-//body{font-size:75%;}
+@import "iconic_stroke.less";
 
 // Mixins
 
 .unselectable {
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
+    .user-select(none);
 }
 
 .shadow {
-    -moz-box-shadow: 0 3px 30px black;
-    -webkit-box-shadow: 0 3px 30px black;
+    .box-shadow();
 }
 
-// Real styles
+// ==== Real (basic) styles ====
 
 body  {
     background: @base_bg_bottom;
@@ -37,6 +31,7 @@ img {
 
 
 a:link, a:visited, a:active {
+    text-decoration: underline;
     color: @link_text;
 }
 
@@ -63,6 +58,420 @@ th {
     text-align: left;
 }
 
+// ==== Panel layout styles ====
+
+#background {
+    position: absolute;
+    background: @layout_bg;
+    z-index: -1;
+    top: 0;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+}
+
+#messagebox {
+    position:absolute; 
+    top:33px; 
+    left:0; 
+    width:100%; 
+    height:24px !important;
+    overflow: hidden; 
+    border-bottom: solid #999 1px;
+    font-size: 90%;
+}
+
+@layout_top_padding: 0px;
+@layout_border_padding: 0px;
+
+@panel_header_height: 30px;
+@panel_footer_height: 25px;
+
+// Panels
+
+#left, #left-border, #center, #right-border, #right {
+    position: absolute; 
+    top: @navbarHeight + @layout_top_padding + 1;
+    bottom: 0px;
+    overflow: hidden; 
+    background: #fff;
+}
+#left, #center, #right, #left-border, #right-border {
+    // border-top: solid @layout_border 1px;
+}
+#left  {
+    left: 0px;
+    width: 250px;
+    z-index: 200;
+    border-right: solid @layout_border 1px;
+}
+#left-border  {
+    left: 250px;
+}
+#center  {
+    left:250 + @layout_border_padding;
+    right: 250 + @layout_border_padding;
+    overflow: hidden;
+    z-index: 1;
+}
+#right-border  {
+    right: 250px;
+}
+#right {
+    width: 250px;
+    right: 0px; 
+    z-index: 200;
+    border-left: solid @layout_border 1px;
+}
+
+.unified-panel-header {
+    .unselectable();
+    height: @panel_header_height;
+    z-index: 1000;
+    //background: @panel_header_bg_bottom;
+    //background-image: url(panel_header_bg.png);
+    //background-position: top center;
+    //background-repeat: repeat-x;
+    text-shadow: rgba(255,255,255,.8) 0 1px 0;
+    #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
+    border-bottom: solid @layout_border 1px;
+    margin: 0;
+    padding: 0;
+    padding-right: 10px;
+    padding-left: 10px;
+    font-weight: bold;
+
+    color: #555;
+    a {
+        color: #555;
+    }
+}
+
+.unified-panel-header-inner {
+    padding-top: 8px;
+}
+
+.unified-panel-footer {
+    .unselectable();
+    position: absolute;
+    bottom: 0;
+    height: @panel_footer_height;
+    line-height: @panel_footer_height;
+    width: 100%;
+    z-index: 1000;
+    border-top: solid @layout_border 1px;
+    #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
+
+    color: #555;
+    a {
+        color: #555;
+    }
+
+    .drag, .collapse {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 0 5px;
+        text-align: center;
+        height: @panel_footer_height;
+        width: @panel_footer_height - 5;
+        background-image: url(../images/visualization/draggable_horizontal.png);
+        background-repeat: no-repeat;
+        background-position: 50% 50%;
+
+        // .ie7-restore-right-whitespace();
+    }
+
+    .drag {
+        cursor: w-resize;
+    }
+
+    .collapse {
+        position: fixed;
+        left: 0;
+        top: inherit;
+        bottom: 0;
+        background: none;
+        border-right: solid @layout_border 1px;
+        border-top: solid @layout_border 1px;
+        #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
+        .iconic();
+
+    }
+    .collapse.hidden {
+        // .opacity(50);
+    }
+    .collapse:before {
+        content:'\2190';
+    }
+    .collapse.hidden:before {
+        content:'\2192';
+    }
+}
+
+#right > .unified-panel-footer {
+    .drag {
+        left: 0;
+    }
+    .collapse {
+        left: inherit;
+        right: 0;
+        border-right: none;
+        border-left: solid @layout_border 1px;
+    }
+    .collapse:before{
+        content:'\2192';
+    }
+    .collapse.hidden:before {
+        content:'\2190';
+    }
+}
+  
+.menu-bg {
+    background: whiteSmoke top repeat-x;
+}
+    
+div.unified-panel-body {
+    position: absolute;
+    top: @panel_header_height;
+    bottom: @panel_footer_height;
+    width: 100%;
+    margin-top: 1px;
+}
+
+.panel-header-button {
+    color: #333;
+    text-decoration: none;
+    display: inline-block;
+    cursor: pointer;
+    margin: -1px; padding: 1px;
+    margin-top: -0.2em;
+    // border: solid #999 1px;
+    padding-right: 0.5em;
+    padding-left: 0.5em;
+    // -moz-border-radius: 0.5em;
+    // -webkit-border-radius: 0.5em;
+    // border-radius: 0.5em;
+    .caret {
+        margin-top: 7px;
+    }
+}
+
+.panel-header-button.popup {
+    padding-right: 1.75em;
+    background: url(../images/dropdownarrow.png) no-repeat right 7px;
+}
+
+.panel-header-button:hover {
+    // color: black;
+    // background-color: #ccc;
+}
+
+.panel-header-button:active {
+    // color: white;
+    // background-color: #aaaaaa;
+}
+
+#overlay {
+    position: fixed;
+    top: 0; left: 0; width: 100%; height: 100%;
+    z-index: 20000;
+}
+
+#overlay.modal #overlay-background {
+    background: rgba(0,0,0,0.5);
+}
+
+.dialog-box-container {
+    position: relative;
+    margin-top: 80px;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.dialog-box-wrapper {
+    position: relative;
+    padding: 1em;
+    background-color: rgba(0,0,0,0.5);
+    -moz-border-radius: 1em;
+    -webkit-border-radius: 1em;
+}
+
+.dialog-box {
+    border: solid #999 1px;
+    background: white;
+    z-index: 80000;
+}
+
+#overlay.modal .dialog-box .body {
+    min-width: 600px;
+}
+
+.dialog-box .body {
+    padding: 5px;
+    overflow: auto;
+    max-height: 500px;
+    min-width: 300px;
+}
+
+.dialog-box .buttons {
+    padding: 5px;
+}
+
+// Messages for message box, slightly different style
+
+.panel-error-message, .panel-warning-message, .panel-done-message, .panel-info-message
+{
+    height: 24px;
+    line-height: 24px;
+    color: @base_text;
+    padding: 0px;
+    padding-left: 26px;
+    background-color: @error_message_bg;
+    background-image: url(error_small.png);
+    background-repeat: no-repeat;
+    background-position: 6px 50%;
+}
+
+.panel-warning-message 
+{
+    background-image: url(warn_small.png);
+    background-color: @warn_message_bg;
+}
+
+.panel-done-message 
+{
+    background-image: url(done_small.png);
+    background-color: @done_message_bg;
+}
+
+.panel-info-message 
+{
+    background-image: url(info_small.png);
+    background-color: @info_message_bg;
+}
+
+// Masthead
+
+#masthead {
+    .border-radius(0);
+    .navbar();
+    position:absolute; 
+    top:0; 
+    left:0; 
+    width:100%;
+    min-width:900px;
+    height:32px;
+    // background: @masthead_bg; 
+    // color:#fff;
+    border-bottom: solid @layout_masthead_border 1px;
+    z-index: 15000;
+    padding: 0;
+
+    /*
+    a {
+        color: @masthead_link;
+        text-decoration: none;
+    }
+    */
+
+    .nav > li > a {
+        // Override height of navbar links
+        padding: 6px 10px 8px;
+        // Force cursor to be pointer since tabs are either a link of a button
+        cursor: pointer;
+    }
+
+    .nav > li > a:hover {
+        color: gold;
+    }
+    
+    .dropdown-menu a, .dropdown-menu a:hover {
+        text-decoration: none;
+    }
+
+    .title {
+        .navbar.brand();
+        font-family: verdana;
+        font-weight: bold;
+        color: white;
+        // Override margin and padding due to shorter navbar height
+        padding: 5px 20px 12px;
+        margin-left: -15px;
+        z-index: 2000;
+        a {
+            color: white;
+            text-decoration: none;
+        }
+    }
+
+    .masthead-inner {
+        .navbar-inner();
+        .navbar-fixed-top.navbar-inner();
+        height: 32px;
+    }
+}
+
+#masthead a:hover {
+    text-decoration: underline;
+}
+
+.quota-meter-container
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 32px;
+}
+
+.quota-meter
+{
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    height: 16px;
+    width: 100px;
+    background-color: @quota_meter_bg;
+}
+
+.quota-meter-bar
+{
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 16px;
+    background-color: @quota_meter_bar;
+}
+
+.quota-meter-bar-warn
+{
+    background-color: @quota_meter_warn_bar;
+}
+
+.quota-meter-bar-error
+{
+    background-color: @quota_meter_error_bar;
+}
+
+.quota-meter-text
+{
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100px;
+    height: 16px;
+    margin-top: -6px;
+    text-align: center;
+    z-index: 9001;
+    color: @quota_meter_text;
+}
+
+
+
+// ==== Tool form styles ====
+
 div.toolForm {
     border: solid @form_border 1px;
 }
@@ -252,26 +661,37 @@ select, textarea, input[type="text"], input[type="file"], input[type="password"]
 // Messages 
 
 .errormessagelarge, .warningmessagelarge, .donemessagelarge, .infomessagelarge {
-    padding: 10px;
+    /*padding: 10px;
     padding-left: 52px;
     min-height: 32px;
     border: 1px solid @error_message_border;
     background-color: @error_message_bg;
+    */
+    padding-left: 52px;
     background-image: url(error_message_icon.png);
     background-repeat: no-repeat;
     background-position: 10px 10px;
 }
 
+.errormessagelarge {
+    .alert-error();
+    padding-left: 52px;
+}
+
 .warningmessagelarge {
+    .alert();
     background-image: url(warn_message_icon.png);
     border-color: @warn_message_border;
     background-color: @warn_message_bg;
 }
 
 .donemessagelarge {
+    .alert();
+    .alert-success();
+    padding-left: 52px;
     background-image: url(done_message_icon.png);
-    border-color: @done_message_border;
-    background-color: @done_message_bg;
+    //border-color: @done_message_border;
+    //background-color: @done_message_bg;
 }
 
 .infomessagelarge {
@@ -288,32 +708,39 @@ select, textarea, input[type="text"], input[type="file"], input[type="password"]
 }
 
 .errormessage, .warningmessage, .donemessage, .infomessage, .errormessagesmall, .warningmessagesmall, .donemessagesmall, .infomessagesmall {
+    .alert();
     padding: 5px;
     padding-left: 25px;
     min-height: 15px;
-    border: 1px solid @error_message_border;
-    background-color: @error_message_bg;
+    //border: 1px solid @error_message_border;
+    //background-color: @error_message_bg;
     background-image: url(error_small.png);
     background-repeat: no-repeat;
     background-position: 5px 5px;
 }
 
+.errormessage {
+    .alert-error();
+}
+
 .warningmessage, .warningmessagesmall {
     background-image: url(warn_small.png);
-    border-color: @warn_message_border;
-    background-color: @warn_message_bg;
+    //border-color: @warn_message_border;
+    //background-color: @warn_message_bg;
 }
 
 .donemessage, .donemessagesmall {
+    .alert-success();
     background-image: url(ok_small.png);
-    border-color: @done_message_border;
-    background-color: @done_message_bg;
+    // border-color: @done_message_border;
+    // background-color: @done_message_bg;
 }
 
 .infomessage, .infomessagesmall {
+    .alert-info();
     background-image: url(info_small.png);
-    border-color: @info_message_border;
-    background-color: @info_message_bg;
+    //border-color: @info_message_border;
+    //background-color: @info_message_bg;
 }
 
 .errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr {
@@ -416,6 +843,7 @@ div.odd_row {
 
 // Tool panel stuff
 
+/*
 td.panel-body {
     background: white;
     color: @base_text;
@@ -435,18 +863,19 @@ div.toolSectionDetailsInner {
 }
 
 div.toolSectionTitle {
-    padding-bottom: 0px;
-    font-weight: bold;
+    // padding-bottom: 0px;
+    // font-weight: bold;
 }
 
 div.toolTitle {
-    padding-top: 5px;
-    padding-bottom: 5px;
+    //padding-top: 5px;
+    //padding-bottom: 5px;
     margin-left: 16px;
     margin-right: 10px;
     display: list-item;
     list-style: square outside;
 }
+*/
 
 span.toolParameterExpandableCollapsable {
     font-weight: bold;
@@ -543,42 +972,36 @@ ul.manage-table-actions li {
 // Button styles
 
 .action-button {
-    background: transparent;
-    line-height: 16px;
-    color: #333;
-    text-decoration: none;
-    font-size: 100%;
-    font-weight: bold;
-    display: inline-block;
-    cursor: pointer;
-    padding: 2px;
-    border: solid #aaaaaa 1px;
-    padding-right: 0.5em;
-    padding-left: 0.5em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-radius: 0.5em;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
+    .btn();
 }
-
-.action-button > * {
+a.action-button {
+    text-decoration: none;
+}
+.action-button > img {
     vertical-align: middle;
 }
 
+
+//.action-button > * {
+//    vertical-align: middle;
+//}
+
 .action-button:hover {
-    color: black;
-    background: #dddddd;
+    .btn.hover();
+    //color: black;
+    //background: #dddddd;
 }
 .action-button:active {
-    color: white;
-    background: #aaaaaa;
+    .btn.active();
+    //color: white;
+    //background: #aaaaaa;
 }
 
 // A menu button is a button that has an attached popup menu
 
 .menubutton {
+    .btn();
+
     display: inline-block;
     cursor: pointer;
     position: relative;
@@ -629,6 +1052,7 @@ ul.manage-table-actions li {
 
 // Popup menu styles
 
+/*
 .overlay-border {
     position: absolute;
     top: 0;
@@ -642,49 +1066,46 @@ ul.manage-table-actions li {
     -webkit-border-radius: 1em;
     z-index: -1;
 }
+*/
 
+// Galaxy popup menus
 div.popmenu-wrapper {
 
     position: absolute;
     top: 100%;
     z-index: 20000;
 
-    ul {
-        
+    ul.dropdown-menu {
+        // Since our menus are contained in a positioned div, need to override some styles
         display: block;
-        margin: 0;
-        padding: 0;
-        
-        background: white;
-        color: #333;
-        font-weight: bold;    
-        font-style: normal;
-        white-space: nowrap;
-        border: solid #aaaaaa 1px;
-        padding: 3px 0;
-        -moz-border-radius: 0.5em;
-        -webkit-border-radius: 0.5em;
-        border-radius: 0.5em;
-        // margin: -3px -0.5em;
-        // min-width: 100%;
-        
-        .unselectable;
-        
-        li {
-            display: block;
-            padding: 3px 1em;
-            cursor: pointer;
-            border-top: solid transparent 1px;
-            border-bottom: solid transparent 1px;
-        }
-        
-        li.head {
-            color: #999;
-            font-style: italic;
-        }
+        position: relative;
+        float: none;
     }
 }
 
+// For all dropdowns, define some additional item types
+ul.dropdown-menu {
+    // No underlines in dropdown menus
+    a {
+        text-decoration: none;
+    }
+    li.head > a {
+        // From nav-list nav-header
+        text-shadow: 0 1px 0 rgba(255,255,255,.5);
+        font-size: 11px;
+        font-weight: bold;
+        line-height: @baseLineHeight;
+        color: @grayLight;
+        text-transform: uppercase;
+    }
+
+    li.head > a:hover {
+        background: inherit;
+        border-color: transparent;
+    }
+}
+
+/*
 div.popmenu-wrapper ul li:hover {
     background: #EEEEFF;
     border-color: #aaa;
@@ -694,6 +1115,7 @@ div.popmenu-wrapper ul li.head:hover {
     background: inherit;
     border-color: transparent;
 }
+*/
 
 .popup-arrow {
     cursor: pointer;
@@ -884,3 +1306,220 @@ div.permissionContainer {
     padding-left:5px;
 }
     
+// ==== History styles ====
+
+body.historyPage {
+    background: @menu_bg_over;
+    color: @base_text;
+    margin: 5px;
+    border: 0;
+    padding: 0;
+}
+
+a {
+    color: @base_text;
+}
+
+// Control links at top of history
+div.historyLinks {
+    margin: 5px 5px;
+}
+
+// Default history item appearance
+div.historyItem {
+    margin: 5px -5px 5px 0px;
+    padding: 5px 11px 5px 5px;
+    border: solid @history_queued_border 1px;
+    border-left: solid @history_queued_border 5px;
+    border-right: none;
+    word-wrap: break-word;
+    background: @history_queued_bg;
+    .state-icon {
+        display: inline-block;
+        vertical-align: middle;
+        width: 16px;
+        height: 16px;
+        background-position: 0 1px;
+        background-repeat: no-repeat;
+    }
+    .historyItemTitle {
+        font-weight: bold;
+        line-height: 16px;
+    }
+}
+
+// Nested history items
+div.historyItem div.historyItem {
+    margin-right: -11px;
+}
+
+// Change background/border color depending on state
+div.historyItem-ok,
+div.historyItem-failed_metadata {
+    border-color: @history_ok_border;
+    background: @history_ok_bg;
+    .state-icon {
+        display: none;
+    }
+}
+
+div.historyItem-error {
+    border-color: @history_error_border;
+    background: @history_error_bg;
+    .state-icon {
+        -sprite-group: history-states;
+        -sprite-image: data_error.png;
+    }
+}
+
+div.historyItem-empty {
+    border-color: @history_error_border;
+    background: @history_error_bg;
+    .state-icon {
+        -sprite-group: history-states;
+        -sprite-image: data_empty.png;
+    }
+}
+
+div.historyItem-running {
+    border-color: @history_running_border;
+    background: @history_running_bg;
+    .state-icon {
+        background-image: url(data_running.gif);
+    }
+}
+
+div.historyItem-setting_metadata {
+    border-color: @history_running_border;
+    background: @history_running_bg;
+    .state-icon {
+        background-image: url(data_running.gif);
+    }
+}
+
+div.historyItem-upload {
+    border-color: @history_upload_border;
+    background: @history_upload_bg;
+    .state-icon {
+        background-image: url(data_upload.gif);
+    }
+}
+
+div.historyItem-queued {
+    background: @history_queued_bg;
+    .state-icon {
+        -sprite-group: history-states;
+        -sprite-image: data_queued.png;
+    }
+}
+
+div.historyItem-noPermission {
+    filter: alpha(opacity=60);
+    -moz-opacity: .60;
+    opacity: .60;
+}
+
+// Special case for showing the spinner but not changing the background
+div.historyItemTitleBar.spinner .state-icon {
+    background: url(data_running.gif) 0 1px no-repeat !important;
+}
+
+// Buttons
+div.historyItemButtons {
+    float: right;
+}
+
+div.historyItemBody div {
+    padding-top: 2px;
+}
+
+pre.peek {
+    background: white;
+    color: black;
+    width: 100%; 
+    overflow: auto;
+    th {
+        color: white;
+        background: @peek_table_header;
+    }
+}
+
+// ==== Tool menu styles 
+
+body.toolMenuPage
+{
+    background: white;
+    color: @base_text;
+    background: @menu_bg_over;
+    margin: 5px;
+    margin-right: 10px;
+    margin-left: 10px;
+}
+
+hr
+{
+    border: none;
+    height: 0px;
+    margin-top: 0px;
+}
+
+/*
+div.toolSectionPad
+{
+    margin: 0;
+    padding: 0;
+    height: 5px;
+    font-size: 0px;
+}
+*/
+
+div.toolSectionWrapper {
+    margin-bottom: 5px;
+}
+
+div.toolSectionDetailsInner
+{ 
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+div.toolSectionTitle
+{
+  // font-weight: bold;
+}
+
+div.toolPanelLabel
+{
+  //padding-top: 10px;
+  //padding-bottom: 5px;
+  font-weight: bold;
+  color: gray;
+  text-transform: uppercase;
+}
+
+div.toolTitle
+{
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-left: 16px;
+  margin-right: 10px;
+  display: list-item;
+  list-style: square outside;
+}
+
+div.toolSectionBody div.toolPanelLabel
+{
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-left: 16px;
+  margin-right: 10px;
+  display: list-item;
+  list-style: none outside;
+}
+
+div.toolTitleNoSection
+{
+  padding-bottom: 0px;
+  font-weight: bold;
+}
+
diff --git a/static/june_2007_style/blue/base.css b/static/june_2007_style/blue/base.css
index 4531686b203..79c5c44ebdb 100644
--- a/static/june_2007_style/blue/base.css
+++ b/static/june_2007_style/blue/base.css
@@ -16,8 +16,8 @@ input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box
 input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
 textarea{overflow:auto;vertical-align:top;}
 body{margin:0;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;color:#333333;background-color:#ffffff;}
-a{color:#0088cc;text-decoration:none;}
-a:hover{color:#005580;text-decoration:underline;}
+a{color:#303030;text-decoration:none;}
+a:hover{color:#0a0a0a;text-decoration:underline;}
 p{margin:0 0 8px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;}p small{font-size:10px;color:#999999;}
 .lead{margin-bottom:16px;font-size:20px;font-weight:200;line-height:24px;}
 h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
@@ -52,94 +52,6 @@ q:before,q:after,blockquote:before,blockquote:after{content:"";}
 address{display:block;margin-bottom:16px;line-height:16px;font-style:normal;}
 small{font-size:100%;}
 cite{font-style:normal;}
-code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:11px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
-pre{display:block;padding:7.5px;margin:0 0 8px;font-size:12px;line-height:16px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;}pre.prettyprint{margin-bottom:16px;}
-pre code{padding:0;background-color:transparent;}
-form{margin:0 0 16px;}
-fieldset{padding:0;margin:0;border:0;}
-legend{display:block;width:100%;padding:0;margin-bottom:24px;font-size:18px;line-height:32px;color:#333333;border:0;border-bottom:1px solid #eee;}
-label,input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:16px;}
-label{display:block;margin-bottom:5px;color:#333333;}
-input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:16px;padding:4px;margin-bottom:9px;font-size:12px;line-height:16px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-.uneditable-textarea{width:auto;height:auto;}
-label input,label textarea,label select{display:block;}
-input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:0;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-input[type="file"]{padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;}
-select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
-select{width:220px;background-color:#ffffff;}
-select[multiple],select[size]{height:auto;}
-input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-textarea{height:auto;}
-input[type="hidden"]{display:none;}
-.radio,.checkbox{padding-left:18px;}
-.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
-.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
-.radio.inline,.checkbox.inline{display:inline-block;margin-bottom:0;vertical-align:middle;}
-.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
-.controls>.radio.inline:first-child,.controls>.checkbox.inline:first-child{padding-top:0;}
-input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
-input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}
-input[type="file"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
-.input-mini{width:60px;}
-.input-small{width:90px;}
-.input-medium{width:150px;}
-.input-large{width:210px;}
-.input-xlarge{width:270px;}
-.input-xxlarge{width:530px;}
-input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;}
-input.span1,textarea.span1,.uneditable-input.span1{width:50px;}
-input.span2,textarea.span2,.uneditable-input.span2{width:130px;}
-input.span3,textarea.span3,.uneditable-input.span3{width:210px;}
-input.span4,textarea.span4,.uneditable-input.span4{width:290px;}
-input.span5,textarea.span5,.uneditable-input.span5{width:370px;}
-input.span6,textarea.span6,.uneditable-input.span6{width:450px;}
-input.span7,textarea.span7,.uneditable-input.span7{width:530px;}
-input.span8,textarea.span8,.uneditable-input.span8{width:610px;}
-input.span9,textarea.span9,.uneditable-input.span9{width:690px;}
-input.span10,textarea.span10,.uneditable-input.span10{width:770px;}
-input.span11,textarea.span11,.uneditable-input.span11{width:850px;}
-input.span12,textarea.span12,.uneditable-input.span12{width:930px;}
-input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
-.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
-.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;}
-.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
-.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
-.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
-.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
-.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
-.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}
-.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
-input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
-.form-actions{padding:15px 20px 16px;margin-top:16px;margin-bottom:16px;background-color:#f5f5f5;border-top:1px solid #ddd;}
-.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
-:-moz-placeholder{color:#999999;}
-::-webkit-input-placeholder{color:#999999;}
-.help-block{margin-top:5px;margin-bottom:0;color:#999999;}
-.help-inline{display:inline-block;*display:inline;*zoom:1;margin-bottom:9px;vertical-align:middle;padding-left:5px;}
-.input-prepend,.input-append{margin-bottom:5px;*zoom:1;}.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after{display:table;content:"";}
-.input-prepend:after,.input-append:after{clear:both;}
-.input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;}
-.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;}
-.input-prepend .add-on,.input-append .add-on{float:left;display:block;width:auto;min-width:16px;height:16px;margin-right:-1px;padding:4px 5px;font-weight:normal;line-height:16px;color:#999999;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
-.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;}
-.input-prepend .add-on{*margin-top:1px;}
-.input-append input,.input-append .uneditable-input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
-.input-append .uneditable-input{border-right-color:#ccc;}
-.input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
-.input-append input:first-child{*margin-left:-160px;}.input-append input:first-child+.add-on{*margin-left:-21px;}
-.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
-.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;}
-.form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{display:inline-block;}
-.form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on{vertical-align:middle;}
-.control-group{margin-bottom:8px;}
-.form-horizontal legend+.control-group{margin-top:16px;-webkit-margin-top-collapse:separate;}
-.form-horizontal .control-group{margin-bottom:16px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";}
-.form-horizontal .control-group:after{clear:both;}
-.form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right;}
-.form-horizontal .controls{margin-left:160px;}
-.form-horizontal .form-actions{padding-left:160px;}
 table{max-width:100%;border-collapse:collapse;border-spacing:0;}
 .table{width:100%;margin-bottom:16px;}.table th,.table td{padding:8px;line-height:16px;text-align:left;border-top:1px solid #ddd;}
 .table th{font-weight:bold;vertical-align:bottom;}
@@ -166,16 +78,482 @@ table .span9{float:none;width:684px;margin-left:0;}
 table .span10{float:none;width:764px;margin-left:0;}
 table .span11{float:none;width:844px;margin-left:0;}
 table .span12{float:none;width:924px;margin-left:0;}
-.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
-.shadow{-moz-box-shadow:0 3px 30px black;-webkit-box-shadow:0 3px 30px black;}
+.dropdown{position:relative;}
+.dropdown-toggle{*margin-bottom:-3px;}
+.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
+.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"\2193";}
+.dropdown .caret{margin-top:8px;margin-left:2px;}
+.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);}
+.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px;}
+.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;}
+.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;white-space:nowrap;}
+.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#303030;}
+.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
+.dropdown.open .dropdown-menu{display:block;}
+.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
+.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
+.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;}
+.close{float:right;font-size:20px;font-weight:bold;line-height:16px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;}
+.btn{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
+.btn.hover,.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
+.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
+.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.btn-large{padding:9px 14px;font-size:14px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.btn-large .icon{margin-top:1px;}
+.btn-small{padding:5px 9px;font-size:10px;line-height:14px;}
+.btn-small .icon{margin-top:-1px;}
+.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
+.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active{color:rgba(255, 255, 255, 0.75);}
+.btn-primary{background-color:#303030;background-image:-moz-linear-gradient(top, #303030, #303030);background-image:-ms-linear-gradient(top, #303030, #303030);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#303030), to(#303030));background-image:-webkit-linear-gradient(top, #303030, #303030);background-image:-o-linear-gradient(top, #303030, #303030);background-image:linear-gradient(top, #303030, #303030);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#303030', GradientType=0);border-color:#303030 #303030 #0a0a0a;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#303030;}
+.btn-primary:active,.btn-primary.active{background-color:#161616 \9;}
+.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;}
+.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
+.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;}
+.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
+.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;}
+.btn-success:active,.btn-success.active{background-color:#408140 \9;}
+.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}
+.btn-info:active,.btn-info.active{background-color:#24748c \9;}
+button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
+button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
+button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
+.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";}
+.btn-group:after{clear:both;}
+.btn-group:first-child{*margin-left:0;}
+.btn-group+.btn-group{margin-left:5px;}
+.btn-toolbar{margin-top:8px;margin-bottom:8px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
+.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
+.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
+.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
+.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
+.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;}
+.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
+.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-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);-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);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);*padding-top:5px;*padding-bottom:5px;}
+.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);}
+.btn .caret{margin-top:7px;margin-left:0;}
+.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);}
+.btn-primary .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret{border-top-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
+.btn-small .caret{margin-top:4px;}
+.alert{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.alert,.alert-heading{color:#c09853;}
+.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
+.alert-success{background-color:#ccffcc;border-color:#1a9900;}
+.alert-success,.alert-success .alert-heading{color:#006600;}
+.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;}
+.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#b94a48;}
+.alert-info{background-color:#d9edf7;border-color:#bce8f1;}
+.alert-info,.alert-info .alert-heading{color:#3a87ad;}
+.alert-block{padding-top:14px;padding-bottom:14px;}
+.alert-block>p,.alert-block>ul{margin-bottom:0;}
+.alert-block p+p{margin-top:5px;}
+.nav{margin-left:0;margin-bottom:16px;list-style:none;}
+.nav>li>a{display:block;}
+.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
+.nav-list{padding-left:14px;padding-right:14px;margin-bottom:0;}
+.nav-list>li>a,.nav-list .nav-header{display:block;padding:3px 15px;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
+.nav-list .nav-header{font-size:11px;font-weight:bold;line-height:16px;color:#999999;text-transform:uppercase;}
+.nav-list>li+.nav-header{margin-top:9px;}
+.nav-list .active>a,.nav-list .active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#303030;}
+.nav-list [class^="icon-"]{margin-right:2px;}
+.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";}
+.nav-tabs:after,.nav-pills:after{clear:both;}
+.nav-tabs>li,.nav-pills>li{float:left;}
+.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
+.nav-tabs{border-bottom:1px solid #ddd;}
+.nav-tabs>li{margin-bottom:-1px;}
+.nav-tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
+.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
+.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.nav-pills .active>a,.nav-pills .active>a:hover{color:#ffffff;background-color:#303030;}
+.nav-stacked>li{float:none;}
+.nav-stacked>li>a{margin-right:0;}
+.nav-tabs.nav-stacked{border-bottom:0;}
+.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
+.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
+.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
+.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
+.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
+.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;}
+.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#303030;margin-top:6px;}
+.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#0a0a0a;}
+.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;}
+.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;}
+.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
+.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
+.tabs-stacked .open>a:hover{border-color:#999999;}
+.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";}
+.tabbable:after{clear:both;}
+.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;}
+.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
+.tab-content>.active,.pill-content>.active{display:block;}
+.tabs-below .nav-tabs{border-top:1px solid #ddd;}
+.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;}
+.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
+.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;}
+.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;}
+.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
+.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
+.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
+.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
+.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
+.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
+.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
+.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
+.navbar{overflow:visible;margin-bottom:16px;}
+.navbar-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
+.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);border-color:#2c3143 #2c3143 #0e0f15;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#2c3143;}
+.btn-navbar:active,.btn-navbar.active{background-color:#181a24 \9;}
+.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
+.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
+.nav-collapse.collapse{height:auto;}
+.navbar .brand:hover{text-decoration:none;}
+.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
+.navbar .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}.navbar .navbar-text a:hover{color:#ffffff;background-color:transparent;}
+.navbar .btn,.navbar .btn-group{margin-top:5px;}
+.navbar .btn-group .btn{margin-top:0;}
+.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
+.navbar-form:after{clear:both;}
+.navbar-form input,.navbar-form select{display:inline-block;margin-top:5px;margin-bottom:0;}
+.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
+.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
+.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
+.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
+.navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
+.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
+.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
+.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
+.navbar .nav.pull-right{float:right;}
+.navbar .nav>li{display:block;float:left;}
+.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
+.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}
+.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#2c3143;background-color:rgba(0, 0, 0, 0.5);}
+.navbar .divider-vertical{height:32px;width:1px;margin:0 9px;overflow:hidden;background-color:#2c3143;border-right:1px solid #333333;}
+.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
+.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
+.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
+.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;}
+.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);}
+.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;}
+.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;}
+.navbar .nav.pull-right .dropdown-menu{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before{left:auto;right:12px;}
+.navbar .nav.pull-right .dropdown-menu:after{left:auto;right:13px;}
+.breadcrumb{padding:7px 14px;margin:0 0 16px;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
+.breadcrumb .divider{padding:0 5px;color:#999999;}
+.breadcrumb .active a{color:#333333;}
+.pagination{height:32px;margin:16px 0;}
+.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
+.pagination li{display:inline;}
+.pagination a{float:left;padding:0 14px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
+.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
+.pagination .active a{color:#999999;cursor:default;}
+.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
+.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
+.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
+.pagination-centered{text-align:center;}
+.pagination-right{text-align:right;}
+.pager{margin-left:0;margin-bottom:16px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";}
+.pager:after{clear:both;}
+.pager li{display:inline;}
+.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
+.pager a:hover{text-decoration:none;background-color:#f5f5f5;}
+.pager .next a{float:right;}
+.pager .previous a{float:left;}
+.modal-open .dropdown-menu{z-index:2050;}
+.modal-open .dropdown.open{*z-index:2050;}
+.modal-open .popover{z-index:2060;}
+.modal-open .tooltip{z-index:2070;}
+.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
+.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
+.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
+.modal.fade.in{top:50%;}
+.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
+.modal-body{padding:15px;}
+.modal-footer{padding:14px 15px 15px;margin-bottom:0;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
+.modal-footer:after{clear:both;}
+.modal-footer .btn{float:right;margin-left:5px;margin-bottom:0;}
+.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
+.tooltip.top{margin-top:-2px;}
+.tooltip.right{margin-left:2px;}
+.tooltip.bottom{margin-top:2px;}
+.tooltip.left{margin-left:-2px;}
+.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
+.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
+.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
+.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
+.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.tooltip-arrow{position:absolute;width:0;height:0;}
+.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
+.popover.right{margin-left:5px;}
+.popover.bottom{margin-top:5px;}
+.popover.left{margin-left:-5px;}
+.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
+.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
+.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
+.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
+.popover .arrow{position:absolute;width:0;height:0;}
+.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
+.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
+.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;}
+@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
+.progress-striped .bar{background-color:#62c462;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));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);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);background-image:-ms-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);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);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);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
+.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
+.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
+.progress-danger.progress-striped .bar{background-color:#ee5f5b;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));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);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);background-image:-ms-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);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);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);}
+.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
+.progress-success.progress-striped .bar{background-color:#62c462;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));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);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);background-image:-ms-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);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);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);}
+.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
+.progress-info.progress-striped .bar{background-color:#5bc0de;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));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);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);background-image:-ms-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);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);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);}
+.accordion{margin-bottom:16px;}
+.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.accordion-heading{border-bottom:0;}
+.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
+.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
+.carousel{position:relative;margin-bottom:16px;line-height:1;}
+.carousel-inner{overflow:hidden;width:100%;position:relative;}
+.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
+.carousel .item>img{display:block;line-height:1;}
+.carousel .active,.carousel .next,.carousel .prev{display:block;}
+.carousel .active{left:0;}
+.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
+.carousel .next{left:100%;}
+.carousel .prev{left:-100%;}
+.carousel .next.left,.carousel .prev.right{left:0;}
+.carousel .active.left{left:-100%;}
+.carousel .active.right{left:100%;}
+.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
+.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
+.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
+.carousel-caption h4,.carousel-caption p{color:#ffffff;}
+.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
+.hero-unit p{font-size:18px;font-weight:200;line-height:24px;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+.hide{display:none;}
+.show{display:block;}
+.invisible{visibility:hidden;}
+@font-face{font-family:'IconicStroke';src:url('../images/fonts/iconic_stroke.eot');src:url('../images/fonts/iconic_stroke.eot?#iefix') format('embedded-opentype'),url('../images/fonts/iconic_stroke.ttf') format('truetype'),url('../images/fonts/iconic_stroke.svg#iconic') format('svg');font-weight:normal;font-style:normal;}.iconic{display:inline-block;font-family:'IconicStroke';}
+.lightbulb:before{content:'\e063';}
+.equalizer:before{content:'\e052';}
+.map_pin_stroke:before{content:'\e068';}
+.brush_alt:before{content:'\e01c';}
+.move:before{content:'\e03e';}
+.pen_alt_stroke:before{content:'\e005';}
+.move_vertical:before{content:'\e03b';}
+.book_alt2:before{content:'\e06a';}
+.layers:before{content:'\e01f';}
+.pause:before{content:'\e049';}
+.layers_alt:before{content:'\e020';}
+.cloud_upload:before{content:'\e045';}
+.chart_alt:before{content:'\e029';}
+.fullscreen_exit_alt:before{content:'\e051';}
+.cloud_download:before{content:'\e044';}
+.comment_alt2_stroke:before{content:'\e004';}
+.mail:before{content:'\2709';}
+.check_alt:before{content:'\2718';}
+.document_stroke:before{content:'\e066';}
+.battery_charging:before{content:'\e05d';}
+.stop:before{content:'\e04a';}
+.arrow_up:before{content:'\2191';}
+.move_horizontal:before{content:'\e038';}
+.compass:before{content:'\e021';}
+.minus_alt:before{content:'\e009';}
+.battery_empty:before{content:'\e05c';}
+.map_pin_alt:before{content:'\e002';}
+.unlock_stroke:before{content:'\e076';}
+.lock_stroke:before{content:'\e075';}
+.question_mark:before{content:'\003f';}
+.list:before{content:'\e055';}
+.upload:before{content:'\e043';}
+.reload:before{content:'\e030';}
+.loop_alt4:before{content:'\e035';}
+.loop_alt3:before{content:'\e034';}
+.loop_alt2:before{content:'\e033';}
+.loop_alt1:before{content:'\e032';}
+.left_quote:before{content:'\275d';}
+.x:before{content:'\2713';}
+.last:before{content:'\e04d';}
+.document_alt_stroke:before{content:'\e000';}
+.bars:before{content:'\e06f';}
+.arrow_left:before{content:'\2190';}
+.arrow_down:before{content:'\2193';}
+.download:before{content:'\e042';}
+.home:before{content:'\2302';}
+.calendar:before{content:'\e001';}
+.right_quote_alt:before{content:'\e012';}
+.fullscreen:before{content:'\e04e';}
+.dial:before{content:'\e058';}
+.plus_alt:before{content:'\e008';}
+.clock:before{content:'\e079';}
+.movie:before{content:'\e060';}
+.steering_wheel:before{content:'\e024';}
+.pen:before{content:'\270e';}
+.tag_stroke:before{content:'\e02b';}
+.pin:before{content:'\e067';}
+.denied:before{content:'\26d4';}
+.left_quote_alt:before{content:'\e011';}
+.volume_mute:before{content:'\e071';}
+.arrow_up_alt2:before{content:'\e018';}
+.list_nested:before{content:'\e056';}
+.arrow_up_alt1:before{content:'\e014';}
+.comment_stroke:before{content:'\e06d';}
+.undo:before{content:'\e02f';}
+.umbrella:before{content:'\2602';}
+.bolt:before{content:'\26a1';}
+.article:before{content:'\e053';}
+.read_more:before{content:'\e054';}
+.beaker:before{content:'\e023';}
+.beaker_alt:before{content:'\e010';}
+.battery_full:before{content:'\e073';}
+.arrow_right:before{content:'\2192';}
+.new_window:before{content:'\e059';}
+.plus:before{content:'\2795';}
+.cog:before{content:'\2699';}
+.key_stroke:before{content:'\26bf';}
+.first:before{content:'\e04c';}
+.comment_alt1_stroke:before{content:'\e003';}
+.trash_stroke:before{content:'\e05a';}
+.image:before{content:'\e027';}
+.chat_alt_stroke:before{content:'\e007';}
+.cd:before{content:'\e064';}
+.right_quote:before{content:'\275e';}
+.brush:before{content:'\e01b';}
+.cloud:before{content:'\2601';}
+.eye:before{content:'\e025';}
+.play_alt:before{content:'\e048';}
+.transfer:before{content:'\e041';}
+.pen_alt2:before{content:'\e006';}
+.camera:before{content:'\e070';}
+.move_horizontal_alt2:before{content:'\e03a';}
+.curved_arrow:before{content:'\2935';}
+.move_horizontal_alt1:before{content:'\e039';}
+.aperture:before{content:'\e026';}
+.reload_alt:before{content:'\e031';}
+.magnifying_glass:before{content:'\e074';}
+.iphone:before{content:'\e06e';}
+.fork:before{content:'\e046';}
+.box:before{content:'\e06b';}
+.bars_alt:before{content:'\e00a';}
+.heart_stroke:before{content:'\2764';}
+.volume:before{content:'\e072';}
+.x_alt:before{content:'\2714';}
+.link:before{content:'\e077';}
+.moon_stroke:before{content:'\263e';}
+.eyedropper:before{content:'\e01e';}
+.spin:before{content:'\e036';}
+.rss:before{content:'\e02c';}
+.info:before{content:'\2139';}
+.target:before{content:'\e02a';}
+.cursor:before{content:'\e057';}
+.minus:before{content:'\2796';}
+.book_alt:before{content:'\e00b';}
+.headphones:before{content:'\e061';}
+.hash:before{content:'\0023';}
+.arrow_left_alt1:before{content:'\e013';}
+.arrow_left_alt2:before{content:'\e017';}
+.fullscreen_exit:before{content:'\e050';}
+.share:before{content:'\e02e';}
+.fullscreen_alt:before{content:'\e04f';}
+.at:before{content:'\0040';}
+.chat:before{content:'\e05e';}
+.move_vertical_alt2:before{content:'\e03d';}
+.move_vertical_alt1:before{content:'\e03c';}
+.check:before{content:'\2717';}
+.mic:before{content:'\e05f';}
+.calendar_alt_stroke:before{content:'\e06c';}
+.book:before{content:'\e069';}
+.move_alt1:before{content:'\e03f';}
+.move_alt2:before{content:'\e040';}
+.award_stroke:before{content:'\e022';}
+.wrench:before{content:'\e078';}
+.play:before{content:'\e047';}
+.star:before{content:'\2605';}
+.chart:before{content:'\e028';}
+.rain:before{content:'\26c6';}
+.folder_stroke:before{content:'\e065';}
+.sun_stroke:before{content:'\2600';}
+.user:before{content:'\e062';}
+.battery_half:before{content:'\e05b';}
+.aperture_alt:before{content:'\e00c';}
+.eject:before{content:'\e04b';}
+.arrow_down_alt1:before{content:'\e016';}
+.pilcrow:before{content:'\00b6';}
+.arrow_down_alt2:before{content:'\e01a';}
+.arrow_right_alt1:before{content:'\e015';}
+.arrow_right_alt2:before{content:'\e019';}
+.rss_alt:before{content:'\e02d';}
+.spin_alt:before{content:'\e037';}
+.unselectable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
+.shadow{-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);}
 body{background:#ffffff;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;}
 img{border:0;}
-a:link,a:visited,a:active{color:#303030;}
+a:link,a:visited,a:active{text-decoration:underline;color:#303030;}
 h1,h2,h3,h4{color:#023858;}
 h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0px;}
 hr{border:none;height:0px;border-bottom:dotted #303030 1px;}
 table{border-collapse:collapse;}
 th{text-align:left;}
+#background{position:absolute;background:#eeeeee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
+#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
+#left,#left-border,#center,#right-border,#right{position:absolute;top:33px;bottom:0px;overflow:hidden;background:#fff;}
+#left{left:0px;width:250px;z-index:200;border-right:solid #999999 1px;}
+#left-border{left:250px;}
+#center{left:250px;right:250px;overflow:hidden;z-index:1;}
+#right-border{right:250px;}
+#right{width:250px;right:0px;z-index:200;border-left:solid #999999 1px;}
+.unified-panel-header{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;height:30px;z-index:1000;text-shadow:rgba(255, 255, 255, 0.8) 0 1px 0;background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-bottom:solid #999999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;font-weight:bold;color:#555;}.unified-panel-header a{color:#555;}
+.unified-panel-header-inner{padding-top:8px;}
+.unified-panel-footer{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;position:absolute;bottom:0;height:25px;line-height:25px;width:100%;z-index:1000;border-top:solid #999999 1px;background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);color:#555;}.unified-panel-footer a{color:#555;}
+.unified-panel-footer .drag,.unified-panel-footer .collapse{position:absolute;top:0;right:0;padding:0 5px;text-align:center;height:25px;width:20px;background-image:url(../images/visualization/draggable_horizontal.png);background-repeat:no-repeat;background-position:50% 50%;}
+.unified-panel-footer .drag{cursor:w-resize;}
+.unified-panel-footer .collapse{position:fixed;left:0;top:inherit;bottom:0;background:none;border-right:solid #999999 1px;border-top:solid #999999 1px;background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);display:inline-block;font-family:'IconicStroke';}
+.unified-panel-footer .collapse:before{content:'\2190';}
+.unified-panel-footer .collapse.hidden:before{content:'\2192';}
+#right>.unified-panel-footer .drag{left:0;}
+#right>.unified-panel-footer .collapse{left:inherit;right:0;border-right:none;border-left:solid #999999 1px;}
+#right>.unified-panel-footer .collapse:before{content:'\2192';}
+#right>.unified-panel-footer .collapse.hidden:before{content:'\2190';}
+.menu-bg{background:whiteSmoke top repeat-x;}
+div.unified-panel-body{position:absolute;top:30px;bottom:25px;width:100%;margin-top:1px;}
+.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;padding-right:0.5em;padding-left:0.5em;}.panel-header-button .caret{margin-top:7px;}
+.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
+#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
+#overlay.modal #overlay-background{background:rgba(0, 0, 0, 0.5);}
+.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
+.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
+.dialog-box{border:solid #999 1px;background:white;z-index:80000;}
+#overlay.modal .dialog-box .body{min-width:600px;}
+.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
+.dialog-box .buttons{padding:5px;}
+.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}
+.panel-warning-message{background-image:url(warn_small.png);background-color:#ffffcc;}
+.panel-done-message{background-image:url(done_small.png);background-color:#ccffcc;}
+.panel-info-message{background-image:url(info_small.png);background-color:#ccccff;}
+#masthead{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:visible;margin-bottom:16px;position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;border-bottom:solid #444444 1px;z-index:15000;padding:0;}#masthead .brand:hover{text-decoration:none;}
+#masthead .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
+#masthead .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}#masthead .navbar-text a:hover{color:#ffffff;background-color:transparent;}
+#masthead .btn,#masthead .btn-group{margin-top:5px;}
+#masthead .btn-group .btn{margin-top:0;}
+#masthead .nav>li>a{padding:6px 10px 8px;cursor:pointer;}
+#masthead .nav>li>a:hover{color:gold;}
+#masthead .dropdown-menu a,#masthead .dropdown-menu a:hover{text-decoration:none;}
+#masthead .title{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;font-family:verdana;font-weight:bold;color:white;padding:5px 20px 12px;margin-left:-15px;z-index:2000;}#masthead .title a{color:white;text-decoration:none;}
+#masthead .masthead-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:32px;}
+#masthead a:hover{text-decoration:underline;}
+.quota-meter-container{position:absolute;top:0;right:0;height:32px;}
+.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#c1c9e5;}
+.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969db3;}
+.quota-meter-bar-warn{background-color:#ffb400;}
+.quota-meter-bar-error{background-color:#ff4343;}
+.quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000000;}
 div.toolForm{border:solid #d8b365 1px;}
 div.toolFormTitle{font-weight:bold;padding:5px;padding-left:10px;padding-right:10px;background:#ebd9b2;background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;}
 div.toolParamHelp{color:#666;}
@@ -209,15 +587,17 @@ div.form-row-error-message{width:300px;float:left;color:red;font-weight:bold;pad
 .form-row .help{color:#666;}
 select,input,textarea{font:inherit;}
 select,textarea,input[type="text"],input[type="file"],input[type="password"]{max-width:300px;}
-.errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding:10px;padding-left:52px;min-height:32px;border:1px solid #aa6666;background-color:#ffcccc;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;}
-.warningmessagelarge{background-image:url(warn_message_icon.png);border-color:#aaaa66;background-color:#ffffcc;}
-.donemessagelarge{background-image:url(done_message_icon.png);border-color:#66aa66;background-color:#ccffcc;}
+.errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding-left:52px;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;}
+.errormessagelarge{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;padding-left:52px;}
+.warningmessagelarge{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;background-image:url(warn_message_icon.png);border-color:#aaaa66;background-color:#ffffcc;}
+.donemessagelarge{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;background-color:#ccffcc;border-color:#1a9900;color:#006600;padding-left:52px;background-image:url(done_message_icon.png);}
 .infomessagelarge{background-image:url(info_message_icon.png);border-color:#6666aa;background-color:#ccccff;}
 .screencastBox{padding-left:10px;border-color:#AAAA66;background-color:#FFFFCC;background-image:none;}
-.errormessage,.warningmessage,.donemessage,.infomessage,.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:5px;padding-left:25px;min-height:15px;border:1px solid #aa6666;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;}
-.warningmessage,.warningmessagesmall{background-image:url(warn_small.png);border-color:#aaaa66;background-color:#ffffcc;}
-.donemessage,.donemessagesmall{background-image:url(ok_small.png);border-color:#66aa66;background-color:#ccffcc;}
-.infomessage,.infomessagesmall{background-image:url(info_small.png);border-color:#6666aa;background-color:#ccccff;}
+.errormessage,.warningmessage,.donemessage,.infomessage,.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;padding:5px;padding-left:25px;min-height:15px;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;}
+.errormessage{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
+.warningmessage,.warningmessagesmall{background-image:url(warn_small.png);}
+.donemessage,.donemessagesmall{background-color:#ccffcc;border-color:#1a9900;color:#006600;background-image:url(ok_small.png);}
+.infomessage,.infomessagesmall{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;background-image:url(info_small.png);}
 .errormark,.warningmark,.donemark,.infomark,.ok_bgr,.err_bgr{padding-left:20px;min-height:15px;background:url(error_small.png) no-repeat;}
 .warningmark{background-image:url(warn_small.png);}
 .donemark{background-image:url(ok_small.png);}
@@ -238,11 +618,6 @@ table.colored tr.odd_row{background:#dadfef;}
 div.debug{margin:10px;padding:5px;background:#FFFF99;border:solid #FFFF33 1px;color:black;}
 div.odd_row{background:#dadfef;}
 #footer{display:none;}
-td.panel-body{background:white;color:#303030;background:#c1c9e5 url(menu_bg.png) top repeat-x;}
-div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0px;}
-div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}
-div.toolSectionTitle{padding-bottom:0px;font-weight:bold;}
-div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}
 span.toolParameterExpandableCollapsable{font-weight:bold;cursor:pointer;}
 ul.toolParameterExpandableCollapsable{list-style:none;}
 ul.manage-table-actions{float:right;margin-top:-2.5em;}
@@ -263,21 +638,22 @@ ul.manage-table-actions li{display:block;float:left;margin-left:0.5em;}
 .state-fg-ok{color:#66AA66;}
 .state-fg-error{color:#AA6666;}
 .state-fg-deleted{color:#3399FF;}
-.action-button{background:transparent;line-height:16px;color:#333;text-decoration:none;font-size:100%;font-weight:bold;display:inline-block;cursor:pointer;padding:2px;border:solid #aaaaaa 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}
-.action-button>*{vertical-align:middle;}
-.action-button:hover{color:black;background:#dddddd;}
-.action-button:active{color:white;background:#aaaaaa;}
-.menubutton{display:inline-block;cursor:pointer;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;border:solid transparent 1px;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;padding:1px 0.25em;margin:-1px -0.25em;}.menubutton .label{position:relative;display:block;border-right:none;}
+.action-button{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.action-button:first-child{*margin-left:0;}
+a.action-button{text-decoration:none;}
+.action-button>img{vertical-align:middle;}
+.action-button:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
+.action-button:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
+.menubutton{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;display:inline-block;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;border:solid transparent 1px;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;padding:1px 0.25em;margin:-1px -0.25em;}.menubutton:first-child{*margin-left:0;}
+.menubutton .label{position:relative;display:block;border-right:none;}
 .menubutton.action-button{border-color:#aaaaaa;}
 .menubutton.popup,.action-button.popup{padding-right:20px;background-image:url(../images/dropdownarrow.png);background-repeat:no-repeat;background-position:right 7px;}
 .menubutton:hover{border-color:#aaaaaa;}
 .menubutton.popup.split{padding-right:2em;}
 .menubutton.popup.split:hover{background:url(../images/ddarrowsplit.png) no-repeat right -39px;}
-.overlay-border{position:absolute;top:0;left:0;height:100%;width:100%;padding:1em;margin:-1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;z-index:-1;}
-div.popmenu-wrapper{position:absolute;top:100%;z-index:20000;}div.popmenu-wrapper ul{display:block;margin:0;padding:0;background:white;color:#333;font-weight:bold;font-style:normal;white-space:nowrap;border:solid #aaaaaa 1px;padding:3px 0;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}div.popmenu-wrapper ul li{display:block;padding:3px 1em;cursor:pointer;border-top:solid transparent 1px;border-bottom:solid transparent 1px;}
-div.popmenu-wrapper ul li.head{color:#999;font-style:italic;}
-div.popmenu-wrapper ul li:hover{background:#EEEEFF;border-color:#aaa;}
-div.popmenu-wrapper ul li.head:hover{background:inherit;border-color:transparent;}
+div.popmenu-wrapper{position:absolute;top:100%;z-index:20000;}div.popmenu-wrapper ul.dropdown-menu{display:block;position:relative;float:none;}
+ul.dropdown-menu a{text-decoration:none;}
+ul.dropdown-menu li.head>a{text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);font-size:11px;font-weight:bold;line-height:16px;color:#999999;text-transform:uppercase;}
+ul.dropdown-menu li.head>a:hover{background:inherit;border-color:transparent;}
 .popup-arrow{cursor:pointer;text-decoration:none;color:#555;}
 .popup-arrow:hover{color:black;}
 div.permissionContainer{padding-left:20px;}
@@ -334,3 +710,29 @@ div.permissionContainer{padding-left:20px;}
 .icon-button.multiinput{background:url(../images/documents-stack.png) no-repeat;cursor:pointer;float:none;display:inline-block;margin-left:10px;}
 .icon-button.multiinput.disabled{background:url(../images/documents-stack-faded.png) no-repeat;cursor:auto;}
 .workflow-invocation-complete{border:solid 1px #6A6;border-left-width:5px;margin:10px 0;padding-left:5px;}
+body.historyPage{background:#c1c9e5;color:#303030;margin:5px;border:0;padding:0;}
+a{color:#303030;}
+div.historyLinks{margin:5px 5px;}
+div.historyItem{margin:5px -5px 5px 0px;padding:5px 11px 5px 5px;border:solid #888888 1px;border-left:solid #888888 5px;border-right:none;word-wrap:break-word;background:#eeeeee;}div.historyItem .state-icon{display:inline-block;vertical-align:middle;width:16px;height:16px;background-position:0 1px;background-repeat:no-repeat;}
+div.historyItem .historyItemTitle{font-weight:bold;line-height:16px;}
+div.historyItem div.historyItem{margin-right:-11px;}
+div.historyItem-ok,div.historyItem-failed_metadata{border-color:#66aa66;background:#ccffcc;}div.historyItem-ok .state-icon,div.historyItem-failed_metadata .state-icon{display:none;}
+div.historyItem-error{border-color:#aa6666;background:#ffcccc;}div.historyItem-error .state-icon{-sprite-group:history-states;-sprite-image:data_error.png;}
+div.historyItem-empty{border-color:#aa6666;background:#ffcccc;}div.historyItem-empty .state-icon{-sprite-group:history-states;-sprite-image:data_empty.png;}
+div.historyItem-running{border-color:#aaaa66;background:#ffffcc;}div.historyItem-running .state-icon{background-image:url(data_running.gif);}
+div.historyItem-setting_metadata{border-color:#aaaa66;background:#ffffcc;}div.historyItem-setting_metadata .state-icon{background-image:url(data_running.gif);}
+div.historyItem-upload{border-color:#6666aa;background:#ccccff;}div.historyItem-upload .state-icon{background-image:url(data_upload.gif);}
+div.historyItem-queued{background:#eeeeee;}div.historyItem-queued .state-icon{-sprite-group:history-states;-sprite-image:data_queued.png;}
+div.historyItem-noPermission{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
+div.historyItemTitleBar.spinner .state-icon{background:url(data_running.gif) 0 1px no-repeat !important;}
+div.historyItemButtons{float:right;}
+div.historyItemBody div{padding-top:2px;}
+pre.peek{background:white;color:black;width:100%;overflow:auto;}pre.peek th{color:white;background:#023858;}
+body.toolMenuPage{background:white;color:#303030;background:#c1c9e5;margin:5px;margin-right:10px;margin-left:10px;}
+hr{border:none;height:0px;margin-top:0px;}
+div.toolSectionWrapper{margin-bottom:5px;}
+div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}
+div.toolPanelLabel{font-weight:bold;color:gray;text-transform:uppercase;}
+div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}
+div.toolSectionBody div.toolPanelLabel{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:none outside;}
+div.toolTitleNoSection{padding-bottom:0px;font-weight:bold;}
diff --git a/static/june_2007_style/blue/history.css b/static/june_2007_style/blue/history.css
index cbcac65bd37..e69de29bb2d 100644
--- a/static/june_2007_style/blue/history.css
+++ b/static/june_2007_style/blue/history.css
@@ -1,27 +0,0 @@
-body{background:#C1C9E5;color:#303030;background-image:url(menu_bg.png);background-repeat:repeat-x;background-position:top;margin:5px;border:0;padding:0;}
-a{color:#303030;}
-div.historyLinks{margin:5px 5px;}
-div.historyItem{margin:5px -5px 5px 0px;padding:5px 11px 5px 5px;border:solid #888888 1px;border-left:solid #888888 5px;border-right:none;word-wrap:break-word;background:#EEEEEE;}
-div.historyItem .state-icon{display:inline-block;vertical-align:middle;width:16px;height:16px;background-position:0 1px;background-repeat:no-repeat;}
-div.historyItem .historyItemTitle{font-weight:bold;line-height:16px;}
-div.historyItem div.historyItem{margin-right:-11px;}
-div.historyItem-ok,div.historyItem-failed_metadata{border-color:#66AA66;background:#CCFFCC;}
-div.historyItem-ok .state-icon,div.historyItem-failed_metadata .state-icon{display:none;}
-div.historyItem-error{border-color:#AA6666;background:#FFCCCC;}
-div.historyItem-error .state-icon{background:url(history-states.png) no-repeat 0px -0px;}
-div.historyItem-empty{border-color:#AA6666;background:#FFCCCC;}
-div.historyItem-empty .state-icon{background:url(history-states.png) no-repeat 0px -25px;}
-div.historyItem-running{border-color:#AAAA66;background:#FFFFCC;}
-div.historyItem-running .state-icon{background-image:url(data_running.gif);}
-div.historyItem-setting_metadata{border-color:#AAAA66;background:#FFFFCC;}
-div.historyItem-setting_metadata .state-icon{background-image:url(data_running.gif);}
-div.historyItem-upload{border-color:#6666AA;background:#CCCCFF;}
-div.historyItem-upload .state-icon{background-image:url(data_upload.gif);}
-div.historyItem-queued{background:#EEEEEE;}
-div.historyItem-queued .state-icon{background:url(history-states.png) no-repeat 0px -50px;}
-div.historyItem-noPermission{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
-div.historyItemTitleBar.spinner .state-icon{background:url(data_running.gif) 0 1px no-repeat !important;}
-div.historyItemButtons{float:right;}
-div.historyItemBody div{padding-top:2px;}
-pre.peek{background:white;color:black;width:100%;overflow:auto;}
-pre.peek th{color:white;background:#023858;}
diff --git a/static/june_2007_style/blue/panel_layout.css b/static/june_2007_style/blue/panel_layout.css
index 4b0c559868e..8b137891791 100644
--- a/static/june_2007_style/blue/panel_layout.css
+++ b/static/june_2007_style/blue/panel_layout.css
@@ -1,618 +1 @@
-article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
-audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
-audio:not([controls]){display:none;}
-html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
-a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
-a:hover,a:active{outline:0;}
-sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
-sup{top:-0.5em;}
-sub{bottom:-0.25em;}
-img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
-button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
-button,input{*overflow:visible;line-height:normal;}
-button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
-button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
-input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
-input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
-textarea{overflow:auto;vertical-align:top;}
-body{margin:0;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;color:#333333;background-color:#ffffff;}
-a{color:#0088cc;text-decoration:none;}
-a:hover{color:#005580;text-decoration:underline;}
-p{margin:0 0 8px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;}p small{font-size:10px;color:#999999;}
-.lead{margin-bottom:16px;font-size:20px;font-weight:200;line-height:24px;}
-h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
-h1{font-size:30px;line-height:32px;}h1 small{font-size:18px;}
-h2{font-size:24px;line-height:32px;}h2 small{font-size:18px;}
-h3{line-height:24px;font-size:18px;}h3 small{font-size:14px;}
-h4,h5,h6{line-height:16px;}
-h4{font-size:14px;}h4 small{font-size:12px;}
-h5{font-size:12px;}
-h6{font-size:11px;color:#999999;text-transform:uppercase;}
-.page-header{padding-bottom:15px;margin:16px 0;border-bottom:1px solid #eeeeee;}
-.page-header h1{line-height:1;}
-ul,ol{padding:0;margin:0 0 8px 25px;}
-ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
-ul{list-style:disc;}
-ol{list-style:decimal;}
-li{line-height:16px;}
-ul.unstyled{margin-left:0;list-style:none;}
-dl{margin-bottom:16px;}
-dt,dd{line-height:16px;}
-dt{font-weight:bold;}
-dd{margin-left:8px;}
-hr{margin:16px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #ffffff;}
-strong{font-weight:bold;}
-em{font-style:italic;}
-.muted{color:#999999;}
-abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help;}
-blockquote{padding:0 0 0 15px;margin:0 0 16px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:20px;}
-blockquote small{display:block;line-height:16px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
-blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
-q:before,q:after,blockquote:before,blockquote:after{content:"";}
-address{display:block;margin-bottom:16px;line-height:16px;font-style:normal;}
-small{font-size:100%;}
-cite{font-style:normal;}
-code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:11px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
-pre{display:block;padding:7.5px;margin:0 0 8px;font-size:12px;line-height:16px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;}pre.prettyprint{margin-bottom:16px;}
-pre code{padding:0;background-color:transparent;}
-form{margin:0 0 16px;}
-fieldset{padding:0;margin:0;border:0;}
-legend{display:block;width:100%;padding:0;margin-bottom:24px;font-size:18px;line-height:32px;color:#333333;border:0;border-bottom:1px solid #eee;}
-label,input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:16px;}
-label{display:block;margin-bottom:5px;color:#333333;}
-input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:16px;padding:4px;margin-bottom:9px;font-size:12px;line-height:16px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-.uneditable-textarea{width:auto;height:auto;}
-label input,label textarea,label select{display:block;}
-input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:0;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-input[type="file"]{padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;}
-select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
-select{width:220px;background-color:#ffffff;}
-select[multiple],select[size]{height:auto;}
-input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-textarea{height:auto;}
-input[type="hidden"]{display:none;}
-.radio,.checkbox{padding-left:18px;}
-.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
-.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
-.radio.inline,.checkbox.inline{display:inline-block;margin-bottom:0;vertical-align:middle;}
-.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
-.controls>.radio.inline:first-child,.controls>.checkbox.inline:first-child{padding-top:0;}
-input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
-input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}
-input[type="file"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
-.input-mini{width:60px;}
-.input-small{width:90px;}
-.input-medium{width:150px;}
-.input-large{width:210px;}
-.input-xlarge{width:270px;}
-.input-xxlarge{width:530px;}
-input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;}
-input.span1,textarea.span1,.uneditable-input.span1{width:50px;}
-input.span2,textarea.span2,.uneditable-input.span2{width:130px;}
-input.span3,textarea.span3,.uneditable-input.span3{width:210px;}
-input.span4,textarea.span4,.uneditable-input.span4{width:290px;}
-input.span5,textarea.span5,.uneditable-input.span5{width:370px;}
-input.span6,textarea.span6,.uneditable-input.span6{width:450px;}
-input.span7,textarea.span7,.uneditable-input.span7{width:530px;}
-input.span8,textarea.span8,.uneditable-input.span8{width:610px;}
-input.span9,textarea.span9,.uneditable-input.span9{width:690px;}
-input.span10,textarea.span10,.uneditable-input.span10{width:770px;}
-input.span11,textarea.span11,.uneditable-input.span11{width:850px;}
-input.span12,textarea.span12,.uneditable-input.span12{width:930px;}
-input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
-.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
-.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;}
-.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
-.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
-.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
-.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
-.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
-.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}
-.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
-input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
-.form-actions{padding:15px 20px 16px;margin-top:16px;margin-bottom:16px;background-color:#f5f5f5;border-top:1px solid #ddd;}
-.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
-:-moz-placeholder{color:#999999;}
-::-webkit-input-placeholder{color:#999999;}
-.help-block{margin-top:5px;margin-bottom:0;color:#999999;}
-.help-inline{display:inline-block;*display:inline;*zoom:1;margin-bottom:9px;vertical-align:middle;padding-left:5px;}
-.input-prepend,.input-append{margin-bottom:5px;*zoom:1;}.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after{display:table;content:"";}
-.input-prepend:after,.input-append:after{clear:both;}
-.input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;}
-.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;}
-.input-prepend .add-on,.input-append .add-on{float:left;display:block;width:auto;min-width:16px;height:16px;margin-right:-1px;padding:4px 5px;font-weight:normal;line-height:16px;color:#999999;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
-.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;}
-.input-prepend .add-on{*margin-top:1px;}
-.input-append input,.input-append .uneditable-input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
-.input-append .uneditable-input{border-right-color:#ccc;}
-.input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
-.input-append input:first-child{*margin-left:-160px;}.input-append input:first-child+.add-on{*margin-left:-21px;}
-.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
-.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;}
-.form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{display:inline-block;}
-.form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on{vertical-align:middle;}
-.control-group{margin-bottom:8px;}
-.form-horizontal legend+.control-group{margin-top:16px;-webkit-margin-top-collapse:separate;}
-.form-horizontal .control-group{margin-bottom:16px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";}
-.form-horizontal .control-group:after{clear:both;}
-.form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right;}
-.form-horizontal .controls{margin-left:160px;}
-.form-horizontal .form-actions{padding-left:160px;}
-table{max-width:100%;border-collapse:collapse;border-spacing:0;}
-.table{width:100%;margin-bottom:16px;}.table th,.table td{padding:8px;line-height:16px;text-align:left;border-top:1px solid #ddd;}
-.table th{font-weight:bold;vertical-align:bottom;}
-.table td{vertical-align:top;}
-.table thead:first-child tr th,.table thead:first-child tr td{border-top:0;}
-.table tbody+tbody{border-top:2px solid #ddd;}
-.table-condensed th,.table-condensed td{padding:4px 5px;}
-.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #ddd;}
-.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
-.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
-.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
-.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
-.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
-.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
-table .span1{float:none;width:44px;margin-left:0;}
-table .span2{float:none;width:124px;margin-left:0;}
-table .span3{float:none;width:204px;margin-left:0;}
-table .span4{float:none;width:284px;margin-left:0;}
-table .span5{float:none;width:364px;margin-left:0;}
-table .span6{float:none;width:444px;margin-left:0;}
-table .span7{float:none;width:524px;margin-left:0;}
-table .span8{float:none;width:604px;margin-left:0;}
-table .span9{float:none;width:684px;margin-left:0;}
-table .span10{float:none;width:764px;margin-left:0;}
-table .span11{float:none;width:844px;margin-left:0;}
-table .span12{float:none;width:924px;margin-left:0;}
-[class^="icon-"]{display:inline-block;width:14px;height:14px;vertical-align:text-top;background-image:url(../img/glyphicons-halflings.png);background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child{*margin-left:0;}
-.icon-white{background-image:url(../img/glyphicons-halflings-white.png);}
-.icon-glass{background-position:0 0;}
-.icon-music{background-position:-24px 0;}
-.icon-search{background-position:-48px 0;}
-.icon-envelope{background-position:-72px 0;}
-.icon-heart{background-position:-96px 0;}
-.icon-star{background-position:-120px 0;}
-.icon-star-empty{background-position:-144px 0;}
-.icon-user{background-position:-168px 0;}
-.icon-film{background-position:-192px 0;}
-.icon-th-large{background-position:-216px 0;}
-.icon-th{background-position:-240px 0;}
-.icon-th-list{background-position:-264px 0;}
-.icon-ok{background-position:-288px 0;}
-.icon-remove{background-position:-312px 0;}
-.icon-zoom-in{background-position:-336px 0;}
-.icon-zoom-out{background-position:-360px 0;}
-.icon-off{background-position:-384px 0;}
-.icon-signal{background-position:-408px 0;}
-.icon-cog{background-position:-432px 0;}
-.icon-trash{background-position:-456px 0;}
-.icon-home{background-position:0 -24px;}
-.icon-file{background-position:-24px -24px;}
-.icon-time{background-position:-48px -24px;}
-.icon-road{background-position:-72px -24px;}
-.icon-download-alt{background-position:-96px -24px;}
-.icon-download{background-position:-120px -24px;}
-.icon-upload{background-position:-144px -24px;}
-.icon-inbox{background-position:-168px -24px;}
-.icon-play-circle{background-position:-192px -24px;}
-.icon-repeat{background-position:-216px -24px;}
-.icon-refresh{background-position:-240px -24px;}
-.icon-list-alt{background-position:-264px -24px;}
-.icon-lock{background-position:-287px -24px;}
-.icon-flag{background-position:-312px -24px;}
-.icon-headphones{background-position:-336px -24px;}
-.icon-volume-off{background-position:-360px -24px;}
-.icon-volume-down{background-position:-384px -24px;}
-.icon-volume-up{background-position:-408px -24px;}
-.icon-qrcode{background-position:-432px -24px;}
-.icon-barcode{background-position:-456px -24px;}
-.icon-tag{background-position:0 -48px;}
-.icon-tags{background-position:-25px -48px;}
-.icon-book{background-position:-48px -48px;}
-.icon-bookmark{background-position:-72px -48px;}
-.icon-print{background-position:-96px -48px;}
-.icon-camera{background-position:-120px -48px;}
-.icon-font{background-position:-144px -48px;}
-.icon-bold{background-position:-167px -48px;}
-.icon-italic{background-position:-192px -48px;}
-.icon-text-height{background-position:-216px -48px;}
-.icon-text-width{background-position:-240px -48px;}
-.icon-align-left{background-position:-264px -48px;}
-.icon-align-center{background-position:-288px -48px;}
-.icon-align-right{background-position:-312px -48px;}
-.icon-align-justify{background-position:-336px -48px;}
-.icon-list{background-position:-360px -48px;}
-.icon-indent-left{background-position:-384px -48px;}
-.icon-indent-right{background-position:-408px -48px;}
-.icon-facetime-video{background-position:-432px -48px;}
-.icon-picture{background-position:-456px -48px;}
-.icon-pencil{background-position:0 -72px;}
-.icon-map-marker{background-position:-24px -72px;}
-.icon-adjust{background-position:-48px -72px;}
-.icon-tint{background-position:-72px -72px;}
-.icon-edit{background-position:-96px -72px;}
-.icon-share{background-position:-120px -72px;}
-.icon-check{background-position:-144px -72px;}
-.icon-move{background-position:-168px -72px;}
-.icon-step-backward{background-position:-192px -72px;}
-.icon-fast-backward{background-position:-216px -72px;}
-.icon-backward{background-position:-240px -72px;}
-.icon-play{background-position:-264px -72px;}
-.icon-pause{background-position:-288px -72px;}
-.icon-stop{background-position:-312px -72px;}
-.icon-forward{background-position:-336px -72px;}
-.icon-fast-forward{background-position:-360px -72px;}
-.icon-step-forward{background-position:-384px -72px;}
-.icon-eject{background-position:-408px -72px;}
-.icon-chevron-left{background-position:-432px -72px;}
-.icon-chevron-right{background-position:-456px -72px;}
-.icon-plus-sign{background-position:0 -96px;}
-.icon-minus-sign{background-position:-24px -96px;}
-.icon-remove-sign{background-position:-48px -96px;}
-.icon-ok-sign{background-position:-72px -96px;}
-.icon-question-sign{background-position:-96px -96px;}
-.icon-info-sign{background-position:-120px -96px;}
-.icon-screenshot{background-position:-144px -96px;}
-.icon-remove-circle{background-position:-168px -96px;}
-.icon-ok-circle{background-position:-192px -96px;}
-.icon-ban-circle{background-position:-216px -96px;}
-.icon-arrow-left{background-position:-240px -96px;}
-.icon-arrow-right{background-position:-264px -96px;}
-.icon-arrow-up{background-position:-289px -96px;}
-.icon-arrow-down{background-position:-312px -96px;}
-.icon-share-alt{background-position:-336px -96px;}
-.icon-resize-full{background-position:-360px -96px;}
-.icon-resize-small{background-position:-384px -96px;}
-.icon-plus{background-position:-408px -96px;}
-.icon-minus{background-position:-433px -96px;}
-.icon-asterisk{background-position:-456px -96px;}
-.icon-exclamation-sign{background-position:0 -120px;}
-.icon-gift{background-position:-24px -120px;}
-.icon-leaf{background-position:-48px -120px;}
-.icon-fire{background-position:-72px -120px;}
-.icon-eye-open{background-position:-96px -120px;}
-.icon-eye-close{background-position:-120px -120px;}
-.icon-warning-sign{background-position:-144px -120px;}
-.icon-plane{background-position:-168px -120px;}
-.icon-calendar{background-position:-192px -120px;}
-.icon-random{background-position:-216px -120px;}
-.icon-comment{background-position:-240px -120px;}
-.icon-magnet{background-position:-264px -120px;}
-.icon-chevron-up{background-position:-288px -120px;}
-.icon-chevron-down{background-position:-313px -119px;}
-.icon-retweet{background-position:-336px -120px;}
-.icon-shopping-cart{background-position:-360px -120px;}
-.icon-folder-close{background-position:-384px -120px;}
-.icon-folder-open{background-position:-408px -120px;}
-.icon-resize-vertical{background-position:-432px -119px;}
-.icon-resize-horizontal{background-position:-456px -118px;}
-.dropdown{position:relative;}
-.dropdown-toggle{*margin-bottom:-3px;}
-.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
-.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"\2193";}
-.dropdown .caret{margin-top:8px;margin-left:2px;}
-.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);}
-.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px;}
-.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;}
-.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;white-space:nowrap;}
-.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#0088cc;}
-.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
-.dropdown.open .dropdown-menu{display:block;}
-.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
-.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
-.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;}
-.close{float:right;font-size:20px;font-weight:bold;line-height:16px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;}
-.btn{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
-.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
-.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
-.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
-.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-.btn-large{padding:9px 14px;font-size:14px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
-.btn-large .icon{margin-top:1px;}
-.btn-small{padding:5px 9px;font-size:10px;line-height:14px;}
-.btn-small .icon{margin-top:-1px;}
-.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
-.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active{color:rgba(255, 255, 255, 0.75);}
-.btn-primary{background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-ms-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(top, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#0044cc;}
-.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
-.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;}
-.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
-.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;}
-.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
-.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;}
-.btn-success:active,.btn-success.active{background-color:#408140 \9;}
-.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}
-.btn-info:active,.btn-info.active{background-color:#24748c \9;}
-button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
-button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
-button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
-.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";}
-.btn-group:after{clear:both;}
-.btn-group:first-child{*margin-left:0;}
-.btn-group+.btn-group{margin-left:5px;}
-.btn-toolbar{margin-top:8px;margin-bottom:8px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
-.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
-.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
-.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
-.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
-.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;}
-.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
-.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-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);-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);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);*padding-top:5px;*padding-bottom:5px;}
-.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
-.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);}
-.btn .caret{margin-top:7px;margin-left:0;}
-.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);}
-.btn-primary .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret{border-top-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
-.btn-small .caret{margin-top:4px;}
-.alert{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.alert,.alert-heading{color:#c09853;}
-.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
-.alert-success{background-color:#dff0d8;border-color:#d6e9c6;}
-.alert-success,.alert-success .alert-heading{color:#468847;}
-.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;}
-.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#b94a48;}
-.alert-info{background-color:#d9edf7;border-color:#bce8f1;}
-.alert-info,.alert-info .alert-heading{color:#3a87ad;}
-.alert-block{padding-top:14px;padding-bottom:14px;}
-.alert-block>p,.alert-block>ul{margin-bottom:0;}
-.alert-block p+p{margin-top:5px;}
-.nav{margin-left:0;margin-bottom:16px;list-style:none;}
-.nav>li>a{display:block;}
-.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
-.nav-list{padding-left:14px;padding-right:14px;margin-bottom:0;}
-.nav-list>li>a,.nav-list .nav-header{display:block;padding:3px 15px;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
-.nav-list .nav-header{font-size:11px;font-weight:bold;line-height:16px;color:#999999;text-transform:uppercase;}
-.nav-list>li+.nav-header{margin-top:9px;}
-.nav-list .active>a,.nav-list .active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;}
-.nav-list [class^="icon-"]{margin-right:2px;}
-.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";}
-.nav-tabs:after,.nav-pills:after{clear:both;}
-.nav-tabs>li,.nav-pills>li{float:left;}
-.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
-.nav-tabs{border-bottom:1px solid #ddd;}
-.nav-tabs>li{margin-bottom:-1px;}
-.nav-tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
-.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
-.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
-.nav-pills .active>a,.nav-pills .active>a:hover{color:#ffffff;background-color:#0088cc;}
-.nav-stacked>li{float:none;}
-.nav-stacked>li>a{margin-right:0;}
-.nav-tabs.nav-stacked{border-bottom:0;}
-.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
-.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
-.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
-.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
-.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
-.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;}
-.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#0088cc;margin-top:6px;}
-.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;}
-.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;}
-.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;}
-.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
-.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
-.tabs-stacked .open>a:hover{border-color:#999999;}
-.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";}
-.tabbable:after{clear:both;}
-.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;}
-.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
-.tab-content>.active,.pill-content>.active{display:block;}
-.tabs-below .nav-tabs{border-top:1px solid #ddd;}
-.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;}
-.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
-.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;}
-.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;}
-.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
-.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
-.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
-.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
-.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
-.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
-.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
-.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
-.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
-.navbar{overflow:visible;margin-bottom:16px;}
-.navbar-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
-.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);border-color:#2c3143 #2c3143 #0e0f15;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#2c3143;}
-.btn-navbar:active,.btn-navbar.active{background-color:#181a24 \9;}
-.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
-.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
-.nav-collapse.collapse{height:auto;}
-.navbar .brand:hover{text-decoration:none;}
-.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
-.navbar .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}.navbar .navbar-text a:hover{color:#ffffff;background-color:transparent;}
-.navbar .btn,.navbar .btn-group{margin-top:5px;}
-.navbar .btn-group .btn{margin-top:0;}
-.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
-.navbar-form:after{clear:both;}
-.navbar-form input,.navbar-form select{display:inline-block;margin-top:5px;margin-bottom:0;}
-.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
-.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
-.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
-.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
-.navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
-.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
-.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
-.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
-.navbar .nav.pull-right{float:right;}
-.navbar .nav>li{display:block;float:left;}
-.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
-.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}
-.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#2c3143;background-color:rgba(0, 0, 0, 0.5);}
-.navbar .divider-vertical{height:32px;width:1px;margin:0 9px;overflow:hidden;background-color:#2c3143;border-right:1px solid #333333;}
-.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
-.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
-.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
-.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;}
-.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);}
-.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;}
-.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;}
-.navbar .nav.pull-right .dropdown-menu{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before{left:auto;right:12px;}
-.navbar .nav.pull-right .dropdown-menu:after{left:auto;right:13px;}
-.breadcrumb{padding:7px 14px;margin:0 0 16px;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
-.breadcrumb .divider{padding:0 5px;color:#999999;}
-.breadcrumb .active a{color:#333333;}
-.pagination{height:32px;margin:16px 0;}
-.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
-.pagination li{display:inline;}
-.pagination a{float:left;padding:0 14px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
-.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
-.pagination .active a{color:#999999;cursor:default;}
-.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
-.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
-.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
-.pagination-centered{text-align:center;}
-.pagination-right{text-align:right;}
-.pager{margin-left:0;margin-bottom:16px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";}
-.pager:after{clear:both;}
-.pager li{display:inline;}
-.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
-.pager a:hover{text-decoration:none;background-color:#f5f5f5;}
-.pager .next a{float:right;}
-.pager .previous a{float:left;}
-.modal-open .dropdown-menu{z-index:2050;}
-.modal-open .dropdown.open{*z-index:2050;}
-.modal-open .popover{z-index:2060;}
-.modal-open .tooltip{z-index:2070;}
-.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
-.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
-.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
-.modal.fade.in{top:50%;}
-.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
-.modal-body{padding:15px;}
-.modal-footer{padding:14px 15px 15px;margin-bottom:0;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
-.modal-footer:after{clear:both;}
-.modal-footer .btn{float:right;margin-left:5px;margin-bottom:0;}
-.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
-.tooltip.top{margin-top:-2px;}
-.tooltip.right{margin-left:2px;}
-.tooltip.bottom{margin-top:2px;}
-.tooltip.left{margin-left:-2px;}
-.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
-.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
-.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
-.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
-.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.tooltip-arrow{position:absolute;width:0;height:0;}
-.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
-.popover.right{margin-left:5px;}
-.popover.bottom{margin-top:5px;}
-.popover.left{margin-left:-5px;}
-.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
-.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
-.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
-.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
-.popover .arrow{position:absolute;width:0;height:0;}
-.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
-.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
-.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;}
-.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";}
-.thumbnails:after{clear:both;}
-.thumbnails>li{float:left;margin:0 0 16px 20px;}
-.thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}
-a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
-.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
-.thumbnail .caption{padding:9px;}
-.label{padding:1px 3px 2px;font-size:9px;font-weight:bold;color:#ffffff;text-transform:uppercase;background-color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-.label-important{background-color:#b94a48;}
-.label-warning{background-color:#f89406;}
-.label-success{background-color:#468847;}
-.label-info{background-color:#3a87ad;}
-@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
-.progress-striped .bar{background-color:#62c462;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));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);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);background-image:-ms-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);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);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);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
-.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
-.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
-.progress-danger.progress-striped .bar{background-color:#ee5f5b;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));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);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);background-image:-ms-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);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);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);}
-.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
-.progress-success.progress-striped .bar{background-color:#62c462;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));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);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);background-image:-ms-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);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);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);}
-.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
-.progress-info.progress-striped .bar{background-color:#5bc0de;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));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);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);background-image:-ms-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);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);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);}
-.accordion{margin-bottom:16px;}
-.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.accordion-heading{border-bottom:0;}
-.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
-.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
-.carousel{position:relative;margin-bottom:16px;line-height:1;}
-.carousel-inner{overflow:hidden;width:100%;position:relative;}
-.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
-.carousel .item>img{display:block;line-height:1;}
-.carousel .active,.carousel .next,.carousel .prev{display:block;}
-.carousel .active{left:0;}
-.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
-.carousel .next{left:100%;}
-.carousel .prev{left:-100%;}
-.carousel .next.left,.carousel .prev.right{left:0;}
-.carousel .active.left{left:-100%;}
-.carousel .active.right{left:100%;}
-.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
-.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
-.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
-.carousel-caption h4,.carousel-caption p{color:#ffffff;}
-.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
-.hero-unit p{font-size:18px;font-weight:200;line-height:24px;}
-.pull-right{float:right;}
-.pull-left{float:left;}
-.hide{display:none;}
-.show{display:block;}
-.invisible{visibility:hidden;}
-body{background:#eeeeee;}
-.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
-#background{position:absolute;background:#eeeeee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
-#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
-#left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0px;overflow:hidden;background:#fff;}
-#left,#center,#right{border-top:solid #999999 1px;}
-#left-border,#right-border{background:#eeeeee;border-left:solid #999999 1px;border-right:solid #999999 1px;padding-right:1px;padding-left:1px;width:5px;z-index:10000;}
-#left-border div,#right-border div{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;position:absolute;width:5px;height:100%;}
-#left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png);cursor:w-resize;}
-#left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;}
-#left-border.hover div,#right-border.hover div{background-color:#aaaaee;}
-#left{left:0px;width:250px;z-index:200;}
-#left-border{left:250px;}
-#center{left:259px;right:259px;overflow:hidden;z-index:1;}
-#right-border{right:250px;}
-#right{width:250px;right:0px;z-index:200;}
-.unified-panel-header{height:2em;z-index:1000;background:#cccccc;background-image:url(panel_header_bg.png);background-position:top center;background-repeat:repeat-x;border-bottom:solid #999999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;color:#333;font-weight:bold;}
-.unified-panel-header-inner{padding-top:0.45em;}
-.menu-bg{background:#c1c9e5 url(menu_bg.png) top repeat-x;}
-div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;}
-.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;border:solid #999 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}
-.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
-.panel-header-button:hover{color:black;background-color:#ccc;}
-.panel-header-button:active{color:white;background-color:#aaaaaa;}
-#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
-#overlay.modal #overlay-background{background:rgba(0, 0, 0, 0.5);}
-.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
-.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
-.dialog-box{border:solid #999 1px;background:white;z-index:80000;}
-#overlay.modal .dialog-box .body{min-width:600px;}
-.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
-.dialog-box .buttons{padding:5px;}
-.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}
-.panel-warning-message{background-image:url(warn_small.png);background-color:#ffffcc;}
-.panel-done-message{background-image:url(done_small.png);background-color:#ccffcc;}
-.panel-info-message{background-image:url(info_small.png);background-color:#ccccff;}
-#masthead{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:visible;margin-bottom:16px;position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;border-bottom:solid #444444 1px;z-index:15000;padding:0;}#masthead .brand:hover{text-decoration:none;}
-#masthead .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
-#masthead .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}#masthead .navbar-text a:hover{color:#ffffff;background-color:transparent;}
-#masthead .btn,#masthead .btn-group{margin-top:5px;}
-#masthead .btn-group .btn{margin-top:0;}
-#masthead a{color:#eeeeee;text-decoration:none;}
-#masthead .title{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;font-family:verdana;z-index:2000;}
-#masthead .masthead-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);height:32px;}
-#masthead .tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;background:transparent;}#masthead .tab-group .tab{position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;}#masthead .tab-group .tab .submenu{display:none;position:absolute;z-index:16000;left:0;top:32px;padding:1em;margin:-1em;padding-top:0;margin-top:0;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:0 0 1em 1em;-webkit-border-bottom-right-radius:1em;-webkit-border-bottom-left-radius:1em;}#masthead .tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2c3143;}#masthead .tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;}
-#masthead .tab-group .tab:hover>a{color:gold !important;}
-#masthead .tab-group .active{background:#010101;}
-#masthead a:hover{text-decoration:underline;}
-.quota-meter-container{position:absolute;top:0;right:0;height:32px;}
-.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#c1c9e5;}
-.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969db3;}
-.quota-meter-bar-warn{background-color:#ffb400;}
-.quota-meter-bar-error{background-color:#ff4343;}
-.quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000000;}
+
diff --git a/static/june_2007_style/blue/tool_menu.css b/static/june_2007_style/blue/tool_menu.css
index 457777e42c3..e69de29bb2d 100644
--- a/static/june_2007_style/blue/tool_menu.css
+++ b/static/june_2007_style/blue/tool_menu.css
@@ -1,9 +0,0 @@
-body{background:white;color:#303030;background:#C1C9E5 url(menu_bg.png) top repeat-x;margin:5px;margin-right:10px;margin-left:10px;}
-hr{border:none;height:0px;margin-top:0px;}
-div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0px;}
-div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}
-div.toolSectionTitle{font-weight:bold;}
-div.toolPanelLabel{padding-top:10px;padding-bottom:5px;font-weight:bold;color:gray;text-transform:uppercase;}
-div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}
-div.toolSectionBody div.toolPanelLabel{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:none outside;}
-div.toolTitleNoSection{padding-bottom:0px;font-weight:bold;}
diff --git a/static/june_2007_style/blue_colors.ini b/static/june_2007_style/blue_colors.ini
index d82f9389ccf..58c3c921819 100644
--- a/static/june_2007_style/blue_colors.ini
+++ b/static/june_2007_style/blue_colors.ini
@@ -3,7 +3,7 @@ base_bg_top=#FFFFFF
 base_bg_bottom=#FFFFFF
 link_text=#303030
 header_text=#023858
-menu_bg_top=#DADFEF
+#menu_bg_top=#DADFEF
 menu_bg_over=#C1C9E5
 menu_bg_hatch=-
 #menu_bg_hatch=#AAAAFF
diff --git a/static/june_2007_style/bootstrap/buttons.less b/static/june_2007_style/bootstrap/buttons.less
index 582350386e5..8c764a63891 100644
--- a/static/june_2007_style/bootstrap/buttons.less
+++ b/static/june_2007_style/bootstrap/buttons.less
@@ -27,6 +27,7 @@
 }
 
 // Hover state
+.btn.hover, 
 .btn:hover {
   color: @grayDark;
   text-decoration: none;
diff --git a/static/june_2007_style/bootstrap/dropdowns.less b/static/june_2007_style/bootstrap/dropdowns.less
index 83f535ae861..1689ead03bf 100644
--- a/static/june_2007_style/bootstrap/dropdowns.less
+++ b/static/june_2007_style/bootstrap/dropdowns.less
@@ -46,7 +46,7 @@
   float: left;
   display: none; // none by default, but block on "open" of the menu
   min-width: 160px;
-  max-width: 220px;
+  // makmax-width: 220px;
   _width: 160px;
   padding: 4px 0;
   margin: 0; // override default ul
diff --git a/static/june_2007_style/bootstrap/mixins.less b/static/june_2007_style/bootstrap/mixins.less
index 545ccb9bad3..4e7b301c769 100644
--- a/static/june_2007_style/bootstrap/mixins.less
+++ b/static/june_2007_style/bootstrap/mixins.less
@@ -97,13 +97,13 @@
 #font {
   #family {
     .serif() {
-      font-family: Georgia, "Times New Roman", Times, serif;
+      font-family: @serifFontFamily;
     }
     .sans-serif() {
-      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: @sansFontFamily;
     }
     .monospace() {
-      font-family: Menlo, Monaco, "Courier New", monospace;
+      font-family: @monospaceFontFamily;
     }
   }
   .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
diff --git a/static/june_2007_style/bootstrap/sprites.less b/static/june_2007_style/bootstrap/sprites.less
index a56216c71c6..0aa8523e3b5 100644
--- a/static/june_2007_style/bootstrap/sprites.less
+++ b/static/june_2007_style/bootstrap/sprites.less
@@ -14,19 +14,19 @@
 // For the white version of the  icons, just add the .icon-white class:
 // 
 
-[class^="icon-"] {
+[class^="icon-"], .icon {
   display: inline-block;
   width: 14px;
   height: 14px;
   vertical-align: text-top;
-  background-image: url(../img/glyphicons-halflings.png);
+  background-image: url(glyphicons-halflings.png);
   background-position: 14px 14px;
   background-repeat: no-repeat;
 
   .ie7-restore-right-whitespace();
 }
 .icon-white {
-  background-image: url(../img/glyphicons-halflings-white.png);
+  background-image: url(glyphicons-halflings-white.png);
 }
 
 .icon-glass              { background-position: 0      0; }
diff --git a/static/june_2007_style/galaxy_bootstrap.less b/static/june_2007_style/galaxy_bootstrap.less
index b9bacc43983..b43d0c9fc70 100644
--- a/static/june_2007_style/galaxy_bootstrap.less
+++ b/static/june_2007_style/galaxy_bootstrap.less
@@ -6,7 +6,7 @@
 // --------------------------------------------------
 
 // Links
-@linkColor:             #08c;
+@linkColor:             @link_text;
 @linkColorHover:        darken(@linkColor, 15%);
 
 // Grays
@@ -19,7 +19,7 @@
 @white:                 #fff;
 
 // Accent colors
-@blue:                  #049cdb;
+@blue:                  @info_message_bg;
 @blueDark:              #0064cd;
 @green:                 #46a546;
 @red:                   #9d261d;
@@ -30,7 +30,10 @@
 
 // Typography
 @baseFontSize:          12px;
-@baseFontFamily:        "Lucida Grande",verdana,arial,helvetica,sans-serif;
+@sansFontFamily:        "Lucida Grande",verdana,arial,helvetica,sans-serif;
+@serifFontFamily:		Georgia, "Times New Roman", Times, serif;
+@monospaceFontFamily:	Menlo, Monaco, "Courier New", monospace;
+@baseFontFamily:		@sansFontFamily;
 @baseLineHeight:        16px;
 @textColor:             @grayDark;
 
@@ -73,9 +76,9 @@
 @errorBackground:         #f2dede;
 @errorBorder:             darken(spin(@errorBackground, -10), 3%);
 
-@successText:             #468847;
-@successBackground:       #dff0d8;
-@successBorder:           darken(spin(@successBackground, -10), 5%);
+@successText:             darken(@done_message_bg,70%);
+@successBackground:       @done_message_bg;
+@successBorder:           darken(spin(@successBackground, -10), 60%);
 
 @infoText:                #3a87ad;
 @infoBackground:          #d9edf7;
@@ -106,12 +109,12 @@
 
 // Base CSS
 @import "bootstrap/type.less";
-@import "bootstrap/code.less";
-@import "bootstrap/forms.less";
+// @import "bootstrap/code.less";
+// @import "bootstrap/forms.less";
 @import "bootstrap/tables.less";
 
 // Components: common
-@import "bootstrap/sprites.less";
+// @import "bootstrap/sprites.less";
 @import "bootstrap/dropdowns.less";
 @import "bootstrap/wells.less";
 @import "bootstrap/component-animations.less";
@@ -135,8 +138,8 @@
 @import "bootstrap/popovers.less";
 
 // Components: Misc
-@import "bootstrap/thumbnails.less";
-@import "bootstrap/labels.less";
+// @import "bootstrap/thumbnails.less";
+// @import "bootstrap/labels.less";
 @import "bootstrap/progress-bars.less";
 @import "bootstrap/accordion.less";
 @import "bootstrap/carousel.less";
diff --git a/static/june_2007_style/history.css.tmpl b/static/june_2007_style/history.css.tmpl
index 31c5973b904..e69de29bb2d 100644
--- a/static/june_2007_style/history.css.tmpl
+++ b/static/june_2007_style/history.css.tmpl
@@ -1,138 +0,0 @@
-body {
-    background: $menu_bg_over;
-    color: $base_text;
-    background-image: url(menu_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    margin: 5px;
-    border: 0;
-    padding: 0;
-}
-
-a {
-    color: $base_text;
-}
-
-## Control links at top of history
-div.historyLinks {
-    margin: 5px 5px;
-}
-
-## Default history item appearance
-div.historyItem {
-    margin: 5px -5px 5px 0px;
-    padding: 5px 11px 5px 5px;
-    border: solid $history_queued_border 1px;
-    border-left: solid $history_queued_border 5px;
-    border-right: none;
-    word-wrap: break-word;
-    background: $history_queued_bg;
-    .state-icon {
-        display: inline-block;
-        vertical-align: middle;
-        width: 16px;
-        height: 16px;
-        background-position: 0 1px;
-        background-repeat: no-repeat;
-    }
-    .historyItemTitle {
-        font-weight: bold;
-        line-height: 16px;
-    }
-}
-
-## Nested history items
-div.historyItem div.historyItem {
-    margin-right: -11px;
-}
-
-## Change background/border color depending on state
-div.historyItem-ok,
-div.historyItem-failed_metadata {
-    border-color: $history_ok_border;
-    background: $history_ok_bg;
-    .state-icon {
-        display: none;
-    }
-}
-
-div.historyItem-error {
-    border-color: $history_error_border;
-    background: $history_error_bg;
-    .state-icon {
-        -sprite-group: history-states;
-        -sprite-image: data_error.png;
-    }
-}
-
-div.historyItem-empty {
-    border-color: $history_error_border;
-    background: $history_error_bg;
-    .state-icon {
-        -sprite-group: history-states;
-        -sprite-image: data_empty.png;
-    }
-}
-
-div.historyItem-running {
-    border-color: $history_running_border;
-    background: $history_running_bg;
-    .state-icon {
-        background-image: url(data_running.gif);
-    }
-}
-
-div.historyItem-setting_metadata {
-    border-color: $history_running_border;
-    background: $history_running_bg;
-    .state-icon {
-        background-image: url(data_running.gif);
-    }
-}
-
-div.historyItem-upload {
-    border-color: $history_upload_border;
-    background: $history_upload_bg;
-    .state-icon {
-        background-image: url(data_upload.gif);
-    }
-}
-
-div.historyItem-queued {
-    background: $history_queued_bg;
-    .state-icon {
-        -sprite-group: history-states;
-        -sprite-image: data_queued.png;
-    }
-}
-
-div.historyItem-noPermission {
-    filter: alpha(opacity=60);
-    -moz-opacity: .60;
-    opacity: .60;
-}
-
-## Special case for showing the spinner but not changing the background
-div.historyItemTitleBar.spinner .state-icon {
-    background: url(data_running.gif) 0 1px no-repeat !important;
-}
-
-## Buttons
-div.historyItemButtons {
-    float: right;
-}
-
-div.historyItemBody div {
-    padding-top: 2px;
-}
-
-pre.peek {
-    background: white;
-    color: black;
-    width: 100%; 
-    overflow: auto;
-    th {
-        color: white;
-        background: $peek_table_header;
-    }
-}
diff --git a/static/june_2007_style/panel_layout.less b/static/june_2007_style/panel_layout.less
index 56ea660db5f..e69de29bb2d 100644
--- a/static/june_2007_style/panel_layout.less
+++ b/static/june_2007_style/panel_layout.less
@@ -1,395 +0,0 @@
-@import "variables";
-
-@import "galaxy_bootstrap.less";
-
-body {
-    // font: 75% "Lucida Grande",verdana,arial,helvetica,sans-serif; 
-    background: @layout_bg;
-}
-
-.unselectable {
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-}
-
-#background {
-    position: absolute;
-    background: @layout_bg;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-}
-
-#messagebox {
-    position:absolute; 
-    top:33px; 
-    left:0; 
-    width:100%; 
-    height:24px !important;
-    overflow: hidden; 
-    border-bottom: solid #999 1px;
-    font-size: 90%;
-}
-
-#left, #left-border, #center, #right-border, #right {
-    position: absolute; 
-    top: 39px;
-    bottom: 0px;
-    overflow: hidden; 
-    background: #fff;
-}
-#left, #center, #right {
-    border-top: solid @layout_border 1px;
-}
-#left-border, #right-border {
-    background: #eeeeee;
-    border-left: solid @layout_border 1px;
-    border-right: solid @layout_border 1px;
-    padding-right: 1px;
-    padding-left: 1px;
-    width: 5px;
-    z-index: 10000; }
-#left-border div, #right-border div {
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat; 
-    background-position: center center;
-    position: absolute;
-    width: 5px;
-    height: 100%;
-}
-#left-border div, #right-border.hidden div {
-    background-image: url(tiny_arrow_left.png);
-    cursor: w-resize;
-}
-#left-border.hidden div, #right-border div {
-    background-image: url(tiny_arrow_right.png);
-    cursor: e-resize;
-}
-#left-border.hover div, #right-border.hover div {
-    background-color: @layout_hover;
-}
-#left  {
-    left: 0px;
-    width: 250px;
-    z-index: 200;
-}
-#left-border  {
-    left: 250px;
-}
-#center  {
-    left:259px;
-    right: 259px;
-    overflow: hidden;
-    z-index: 1;
-}
-#right-border  {
-    right: 250px;
-}
-#right {
-    width: 250px;
-    right: 0px; 
-    z-index: 200;
-}
-
-.unified-panel-header {
-    height: 2em;
-    z-index: 1000;
-    background: @panel_header_bg_bottom;
-    background-image: url(panel_header_bg.png);
-    background-position: top center;
-    background-repeat: repeat-x;
-    border-bottom: solid @layout_border 1px;
-    margin: 0;
-    padding: 0;
-    padding-right: 10px;
-    padding-left: 10px;
-    color: #333;
-    font-weight: bold;
-}
-  
-.unified-panel-header-inner {
-    padding-top: 0.45em;
-}
-  
-.menu-bg {
-    background: @menu_bg_over url(menu_bg.png) top repeat-x;
-}
-    
-div.unified-panel-body {
-    position: absolute;
-    top: 2em;
-    bottom: 0;
-    width: 100%;
-    margin-top: 1px;
-}
-
-.panel-header-button {
-    color: #333;
-    text-decoration: none;
-    display: inline-block;
-    cursor: pointer;
-    margin: -1px; padding: 1px;
-    margin-top: -0.2em;
-    border: solid #999 1px;
-    padding-right: 0.5em;
-    padding-left: 0.5em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-radius: 0.5em;
-}
-
-.panel-header-button.popup {
-    padding-right: 1.75em;
-    background: url(../images/dropdownarrow.png) no-repeat right 7px;
-}
-
-.panel-header-button:hover {
-    color: black;
-    background-color: #ccc;
-}
-
-.panel-header-button:active {
-    color: white;
-    background-color: #aaaaaa;
-}
-
-#overlay {
-    position: fixed;
-    top: 0; left: 0; width: 100%; height: 100%;
-    z-index: 20000;
-}
-
-#overlay.modal #overlay-background {
-	background: rgba(0,0,0,0.5);
-}
-
-.dialog-box-container {
-    position: relative;
-    margin-top: 80px;
-    margin-right: auto;
-    margin-left: auto;
-}
-
-.dialog-box-wrapper {
-    position: relative;
-    padding: 1em;
-    background-color: rgba(0,0,0,0.5);
-    -moz-border-radius: 1em;
-    -webkit-border-radius: 1em;
-}
-
-.dialog-box {
-    border: solid #999 1px;
-    background: white;
-    z-index: 80000;
-}
-
-#overlay.modal .dialog-box .body {
-	min-width: 600px;
-}
-
-.dialog-box .body {
-    padding: 5px;
-    overflow: auto;
-    max-height: 500px;
-    min-width: 300px;
-}
-
-.dialog-box .buttons {
-    padding: 5px;
-}
-
-// Messages for message box, slightly different style
-
-.panel-error-message, .panel-warning-message, .panel-done-message, .panel-info-message
-{
-    height: 24px;
-    line-height: 24px;
-    color: @base_text;
-    padding: 0px;
-    padding-left: 26px;
-    background-color: @error_message_bg;
-    background-image: url(error_small.png);
-    background-repeat: no-repeat;
-    background-position: 6px 50%;
-}
-
-.panel-warning-message 
-{
-    background-image: url(warn_small.png);
-    background-color: @warn_message_bg;
-}
-
-.panel-done-message 
-{
-    background-image: url(done_small.png);
-    background-color: @done_message_bg;
-}
-
-.panel-info-message 
-{
-    background-image: url(info_small.png);
-    background-color: @info_message_bg;
-}
-
-// Masthead
-
-#masthead {
-    .border-radius(0);
-    .navbar();
-    position:absolute; 
-    top:0; 
-    left:0; 
-    width:100%;
-    min-width:900px;
-    height:32px;
-    // background: @masthead_bg; 
-    // color:#fff;
-    border-bottom: solid @layout_masthead_border 1px;
-    z-index: 15000;
-    padding: 0;
-
-    a {
-        color: @masthead_link;
-        text-decoration: none;
-    }
-    
-    .title {
-        .navbar.brand();
-        font-family: verdana;
-        //padding: 3px 10px;
-        //font-size: 175%;
-        //font-weight: bold;
-        z-index: 2000;
-    }
-
-    .masthead-inner {
-        .navbar-inner();
-        height: 32px;
-    }
-
-    // Tabs
-
-    .tab-group {
-
-        margin: 0;
-        padding: 0 10px;
-        height: 100%;
-        white-space: nowrap;
-        cursor: default;
-        background: transparent;
-       
-        .tab {
-        
-            // background: @masthead_bg;
-            position: relative;
-            float: left;
-            margin: 0;
-            padding: 0 1em;
-            height: 32px;
-            line-height: 32px;
-            text-align: left;
-            
-            .submenu {
-            
-                display: none;
-                position: absolute;
-                z-index: 16000;
-                left: 0;
-                top: 32px;
-                padding: 1em;
-                margin: -1em;
-                padding-top: 0;
-                margin-top: 0;
-                background-color: rgba(0,0,0,0.5);
-                -moz-border-radius: 0 0 1em 1em;
-                -webkit-border-bottom-right-radius: 1em;
-                -webkit-border-bottom-left-radius: 1em;
-            
-                ul {
-                
-                    display: block;
-                    margin: 0;
-                    padding: 0;
-                    list-style-type: none;
-                    background: @masthead_bg;
-                
-                    li {
-                    
-                        display: block;
-                        padding: 0 1em;
-                        white-space: nowrap;
-                    }
-                }
-            }
-        }
-
-        .tab:hover > a {
-            color: gold !important;
-        }
-
-        .active {
-            background: rgb(1,1,1);
-        }
-    }
-}
-
-#masthead a:hover {
-    text-decoration: underline;
-}
-
-.quota-meter-container
-{
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 32px;
-}
-
-.quota-meter
-{
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    height: 16px;
-    width: 100px;
-    background-color: @quota_meter_bg;
-}
-
-.quota-meter-bar
-{
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 16px;
-    background-color: @quota_meter_bar;
-}
-
-.quota-meter-bar-warn
-{
-    background-color: @quota_meter_warn_bar;
-}
-
-.quota-meter-bar-error
-{
-    background-color: @quota_meter_error_bar;
-}
-
-.quota-meter-text
-{
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 100px;
-    height: 16px;
-    margin-top: -6px;
-    text-align: center;
-    z-index: 9001;
-    color: @quota_meter_text;
-}
diff --git a/static/june_2007_style/process_css.py b/static/june_2007_style/process_css.py
index 9ba3b21de3f..ce82441f495 100755
--- a/static/june_2007_style/process_css.py
+++ b/static/june_2007_style/process_css.py
@@ -11,7 +11,7 @@ CSS processor for Galaxy style sheets. Supports the following features:
 
 import sys, string, os.path, os
 
-new_path = [ os.path.join( os.getcwd(), '..', '..', "lib" ) ]
+new_path = [ os.path.join( os.getcwd(), '..', '..', '..', "lib" ) ]
 new_path.extend( sys.path[1:] ) # remove scripts/ from the path
 sys.path = new_path
 
diff --git a/static/june_2007_style/tool_menu.css.tmpl b/static/june_2007_style/tool_menu.css.tmpl
index a87a2109533..e69de29bb2d 100644
--- a/static/june_2007_style/tool_menu.css.tmpl
+++ b/static/june_2007_style/tool_menu.css.tmpl
@@ -1,70 +0,0 @@
-body
-{
-    background: white;
-    color: $base_text;
-    background: $menu_bg_over url(menu_bg.png) top repeat-x;
-    margin: 5px;
-    margin-right: 10px;
-    margin-left: 10px;
-}
-
-hr
-{
-    border: none;
-    height: 0px;
-    margin-top: 0px;
-}
-
-div.toolSectionPad
-{
-    margin: 0;
-    padding: 0;
-    height: 5px;
-    font-size: 0px;
-}
-
-div.toolSectionDetailsInner
-{ 
-  margin-left: 5px;
-  margin-right: 5px;
-}
-
-div.toolSectionTitle
-{
-  font-weight: bold;
-}
-
-div.toolPanelLabel
-{
-  padding-top: 10px;
-  padding-bottom: 5px;
-  font-weight: bold;
-  color: gray;
-  text-transform: uppercase;
-}
-
-div.toolTitle
-{
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-left: 16px;
-  margin-right: 10px;
-  display: list-item;
-  list-style: square outside;
-}
-
-div.toolSectionBody div.toolPanelLabel
-{
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-left: 16px;
-  margin-right: 10px;
-  display: list-item;
-  list-style: none outside;
-}
-
-div.toolTitleNoSection
-{
-  padding-bottom: 0px;
-  font-weight: bold;
-}
diff --git a/static/scripts/galaxy.base.js b/static/scripts/galaxy.base.js
index 08155f0a6ed..e0dccd3d1ca 100644
--- a/static/scripts/galaxy.base.js
+++ b/static/scripts/galaxy.base.js
@@ -55,16 +55,16 @@ function make_popupmenu(button_element, initial_options) {
         // Need setTimeouts so clicks don't interfere with each other        
         setTimeout( function() {
             // Dynamically generate the wrapper holding all the selectable options of the menu.
-            var menu_element = $( "
      " );
+            var menu_element = $( "" );
             var options = button_element.data("menu_options");
             if (obj_length(options) <= 0) {
                 $("
    • No Options.
      • ").appendTo(menu_element);
             }
             $.each( options, function( k, v ) {
                 if (v) {
-                    $("
    • ").html(k).click(v).appendTo(menu_element);
+                    $("").html(k).click(v).appendTo(menu_element).wrap( "
    • " );
                 } else {
-                    $("
    • ").html(k).appendTo(menu_element);
+                    $("").html(k).appendTo(menu_element).wrap( "
    • " );
                 }
             });
             var wrapper = $( "
      " );
@@ -73,11 +73,11 @@ function make_popupmenu(button_element, initial_options) {
                    .appendTo( "body" );
                    
             var x = e.pageX - wrapper.width() / 2 ;
-            x = Math.min( x, $(document).scrollLeft() + $(window).width() - $(wrapper).width() - 20 );
-            x = Math.max( x, $(document).scrollLeft() + 20 );
+            x = Math.min( x, $(document).scrollLeft() + $(window).width() - $(wrapper).width() - 5 );
+            x = Math.max( x, $(document).scrollLeft() + 5 );
 
             wrapper.css( {
-               top: e.pageY - 15,
+               top: e.pageY,
                left: x
             } );
         }, 10);
diff --git a/static/scripts/galaxy.panels.js b/static/scripts/galaxy.panels.js
index bc33a9c618d..6393d53c19a 100644
--- a/static/scripts/galaxy.panels.js
+++ b/static/scripts/galaxy.panels.js
@@ -1,4 +1,8 @@
-function ensure_dd_helper() {
+!function( exports, $ ){
+
+"use strict"
+
+var ensure_dd_helper = function () {
     // Insert div that covers everything when dragging the borders
     if ( $( "#DD-helper" ).length == 0 ) {
         $( "
      " ).css( {
@@ -8,158 +12,117 @@ function ensure_dd_helper() {
     }
 }
 
-var MIN_PANEL_WIDTH = 100,
-    MAX_PANEL_WIDTH = 1000;
+// Panels
 
-function make_left_panel( panel_el, center_el, border_el ) {
-    var hidden = false;
-    var saved_size = null;
-    // Functions for managing panel
-    var resize = function( x ) {
-        var oldx = x;
-        if ( x < 0 ) x = 0;
-        $( panel_el ).css( "width", x );
-        $( border_el ).css( "left", oldx );
-        $( center_el ).css( "left", x+7 );
-        // ie7-recalc.js
-        if ( document.recalc ) { document.recalc(); }
-    };
-    var toggle = function() {
-        if ( hidden ) {
-            $( border_el ).removeClass( "hover" );
-            $( border_el).animate( {left: saved_size }, "fast" );
-            $( panel_el ).css( "left", - saved_size ).show().animate( { "left": 0 }, "fast", function () {
-                resize( saved_size );
-                $( border_el ).removeClass( "hidden" );
-            });
-            hidden = false;
+var MIN_PANEL_WIDTH = 150,
+    MAX_PANEL_WIDTH = 800;
+
+var Panel = function( options ) {
+    this.panel = options.panel;
+    this.center = options.center;
+    this.drag = options.drag;
+    this.toggle = options.toggle;
+    this.left = !options.right;
+    this.hidden = false;
+    this.hidden_by_tool = false;
+    this.saved_size = null;
+    this.init();
+}
+$.extend( Panel.prototype, {
+    resize: function( x ) {
+        $(this.panel).css( "width", x );
+        if ( this.left ) {
+            $(center).css( "left", x );
         } else {
-            saved_size = $( border_el ).position().left;
-            // Move center
-            $( center_el ).css( "left", $(border_el).innerWidth() );
-            if ( document.recalc ) { document.recalc(); }
-            $( border_el).removeClass( "hover" );
-            $( panel_el ).animate( { left: - saved_size }, "fast" );
-            $( border_el ).animate( { left: -1 }, "fast", function() {
-                $( this ).addClass( "hidden" );
-            });
-            hidden = true;
+            $(center).css( "right", x );
         }
-    };
-    // Connect to elements
-    //$( border_el ).hover( 
-    //    function() { $( this ).addClass( "hover" ) },
-    //    function() { $( this ).removeClass( "hover" ) }
-    $( border_el ).bind( "dragstart", function() {
-        $( '#DD-helper' ).show();
-    }).bind( "dragend", function() {
-        $( '#DD-helper' ).hide();
-    }).bind( "drag", function( e, d ) {
-        x = d.offsetX;
-        // Limit range
-        x = Math.min( MAX_PANEL_WIDTH, Math.max( MIN_PANEL_WIDTH, x ) );
-        // Resize
-        if ( hidden ) {
-            $( panel_el ).css( "left", 0 );
-            $( border_el ).removeClass( "hidden" );
-            hidden = false;
-        }
-        resize( x );
-    }).bind( "dragclickonly", function() {
-        toggle();
-    }).find( "div" ).show();
-    var force_panel = function( op ) {
-        if ( ( hidden && op == 'show' ) || ( ! hidden && op == 'hide' ) ) { 
-            toggle();
-        }
-    }
-    return { force_panel: force_panel };
-};
-
-function make_right_panel( panel_el, center_el, border_el ) {
-    var hidden = false,
-        hidden_by_tool = false,
-        saved_size = null;
-    
-    var resize = function( x ) {
-        $( panel_el ).css( "width", x );
-        $( center_el ).css( "right", x+9 );
-        $( border_el ).css( "right", x ).css( "left", "" );
         // ie7-recalc.js
         if ( document.recalc ) { document.recalc(); }
-    };
-    var toggle = function() {
-        if ( hidden ) {
-            $( border_el).removeClass( "hover" );
-            $( border_el ).animate( { right: saved_size }, "fast" );
-            $( panel_el ).css( "right", - saved_size ).show().animate( { "right": 0 }, "fast", function () {
-                resize( saved_size );
-                $( border_el ).removeClass( "hidden" );
-            });
-            hidden = false;
-        }
-        else
-        {
-            saved_size = $(document).width() - $( border_el ).position().left - $(border_el).outerWidth();
+    },
+    do_toggle: function() {
+        var self = this;
+        if ( this.hidden ) {
+            $(this.toggle).removeClass( "hidden" );
+            if ( this.left ) {
+                $(this.panel).css( "left", - this.saved_size ).show().animate( { "left": 0 }, "fast", function () {
+                    self.resize( self.saved_size );
+                });
+            } else {
+                $(this.panel).css( "right", - this.saved_size ).show().animate( { "right": 0 }, "fast", function () {
+                    self.resize( self.saved_size );
+                });
+            }
+            self.hidden = false;
+        } else {
+            self.saved_size = $(this.panel).width();
             // Move center
-            $( center_el ).css( "right", $(border_el).innerWidth() + 1 );
+            
+            // $( center_el ).css( "right", $(border_el).innerWidth() + 1 );
+
             if ( document.recalc ) { document.recalc(); }
             // Hide border
-            $( border_el ).removeClass( "hover" );
-            $( panel_el ).animate( { right: - saved_size }, "fast" );
-            $(  border_el ).animate( { right: -1 }, "fast", function() {
-                $( this ).addClass( "hidden" );
-            });
-            hidden = true;
+            if ( this.left ) {
+                $(this.panel).animate( { left: - this.saved_size }, "fast" );
+            } else {
+                $(this.panel).animate( { right: - this.saved_size }, "fast" );
+            }
+            // self.resize(0);
+            if ( this.left ) {
+                $(center).css( "left", 0 );
+            } else {
+                $(center).css( "right", 0 );
+            }
+
+            self.hidden = true;
+            $(self.toggle).addClass( "hidden" );
         }
-        hidden_by_tool = false;
-    };
-    var handle_minwidth_hint = function( x ) {
-        var space = $( center_el ).width() - ( hidden ? saved_size : 0 );
+        this.hidden_by_tool = false;
+    },
+    handle_minwidth_hint: function( x ) {
+        var space = $(this.center).width() - ( this.hidden ? this.saved_size : 0 );
         if ( space < x )
         {
-            if ( ! hidden ) {
-                toggle();
-                hidden_by_tool = true;
+            if ( ! this.hidden ) {
+                this.do_toggle();
+                this.hidden_by_tool = true;
             }
         } else {
-            if ( hidden_by_tool ) {
-                toggle();
-                hidden_by_tool = false;
+            if ( this.hidden_by_tool ) {
+                this.do_toggle();
+                this.hidden_by_tool = false;
             }
         }
-    };
-    $( border_el ).hover( 
-        function() { $( this ).addClass( "hover" ); },
-        function() { $( this ).removeClass( "hover" ); }
-    ).bind( "dragstart", function() {
-        $( '#DD-helper' ).show();
-    }).bind( "dragend", function() {  
-        $( '#DD-helper' ).hide();
-    }).bind( "drag", function( e, d ) {
-        x = d.offsetX;
-        w = $(window).width(); 
-        // Limit range
-        x = Math.min( w - MIN_PANEL_WIDTH, x );
-        x = Math.max( w - MAX_PANEL_WIDTH, x );
-        // Resize
-        if ( hidden ) {
-            $( panel_el ).css( "right", 0 );
-            $( border_el ).removeClass( "hidden" );
-            hidden = false;
-        }
-        resize( w - x - $(this).outerWidth() );
-    }).bind( "dragclickonly", function() {
-        toggle();
-    }).find( "div" ).show();
-    var force_panel = function( op ) {
-        if ( ( hidden && op == 'show' ) || ( ! hidden && op == 'hide' ) ) { 
-            toggle();
+    },
+    force_panel: function( op ) {
+        if ( ( this.hidden && op == 'show' ) || ( ! this.hidden && op == 'hide' ) ) { 
+            this.do_toggle();
         }
+    },
+    init: function() {
+        var self = this;
+        // Resizing using drag element
+        $(this.drag).on( "dragstart", function( e, d ) {
+            $( '#DD-helper' ).show();
+            d.width = $(self.panel).width();
+        }).on( "dragend", function() {  
+            $( '#DD-helper' ).hide();
+        }).on( "drag", function( e, d ) {
+            var x;
+            if ( self.left ) {
+                x = d.width + d.deltaX;
+            } else {
+                x = d.width - d.deltaX;
+            }
+            // Limit range
+            x = Math.min( MAX_PANEL_WIDTH, Math.max( MIN_PANEL_WIDTH, x ) );
+            self.resize( x );
+        });
+        // Hide/show using toggle element
+        $(self.toggle).on( "click", function() { self.do_toggle(); } );
     }
-    return { handle_minwidth_hint: handle_minwidth_hint, force_panel: force_panel };
-};
+});
 
+  
 // Modal dialog boxes
 
 function hide_modal() {
@@ -237,22 +200,6 @@ function show_in_overlay( options ) {
     $("#close_button").bind( "click", function() { hide_modal(); } );
 }
 
-// Tab management
-
-$(function() {
-    $(".tab").each( function() {
-        var submenu = $(this).children( ".submenu" );
-        if ( submenu.length > 0 ) {
-            if ( $.browser.msie ) {
-                // Vile IE iframe hack -- even IE7 needs this
-                submenu.prepend( "" );
-            }
-            $(this).hover( function() { submenu.show(); }, function() { submenu.hide(); } );
-            submenu.click( function() { submenu.hide(); } );
-        }
-    });
-});
-
 function user_changed( user_email, is_admin ) {
     if ( user_email ) {
         $(".loggedin-only").show();
@@ -267,3 +214,34 @@ function user_changed( user_email, is_admin ) {
         $(".admin-only").hide();
     }
 }
+
+// Masthead dropdown menus
+$(function() {
+    var $dropdowns = $("#masthead ul.nav > li.dropdown > .dropdown-menu");
+    $("body").on( "click.nav_popups", function( e ) {
+        $dropdowns.hide();
+        $("#DD-helper").hide();
+        // If the target is in the menu, treat normally
+        if ( $(e.target).closest( "#masthead ul.nav > li.dropdown > .dropdown-menu" ).length ) {
+            return;
+        }
+        // Otherwise, was the click in a tab
+        var $clicked = $(e.target).closest( "#masthead ul.nav > li.dropdown" );
+        if ( $clicked.length ) {
+            $("#DD-helper").show();
+            $clicked.children( ".dropdown-menu" ).show();
+            e.preventDefault();
+        }
+    });
+});
+
+// Exports
+exports.ensure_dd_helper = ensure_dd_helper;
+exports.Panel = Panel;
+exports.hide_modal = hide_modal;
+exports.show_modal = show_modal;
+exports.show_message = show_message;
+exports.show_in_overlay = show_in_overlay;
+exports.user_changed = user_changed;
+
+}( window, window.jQuery );
diff --git a/templates/base_panels.mako b/templates/base_panels.mako
index 6250ad67ed3..f3574de9a19 100644
--- a/templates/base_panels.mako
+++ b/templates/base_panels.mako
@@ -28,10 +28,10 @@
     }
     #center {
         %if not self.has_left_panel:
-            left: 0;
+            left: 0 !important;
         %endif
         %if not self.has_right_panel:
-            right: 0;
+            right: 0 !important;
         %endif
     }
     %if self.message_box_visible:
@@ -64,14 +64,14 @@
     ensure_dd_helper();
         
     %if self.has_left_panel:
-            var lp = make_left_panel( $("#left"), $("#center"), $("#left-border" ) );
+            var lp = new Panel( { panel: $("#left"), center: $("#center"), drag: $("#left > .unified-panel-footer > .drag" ), toggle: $("#left > .unified-panel-footer > .collapse" ) } );
             force_left_panel = lp.force_panel;
         %endif
         
     %if self.has_right_panel:
-            var rp = make_right_panel( $("#right"), $("#center"), $("#right-border" ) );
-            handle_minwidth_hint = rp.handle_minwidth_hint;
-            force_right_panel = rp.force_panel;
+            var rp = new Panel( { panel: $("#right"), center: $("#center"), drag: $("#right > .unified-panel-footer > .drag" ), toggle: $("#right > .unified-panel-footer > .collapse" ), right: true } );
+            window.handle_minwidth_hint = function( x ) { console.log( "hint", x ); rp.handle_minwidth_hint( x ) };
+            force_right_panel = function( x ) { rp.force_panel( x ) };
         %endif
     
     
@@ -217,7 +217,7 @@
             ## Background displays first
             
      
             ## Layer iframes over backgrounds
-