http://2013.igem.org/wiki/index.php?title=Special:Contributions/Faust034&feed=atom&limit=50&target=Faust034&year=&month=
2013.igem.org - User contributions [en]
2024-03-29T07:54:53Z
From 2013.igem.org
MediaWiki 1.16.5
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-28T03:38:07Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<br />
</br><br />
<h2><p>The KIT Student’s Works of Bio-Art Class in 2013</p></h2><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/e/e4/Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/34/Fig._11_2020_Olympic.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/8/81/Fig._12_Olympic_Flame-1.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/0a/Fig._13_Parthenon.jpg" ></p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/f/f8/Fig._14_The_Olympic_Emblem_with_the_rising_sun.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/37/Fig._15_Olympic_Flame-2.jpg" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-28T03:18:56Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<br />
</br><br />
<h2><p>The KIT Student’s Works of Bio-Art Class in 2013</p></h2><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/e/e4/Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/34/Fig._11_2020_Olympic.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/8/81/Fig._12_Olympic_Flame-1.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/0a/Fig._13_Parthenon.jpg" ></p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/f/f8/Fig._14_The_Olympic_Emblem_with_the_rising_sun.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/37/Fig._15_Olympic_Flame-2.jpg" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T16:48:24Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<br />
<br />
<h3 id="2, Growth Curves" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">2,Growth curves</font></b></p></h3><br />
<p>We measured the turbidities of the transformants every 2 hour and made the growth curves. We transferred the transformant prepared to 100 mL flasks and add 660uL IPTG and 108uL isoamyl alcohol to them after 2 hours of the start. We measured the turbidities every 2 hour. The measurements were carried out for 12 hours.</p><br />
<p>LB 100mL</p><br />
<p>ampicillin 150uL</p><br />
<p>sample 50uL</p><br />
<p>IPTG 660uL</p><br />
<p>isoamyl alcohol 108uL</p><br />
<br />
<p>37°C, 125/min</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/4/41/Growth_atf2.png" alt=""/ width="550px" ><br />
</div><br />
<p>In addition, we measured the turbidities of the transformants without adding IPTG and isoamyl alcohol too.<br />
We measured 4 samples; ATF2-pET-15b, ATF2-pET-15b + IPTG, empty pET-15b, empty pET-15b + IPTG.</p><br />
<br />
<p>As the result, ATF2-pET-15b transformants grow well relative to control(transformants having empty pET-15b vector).<br />
We propose the folllowing hypothesis.<br />
Isoamyl acetate indicates a stimulatory effect of growth on E.coli cells when compared to isoamyl alcohol so that transformants having ATF2-pET-15b grow well relative to control.</p><br />
<p>And ATF2-pET-15b without IPTG grow well relative to ATF2-pET-15b add IPTG. It is explained by the following hypothesis.<br />
When we add IPTG to the transformant having ATF2-pET-15b, ATF2 protein (AATase) is expessed in bulk in the transformant. A massive amount of AATase has a potential to surpress the growth.</p><br />
<br />
<br />
<br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T16:47:49Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<br />
<br />
<h3 id="2,Growth Curves" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">2,Growth curves</font></b></p></h3><br />
<p>We measured the turbidities of the transformants every 2 hour and made the growth curves. We transferred the transformant prepared to 100 mL flasks and add 660uL IPTG and 108uL isoamyl alcohol to them after 2 hours of the start. We measured the turbidities every 2 hour. The measurements were carried out for 12 hours.</p><br />
<p>LB 100mL</p><br />
<p>ampicillin 150uL</p><br />
<p>sample 50uL</p><br />
<p>IPTG 660uL</p><br />
<p>isoamyl alcohol 108uL</p><br />
<br />
<p>37°C, 125/min</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/4/41/Growth_atf2.png" alt=""/ width="550px" ><br />
</div><br />
<p>In addition, we measured the turbidities of the transformants without adding IPTG and isoamyl alcohol too.<br />
We measured 4 samples; ATF2-pET-15b, ATF2-pET-15b + IPTG, empty pET-15b, empty pET-15b + IPTG.</p><br />
<br />
<p>As the result, ATF2-pET-15b transformants grow well relative to control(transformants having empty pET-15b vector).<br />
We propose the folllowing hypothesis.<br />
Isoamyl acetate indicates a stimulatory effect of growth on E.coli cells when compared to isoamyl alcohol so that transformants having ATF2-pET-15b grow well relative to control.</p><br />
<p>And ATF2-pET-15b without IPTG grow well relative to ATF2-pET-15b add IPTG. It is explained by the following hypothesis.<br />
When we add IPTG to the transformant having ATF2-pET-15b, ATF2 protein (AATase) is expessed in bulk in the transformant. A massive amount of AATase has a potential to surpress the growth.</p><br />
<br />
<br />
<br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T16:45:01Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<br />
<br />
<br />
<h3 id="2,Growth curves" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">2,Growth curve</font></b></p></h3><br />
<p>We measured the turbidities of the transformants every 2 hour and made the growth curves. We transferred the transformant prepared to 100 mL flasks and add 660uL IPTG and 108uL isoamyl alcohol to them after 2 hours of the start. We measured the turbidities every 2 hour. The measurements were carried out for 12 hours.</p><br />
<p>LB 100mL</p><br />
<p>ampicillin 150uL</p><br />
<p>sample 50uL</p><br />
<p>IPTG 660uL</p><br />
<p>isoamyl alcohol 108uL</p><br />
<br />
<p>37°C, 125/min</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/4/41/Growth_atf2.png" alt=""/ width="550px" ><br />
</div><br />
<p>In addition, we measured the turbidities of the transformants without adding IPTG and isoamyl alcohol too.<br />
We measured 4 samples; ATF2-pET-15b, ATF2-pET-15b + IPTG, empty pET-15b, empty pET-15b + IPTG.</p><br />
<br />
<p>As the result, ATF2-pET-15b transformants grow well relative to control(transformants having empty pET-15b vector).<br />
We propose the folllowing hypothesis.<br />
Isoamyl acetate indicates a stimulatory effect of growth on E.coli cells when compared to isoamyl alcohol so that transformants having ATF2-pET-15b grow well relative to control.</p><br />
<p>And ATF2-pET-15b without IPTG grow well relative to ATF2-pET-15b add IPTG. It is explained by the following hypothesis.<br />
When we add IPTG to the transformant having ATF2-pET-15b, ATF2 protein (AATase) is expessed in bulk in the transformant. A massive amount of AATase has a potential to surpress the growth.</p><br />
<br />
<br />
<br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T16:44:13Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<br />
<br />
<br />
<h3 id="2,Growth curve" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">2,Growth curve</font></b></p></h3><br />
<p>We measured the turbidities of the transformants every 2 hour and made the growth curves. We transferred the transformant prepared to 100 mL flasks and add 660uL IPTG and 108uL isoamyl alcohol to them after 2 hours of the start. We measured the turbidities every 2 hour. The measurements were carried out for 12 hours.</p><br />
<p>LB 100mL</p><br />
<p>ampicillin 150uL</p><br />
<p>sample 50uL</p><br />
<p>IPTG 660uL</p><br />
<p>isoamyl alcohol 108uL</p><br />
<br />
<p>37°C, 125/min</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/4/41/Growth_atf2.png" alt=""/ width="550px" ><br />
</div><br />
<p>In addition, we measured the turbidities of the transformants without adding IPTG and isoamyl alcohol too.<br />
We measured 4 samples; ATF2-pET-15b, ATF2-pET-15b + IPTG, empty pET-15b, empty pET-15b + IPTG.</p><br />
<br />
<p>As the result, ATF2-pET-15b transformants grow well relative to control(transformants having empty pET-15b vector).<br />
We propose the folllowing hypothesis.<br />
Isoamyl acetate indicates a stimulatory effect of growth on E.coli cells when compared to isoamyl alcohol so that transformants having ATF2-pET-15b grow well relative to control.</p><br />
<p>And ATF2-pET-15b without IPTG grow well relative to ATF2-pET-15b add IPTG. It is explained by the following hypothesis.<br />
When we add IPTG to the transformant having ATF2-pET-15b, ATF2 protein (AATase) is expessed in bulk in the transformant. A massive amount of AATase has a potential to surpress the growth.</p><br />
<br />
<br />
<br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T16:43:27Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<br />
<br />
<br />
<div id="2, Growth Curves" style="margin-top:-50px; padding-top:50px;"><br />
<h3 id="2,Growth curve" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">2,Growth curve</font></b></p></h3><br />
<p>We measured the turbidities of the transformants every 2 hour and made the growth curves. We transferred the transformant prepared to 100 mL flasks and add 660uL IPTG and 108uL isoamyl alcohol to them after 2 hours of the start. We measured the turbidities every 2 hour. The measurements were carried out for 12 hours.</p><br />
<p>LB 100mL</p><br />
<p>ampicillin 150uL</p><br />
<p>sample 50uL</p><br />
<p>IPTG 660uL</p><br />
<p>isoamyl alcohol 108uL</p><br />
<br />
<p>37°C, 125/min</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/4/41/Growth_atf2.png" alt=""/ width="550px" ><br />
</div><br />
<p>In addition, we measured the turbidities of the transformants without adding IPTG and isoamyl alcohol too.<br />
We measured 4 samples; ATF2-pET-15b, ATF2-pET-15b + IPTG, empty pET-15b, empty pET-15b + IPTG.</p><br />
<br />
<p>As the result, ATF2-pET-15b transformants grow well relative to control(transformants having empty pET-15b vector).<br />
We propose the folllowing hypothesis.<br />
Isoamyl acetate indicates a stimulatory effect of growth on E.coli cells when compared to isoamyl alcohol so that transformants having ATF2-pET-15b grow well relative to control.</p><br />
<p>And ATF2-pET-15b without IPTG grow well relative to ATF2-pET-15b add IPTG. It is explained by the following hypothesis.<br />
When we add IPTG to the transformant having ATF2-pET-15b, ATF2 protein (AATase) is expessed in bulk in the transformant. A massive amount of AATase has a potential to surpress the growth.</p><br />
<br />
<br />
<br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T16:42:45Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<br />
<br />
<br />
<div id="Growth curve" style="margin-top:-50px; padding-top:50px;"><br />
<h3 id="2,Growth curve" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">2,Growth curve</font></b></p></h3><br />
<p>We measured the turbidities of the transformants every 2 hour and made the growth curves. We transferred the transformant prepared to 100 mL flasks and add 660uL IPTG and 108uL isoamyl alcohol to them after 2 hours of the start. We measured the turbidities every 2 hour. The measurements were carried out for 12 hours.</p><br />
<p>LB 100mL</p><br />
<p>ampicillin 150uL</p><br />
<p>sample 50uL</p><br />
<p>IPTG 660uL</p><br />
<p>isoamyl alcohol 108uL</p><br />
<br />
<p>37°C, 125/min</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/4/41/Growth_atf2.png" alt=""/ width="550px" ><br />
</div><br />
<p>In addition, we measured the turbidities of the transformants without adding IPTG and isoamyl alcohol too.<br />
We measured 4 samples; ATF2-pET-15b, ATF2-pET-15b + IPTG, empty pET-15b, empty pET-15b + IPTG.</p><br />
<br />
<p>As the result, ATF2-pET-15b transformants grow well relative to control(transformants having empty pET-15b vector).<br />
We propose the folllowing hypothesis.<br />
Isoamyl acetate indicates a stimulatory effect of growth on E.coli cells when compared to isoamyl alcohol so that transformants having ATF2-pET-15b grow well relative to control.</p><br />
<p>And ATF2-pET-15b without IPTG grow well relative to ATF2-pET-15b add IPTG. It is explained by the following hypothesis.<br />
When we add IPTG to the transformant having ATF2-pET-15b, ATF2 protein (AATase) is expessed in bulk in the transformant. A massive amount of AATase has a potential to surpress the growth.</p><br />
<br />
<br />
<br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Template:KIT-Kyoto-header
Template:KIT-Kyoto-header
2013-09-27T16:29:30Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
<br />
<html class="no-js"><br />
<head><br />
<meta charset="utf-8" /><br />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><br />
<!-- Mobile viewport optimized: h5bp.com/viewport --><br />
<meta name="viewport" content="width=device-width"><br />
<br />
<meta name="robots" content="noindex, nofollow"><br />
<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." /><br />
<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" /><br />
<meta name="author" content="AozoraLabs by Marcello Palmitessa"/><br />
<br />
<!-- remove or comment this line if you want to use the local fonts --><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'><br />
<br />
<style type="text/css"> <br />
<!-- <br />
/*!<br />
* BootMetro v1.0.0-alpha1<br />
*<br />
* Copyright 2012 Marcello Palmitessa<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.no-border-radius {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.no-box-shadow {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.text-overflow-wrap {<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
/* General alignment styles<br />
-------------------------------------------------- */<br />
<br />
.align-right,<br />
th.align-right,<br />
td.align-right,<br />
.table th.align-right,<br />
.table td.align-right {<br />
text-align: right;<br />
}<br />
<br />
.align-left,<br />
th.align-left,<br />
td.align-left,<br />
.table th.align-left,<br />
.table td.align-left {<br />
text-align: left;<br />
}<br />
<br />
.align-center,<br />
th.align-center,<br />
td.align-center,<br />
.table th.align-center,<br />
.table td.align-center {<br />
text-align: center;<br />
}<br />
<br />
.block {<br />
display: block;<br />
}<br />
<br />
/* General form mixins<br />
-------------------------------------------------- */<br />
<br />
.formBorder {<br />
border: 2px solid #cccccc;<br />
}<br />
<br />
article,<br />
aside,<br />
details,<br />
figcaption,<br />
figure,<br />
footer,<br />
header,<br />
hgroup,<br />
nav,<br />
section {<br />
display: block;<br />
}<br />
<br />
audio,<br />
canvas,<br />
video {<br />
display: inline-block;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
audio:not([controls]) {<br />
display: none;<br />
}<br />
<br />
html {<br />
font-size: 100%;<br />
-webkit-text-size-adjust: 100%;<br />
-ms-text-size-adjust: 100%;<br />
}<br />
<br />
a:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
a:hover,<br />
a:active {<br />
outline: 0;<br />
}<br />
<br />
sub,<br />
sup {<br />
position: relative;<br />
font-size: 75%;<br />
line-height: 0;<br />
vertical-align: baseline;<br />
}<br />
<br />
sup {<br />
top: -0.5em;<br />
}<br />
<br />
sub {<br />
bottom: -0.25em;<br />
}<br />
<br />
img {<br />
width: auto\9;<br />
height: auto;<br />
max-width: 100%;<br />
vertical-align: middle;<br />
border: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
<br />
#map_canvas img,<br />
.google-maps img {<br />
max-width: none;<br />
}<br />
<br />
button,<br />
input,<br />
select,<br />
textarea {<br />
margin: 0;<br />
font-size: 100%;<br />
vertical-align: middle;<br />
}<br />
<br />
button,<br />
input {<br />
*overflow: visible;<br />
line-height: normal;<br />
}<br />
<br />
button::-moz-focus-inner,<br />
input::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button,<br />
html input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"] {<br />
cursor: pointer;<br />
-webkit-appearance: button;<br />
}<br />
<br />
label,<br />
select,<br />
button,<br />
input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
cursor: pointer;<br />
}<br />
<br />
input[type="search"] {<br />
-webkit-box-sizing: content-box;<br />
-moz-box-sizing: content-box;<br />
box-sizing: content-box;<br />
-webkit-appearance: textfield;<br />
}<br />
<br />
input[type="search"]::-webkit-search-decoration,<br />
input[type="search"]::-webkit-search-cancel-button {<br />
-webkit-appearance: none;<br />
}<br />
<br />
textarea {<br />
overflow: auto;<br />
vertical-align: top;<br />
}<br />
<br />
@media print {<br />
* {<br />
color: #000 !important;<br />
text-shadow: none !important;<br />
background: transparent !important;<br />
box-shadow: none !important;<br />
}<br />
a,<br />
a:visited {<br />
text-decoration: underline;<br />
}<br />
a[href]:after {<br />
content: " (" attr(href) ")";<br />
}<br />
abbr[title]:after {<br />
content: " (" attr(title) ")";<br />
}<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: "";<br />
}<br />
pre,<br />
blockquote {<br />
border: 1px solid #999;<br />
page-break-inside: avoid;<br />
}<br />
thead {<br />
display: table-header-group;<br />
}<br />
tr,<br />
img {<br />
page-break-inside: avoid;<br />
}<br />
img {<br />
max-width: 100% !important;<br />
}<br />
@page {<br />
margin: 0.5cm;<br />
}<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3;<br />
}<br />
h2,<br />
h3 {<br />
page-break-after: avoid;<br />
}<br />
}<br />
<br />
body {<br />
margin: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
background-color: #ffffff;<br />
}<br />
<br />
a {<br />
color: #2e8bcc;<br />
text-decoration: none;<br />
}<br />
<br />
a:hover,<br />
a:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
}<br />
<br />
.img-rounded {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.img-polaroid {<br />
padding: 4px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.img-circle {<br />
-webkit-border-radius: 500px;<br />
-moz-border-radius: 500px;<br />
border-radius: 500px;<br />
}<br />
<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row:after {<br />
clear: both;<br />
}<br />
<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.span12 {<br />
width: 940px;<br />
}<br />
<br />
.span11 {<br />
width: 860px;<br />
}<br />
<br />
.span10 {<br />
width: 780px;<br />
}<br />
<br />
.span9 {<br />
width: 700px;<br />
}<br />
<br />
.span8 {<br />
width: 620px;<br />
}<br />
<br />
.span7 {<br />
width: 540px;<br />
}<br />
<br />
.span6 {<br />
width: 460px;<br />
}<br />
<br />
.span5 {<br />
width: 380px;<br />
}<br />
<br />
.span4 {<br />
width: 300px;<br />
}<br />
<br />
.span3 {<br />
width: 220px;<br />
}<br />
<br />
.span2 {<br />
width: 140px;<br />
}<br />
<br />
.span1 {<br />
width: 60px;<br />
}<br />
<br />
.offset12 {<br />
margin-left: 980px;<br />
}<br />
<br />
.offset11 {<br />
margin-left: 900px;<br />
}<br />
<br />
.offset10 {<br />
margin-left: 820px;<br />
}<br />
<br />
.offset9 {<br />
margin-left: 740px;<br />
}<br />
<br />
.offset8 {<br />
margin-left: 660px;<br />
}<br />
<br />
.offset7 {<br />
margin-left: 580px;<br />
}<br />
<br />
.offset6 {<br />
margin-left: 500px;<br />
}<br />
<br />
.offset5 {<br />
margin-left: 420px;<br />
}<br />
<br />
.offset4 {<br />
margin-left: 340px;<br />
}<br />
<br />
.offset3 {<br />
margin-left: 260px;<br />
}<br />
<br />
.offset2 {<br />
margin-left: 180px;<br />
}<br />
<br />
.offset1 {<br />
margin-left: 100px;<br />
}<br />
<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
*margin-left: 2.074468085106383%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.127659574468085%;<br />
}<br />
<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
<br />
.row-fluid .span11 {<br />
width: 91.48936170212765%;<br />
*width: 91.43617021276594%;<br />
}<br />
<br />
.row-fluid .span10 {<br />
width: 82.97872340425532%;<br />
*width: 82.92553191489361%;<br />
}<br />
<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
*width: 74.41489361702126%;<br />
}<br />
<br />
.row-fluid .span8 {<br />
width: 65.95744680851064%;<br />
*width: 65.90425531914893%;<br />
}<br />
<br />
.row-fluid .span7 {<br />
width: 57.44680851063829%;<br />
*width: 57.39361702127659%;<br />
}<br />
<br />
.row-fluid .span6 {<br />
width: 48.93617021276595%;<br />
*width: 48.88297872340425%;<br />
}<br />
<br />
.row-fluid .span5 {<br />
width: 40.42553191489362%;<br />
*width: 40.37234042553192%;<br />
}<br />
<br />
.row-fluid .span4 {<br />
width: 31.914893617021278%;<br />
*width: 31.861702127659576%;<br />
}<br />
<br />
.row-fluid .span3 {<br />
width: 23.404255319148934%;<br />
*width: 23.351063829787233%;<br />
}<br />
<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
*width: 14.840425531914894%;<br />
}<br />
<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
*width: 6.329787234042553%;<br />
}<br />
<br />
.row-fluid .offset12 {<br />
margin-left: 104.25531914893617%;<br />
*margin-left: 104.14893617021275%;<br />
}<br />
<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.12765957446808%;<br />
*margin-left: 102.02127659574467%;<br />
}<br />
<br />
.row-fluid .offset11 {<br />
margin-left: 95.74468085106382%;<br />
*margin-left: 95.6382978723404%;<br />
}<br />
<br />
.row-fluid .offset11:first-child {<br />
margin-left: 93.61702127659574%;<br />
*margin-left: 93.51063829787232%;<br />
}<br />
<br />
.row-fluid .offset10 {<br />
margin-left: 87.23404255319149%;<br />
*margin-left: 87.12765957446807%;<br />
}<br />
<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.1063829787234%;<br />
*margin-left: 84.99999999999999%;<br />
}<br />
<br />
.row-fluid .offset9 {<br />
margin-left: 78.72340425531914%;<br />
*margin-left: 78.61702127659572%;<br />
}<br />
<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.59574468085106%;<br />
*margin-left: 76.48936170212764%;<br />
}<br />
<br />
.row-fluid .offset8 {<br />
margin-left: 70.2127659574468%;<br />
*margin-left: 70.10638297872339%;<br />
}<br />
<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.08510638297872%;<br />
*margin-left: 67.9787234042553%;<br />
}<br />
<br />
.row-fluid .offset7 {<br />
margin-left: 61.70212765957446%;<br />
*margin-left: 61.59574468085106%;<br />
}<br />
<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.574468085106375%;<br />
*margin-left: 59.46808510638297%;<br />
}<br />
<br />
.row-fluid .offset6 {<br />
margin-left: 53.191489361702125%;<br />
*margin-left: 53.085106382978715%;<br />
}<br />
<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.063829787234035%;<br />
*margin-left: 50.95744680851063%;<br />
}<br />
<br />
.row-fluid .offset5 {<br />
margin-left: 44.68085106382979%;<br />
*margin-left: 44.57446808510638%;<br />
}<br />
<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.5531914893617%;<br />
*margin-left: 42.4468085106383%;<br />
}<br />
<br />
.row-fluid .offset4 {<br />
margin-left: 36.170212765957444%;<br />
*margin-left: 36.06382978723405%;<br />
}<br />
<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.04255319148936%;<br />
*margin-left: 33.93617021276596%;<br />
}<br />
<br />
.row-fluid .offset3 {<br />
margin-left: 27.659574468085104%;<br />
*margin-left: 27.5531914893617%;<br />
}<br />
<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.53191489361702%;<br />
*margin-left: 25.425531914893618%;<br />
}<br />
<br />
.row-fluid .offset2 {<br />
margin-left: 19.148936170212764%;<br />
*margin-left: 19.04255319148936%;<br />
}<br />
<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.02127659574468%;<br />
*margin-left: 16.914893617021278%;<br />
}<br />
<br />
.row-fluid .offset1 {<br />
margin-left: 10.638297872340425%;<br />
*margin-left: 10.53191489361702%;<br />
}<br />
<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.51063829787234%;<br />
*margin-left: 8.404255319148938%;<br />
}<br />
<br />
[class*="span"].hide,<br />
.row-fluid [class*="span"].hide {<br />
display: none;<br />
}<br />
<br />
[class*="span"].pull-right,<br />
.row-fluid [class*="span"].pull-right {<br />
float: right;<br />
}<br />
<br />
.container {<br />
margin-right: auto;<br />
margin-left: auto;<br />
*zoom: 1;<br />
}<br />
<br />
.container:before,<br />
.container:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container:after {<br />
clear: both;<br />
}<br />
<br />
.container-fluid {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.container-fluid:before,<br />
.container-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container-fluid:after {<br />
clear: both;<br />
}<br />
<br />
p {<br />
margin: 0 0 10px;<br />
}<br />
<br />
.lead {<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
}<br />
<br />
small {<br />
font-size: 85%;<br />
}<br />
<br />
strong {<br />
font-weight: bold;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
cite {<br />
font-style: normal;<br />
}<br />
<br />
.muted {<br />
color: #999999;<br />
}<br />
<br />
a.muted:hover,<br />
a.muted:focus {<br />
color: #808080;<br />
}<br />
<br />
.text-warning {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-error {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-info {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-success {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-left {<br />
text-align: left;<br />
}<br />
<br />
.text-right {<br />
text-align: right;<br />
}<br />
<br />
.text-center {<br />
text-align: center;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin: 10px 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 20px;<br />
color: inherit;<br />
text-rendering: optimizelegibility;<br />
}<br />
<br />
h1 small,<br />
h2 small,<br />
h3 small,<br />
h4 small,<br />
h5 small,<br />
h6 small {<br />
font-weight: normal;<br />
line-height: 1;<br />
color: #999999;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3 {<br />
line-height: 40px;<br />
}<br />
<br />
h1 {<br />
font-size: 38.5px;<br />
}<br />
<br />
h2 {<br />
font-size: 31.5px;<br />
}<br />
<br />
h3 {<br />
font-size: 24.5px;<br />
}<br />
<br />
h4 {<br />
font-size: 17.5px;<br />
}<br />
<br />
h5 {<br />
font-size: 14px;<br />
}<br />
<br />
h6 {<br />
font-size: 11.9px;<br />
}<br />
<br />
h1 small {<br />
font-size: 24.5px;<br />
}<br />
<br />
h2 small {<br />
font-size: 17.5px;<br />
}<br />
<br />
h3 small {<br />
font-size: 14px;<br />
}<br />
<br />
h4 small {<br />
font-size: 14px;<br />
}<br />
<br />
.page-header {<br />
padding-bottom: 9px;<br />
margin: 20px 0 30px;<br />
border-bottom: 1px solid #eeeeee;<br />
}<br />
<br />
ul,<br />
ol {<br />
padding: 0;<br />
margin: 0 0 10px 25px;<br />
}<br />
<br />
ul ul,<br />
ul ol,<br />
ol ol,<br />
ol ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
li {<br />
line-height: 20px;<br />
}<br />
<br />
ul.unstyled,<br />
ol.unstyled {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline,<br />
ol.inline {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline > li,<br />
ol.inline > li {<br />
display: inline-block;<br />
*display: inline;<br />
padding-right: 5px;<br />
padding-left: 5px;<br />
*zoom: 1;<br />
}<br />
<br />
dl {<br />
margin-bottom: 20px;<br />
}<br />
<br />
dt,<br />
dd {<br />
line-height: 20px;<br />
}<br />
<br />
dt {<br />
font-weight: bold;<br />
}<br />
<br />
dd {<br />
margin-left: 10px;<br />
}<br />
<br />
.dl-horizontal {<br />
*zoom: 1;<br />
}<br />
<br />
.dl-horizontal:before,<br />
.dl-horizontal:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.dl-horizontal:after {<br />
clear: both;<br />
}<br />
<br />
.dl-horizontal dt {<br />
float: left;<br />
width: 160px;<br />
overflow: hidden;<br />
clear: left;<br />
text-align: right;<br />
text-overflow: ellipsis;<br />
white-space: nowrap;<br />
}<br />
<br />
.dl-horizontal dd {<br />
margin-left: 180px;<br />
}<br />
<br />
hr {<br />
margin: 20px 0;<br />
border: 0;<br />
border-top: 1px solid #eeeeee;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
abbr[title],<br />
abbr[data-original-title] {<br />
cursor: help;<br />
border-bottom: 1px dotted #999999;<br />
}<br />
<br />
abbr.initialism {<br />
font-size: 90%;<br />
text-transform: uppercase;<br />
}<br />
<br />
blockquote {<br />
padding: 0 0 0 15px;<br />
margin: 0 0 20px;<br />
border-left: 5px solid #eeeeee;<br />
}<br />
<br />
blockquote p {<br />
margin-bottom: 0;<br />
font-size: 17.5px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
}<br />
<br />
blockquote small {<br />
display: block;<br />
line-height: 20px;<br />
color: #999999;<br />
}<br />
<br />
blockquote small:before {<br />
content: '\2014 \00A0';<br />
}<br />
<br />
blockquote.pull-right {<br />
float: right;<br />
padding-right: 15px;<br />
padding-left: 0;<br />
border-right: 5px solid #eeeeee;<br />
border-left: 0;<br />
}<br />
<br />
blockquote.pull-right p,<br />
blockquote.pull-right small {<br />
text-align: right;<br />
}<br />
<br />
blockquote.pull-right small:before {<br />
content: '';<br />
}<br />
<br />
blockquote.pull-right small:after {<br />
content: '\00A0 \2014';<br />
}<br />
<br />
q:before,<br />
q:after,<br />
blockquote:before,<br />
blockquote:after {<br />
content: "";<br />
}<br />
<br />
address {<br />
display: block;<br />
margin-bottom: 20px;<br />
font-style: normal;<br />
line-height: 20px;<br />
}<br />
<br />
code,<br />
pre {<br />
padding: 0 3px 2px;<br />
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #333333;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
code {<br />
padding: 2px 4px;<br />
color: #d14;<br />
white-space: nowrap;<br />
background-color: #f7f7f9;<br />
border: 1px solid #e1e1e8;<br />
}<br />
<br />
pre {<br />
display: block;<br />
padding: 9.5px;<br />
margin: 0 0 10px;<br />
font-size: 13px;<br />
line-height: 20px;<br />
word-break: break-all;<br />
word-wrap: break-word;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.15);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
pre.prettyprint {<br />
margin-bottom: 20px;<br />
}<br />
<br />
pre code {<br />
padding: 0;<br />
color: inherit;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.pre-scrollable {<br />
max-height: 340px;<br />
overflow-y: scroll;<br />
}<br />
<br />
form {<br />
margin: 0 0 20px;<br />
}<br />
<br />
fieldset {<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
legend {<br />
display: block;<br />
width: 100%;<br />
padding: 0;<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
line-height: 40px;<br />
color: #333333;<br />
border: 0;<br />
border-bottom: 1px solid #e5e5e5;<br />
}<br />
<br />
legend small {<br />
font-size: 15px;<br />
color: #999999;<br />
}<br />
<br />
label,<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
}<br />
<br />
label {<br />
display: block;<br />
margin-bottom: 5px;<br />
}<br />
<br />
select,<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
display: inline-block;<br />
height: 20px;<br />
padding: 4px 6px;<br />
margin-bottom: 10px;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #555555;<br />
vertical-align: middle;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
width: 206px;<br />
}<br />
<br />
textarea {<br />
height: auto;<br />
}<br />
<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-o-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
transition: border linear 0.2s, box-shadow linear 0.2s;<br />
}<br />
<br />
textarea:focus,<br />
input[type="text"]:focus,<br />
input[type="password"]:focus,<br />
input[type="datetime"]:focus,<br />
input[type="datetime-local"]:focus,<br />
input[type="date"]:focus,<br />
input[type="month"]:focus,<br />
input[type="time"]:focus,<br />
input[type="week"]:focus,<br />
input[type="number"]:focus,<br />
input[type="email"]:focus,<br />
input[type="url"]:focus,<br />
input[type="search"]:focus,<br />
input[type="tel"]:focus,<br />
input[type="color"]:focus,<br />
.uneditable-input:focus {<br />
border-color: rgba(82, 168, 236, 0.8);<br />
outline: 0;<br />
outline: thin dotted \9;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
box-shadow: none;<br />
}<br />
<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
margin: 4px 0 0;<br />
margin-top: 1px \9;<br />
*margin-top: 0;<br />
line-height: normal;<br />
}<br />
<br />
input[type="file"],<br />
input[type="image"],<br />
input[type="submit"],<br />
input[type="reset"],<br />
input[type="button"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
width: auto;<br />
}<br />
<br />
select,<br />
input[type="file"] {<br />
height: 30px;<br />
/* In IE7, the height of the select element cannot be changed by height, only font-size */<br />
<br />
*margin-top: 4px;<br />
/* For IE7, add top margin to align select with labels */<br />
<br />
line-height: 30px;<br />
}<br />
<br />
select {<br />
width: 220px;<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
}<br />
<br />
select[multiple],<br />
select[size] {<br />
height: auto;<br />
}<br />
<br />
select:focus,<br />
input[type="file"]:focus,<br />
input[type="radio"]:focus,<br />
input[type="checkbox"]:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.uneditable-input,<br />
.uneditable-textarea {<br />
color: #999999;<br />
cursor: not-allowed;<br />
background-color: #fcfcfc;<br />
border-color: #cccccc;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
box-shadow: none;<br />
}<br />
<br />
.uneditable-input {<br />
overflow: hidden;<br />
white-space: nowrap;<br />
}<br />
<br />
.uneditable-textarea {<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
input:-moz-placeholder,<br />
textarea:-moz-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input:-ms-input-placeholder,<br />
textarea:-ms-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input::-webkit-input-placeholder,<br />
textarea::-webkit-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
.radio,<br />
.checkbox {<br />
min-height: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.radio input[type="radio"],<br />
.checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-left: -20px;<br />
}<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 5px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
display: inline-block;<br />
padding-top: 5px;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.radio.inline + .radio.inline,<br />
.checkbox.inline + .checkbox.inline {<br />
margin-left: 10px;<br />
}<br />
<br />
.input-mini {<br />
width: 60px;<br />
}<br />
<br />
.input-small {<br />
width: 90px;<br />
}<br />
<br />
.input-medium {<br />
width: 150px;<br />
}<br />
<br />
.input-large {<br />
width: 210px;<br />
}<br />
<br />
.input-xlarge {<br />
width: 270px;<br />
}<br />
<br />
.input-xxlarge {<br />
width: 530px;<br />
}<br />
<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"] {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.input-append input[class*="span"],<br />
.input-append .uneditable-input[class*="span"],<br />
.input-prepend input[class*="span"],<br />
.input-prepend .uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"],<br />
.row-fluid .input-prepend [class*="span"],<br />
.row-fluid .input-append [class*="span"] {<br />
display: inline-block;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 926px;<br />
}<br />
<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 846px;<br />
}<br />
<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 766px;<br />
}<br />
<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 686px;<br />
}<br />
<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 606px;<br />
}<br />
<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 526px;<br />
}<br />
<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 446px;<br />
}<br />
<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 366px;<br />
}<br />
<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 286px;<br />
}<br />
<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 206px;<br />
}<br />
<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 126px;<br />
}<br />
<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 46px;<br />
}<br />
<br />
.controls-row {<br />
*zoom: 1;<br />
}<br />
<br />
.controls-row:before,<br />
.controls-row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.controls-row:after {<br />
clear: both;<br />
}<br />
<br />
.controls-row [class*="span"],<br />
.row-fluid .controls-row [class*="span"] {<br />
float: left;<br />
}<br />
<br />
.controls-row .checkbox[class*="span"],<br />
.controls-row .radio[class*="span"] {<br />
padding-top: 5px;<br />
}<br />
<br />
input[disabled],<br />
select[disabled],<br />
textarea[disabled],<br />
input[readonly],<br />
select[readonly],<br />
textarea[readonly] {<br />
cursor: not-allowed;<br />
background-color: #eeeeee;<br />
}<br />
<br />
input[type="radio"][disabled],<br />
input[type="checkbox"][disabled],<br />
input[type="radio"][readonly],<br />
input[type="checkbox"][readonly] {<br />
background-color: transparent;<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #ffffff;<br />
}<br />
<br />
input:focus:invalid,<br />
textarea:focus:invalid,<br />
select:focus:invalid {<br />
color: #b94a48;<br />
border-color: #ee5f5b;<br />
}<br />
<br />
input:focus:invalid:focus,<br />
textarea:focus:invalid:focus,<br />
select:focus:invalid:focus {<br />
border-color: #e9322d;<br />
-webkit-box-shadow: 0 0 6px #f8b9b7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 6px #f8b9b7;<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 6px #f8b9b7;<br />
box-shadow: none;<br />
}<br />
<br />
.form-actions {<br />
padding: 19px 20px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #e5e5e5;<br />
*zoom: 1;<br />
}<br />
<br />
.form-actions:before,<br />
.form-actions:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-actions:after {<br />
clear: both;<br />
}<br />
<br />
.help-block,<br />
.help-inline {<br />
color: #595959;<br />
}<br />
<br />
.help-block {<br />
display: block;<br />
margin-bottom: 10px;<br />
}<br />
<br />
.help-inline {<br />
display: inline-block;<br />
*display: inline;<br />
padding-left: 5px;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.input-append,<br />
.input-prepend {<br />
display: inline-block;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input,<br />
.input-append .dropdown-menu,<br />
.input-prepend .dropdown-menu,<br />
.input-append .popover,<br />
.input-prepend .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input {<br />
position: relative;<br />
margin-bottom: 0;<br />
*margin-left: 0;<br />
vertical-align: top;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input:focus,<br />
.input-prepend input:focus,<br />
.input-append select:focus,<br />
.input-prepend select:focus,<br />
.input-append .uneditable-input:focus,<br />
.input-prepend .uneditable-input:focus {<br />
z-index: 2;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on {<br />
display: inline-block;<br />
width: auto;<br />
height: 20px;<br />
min-width: 16px;<br />
padding: 4px 5px;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on,<br />
.input-append .btn,<br />
.input-prepend .btn,<br />
.input-append .btn-group > .dropdown-toggle,<br />
.input-prepend .btn-group > .dropdown-toggle {<br />
vertical-align: top;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-append .active,<br />
.input-prepend .active {<br />
background-color: #8cd98c;<br />
border-color: #339933;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-prepend .btn {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input,<br />
.input-append select,<br />
.input-append .uneditable-input {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input + .btn-group .btn:last-child,<br />
.input-append select + .btn-group .btn:last-child,<br />
.input-append .uneditable-input + .btn-group .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-append .btn,<br />
.input-append .btn-group {<br />
margin-left: -1px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child,<br />
.input-append .btn-group:last-child > .dropdown-toggle {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append input,<br />
.input-prepend.input-append select,<br />
.input-prepend.input-append .uneditable-input {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-prepend.input-append input + .btn-group .btn,<br />
.input-prepend.input-append select + .btn-group .btn,<br />
.input-prepend.input-append .uneditable-input + .btn-group .btn {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:last-child,<br />
.input-prepend.input-append .btn:last-child {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .btn-group:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
input.search-query {<br />
padding-right: 14px;<br />
padding-right: 4px \9;<br />
padding-left: 14px;<br />
padding-left: 4px \9;<br />
/* IE7-8 doesn't have border-radius, so don't indent the padding */<br />
<br />
margin-bottom: 0;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
/* Allow for input prepend/append in search forms */<br />
<br />
.form-search .input-append .search-query,<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search input,<br />
.form-inline input,<br />
.form-horizontal input,<br />
.form-search textarea,<br />
.form-inline textarea,<br />
.form-horizontal textarea,<br />
.form-search select,<br />
.form-inline select,<br />
.form-horizontal select,<br />
.form-search .help-inline,<br />
.form-inline .help-inline,<br />
.form-horizontal .help-inline,<br />
.form-search .uneditable-input,<br />
.form-inline .uneditable-input,<br />
.form-horizontal .uneditable-input,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend,<br />
.form-horizontal .input-prepend,<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-horizontal .input-append {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.form-search .hide,<br />
.form-inline .hide,<br />
.form-horizontal .hide {<br />
display: none;<br />
}<br />
<br />
.form-search label,<br />
.form-inline label,<br />
.form-search .btn-group,<br />
.form-inline .btn-group {<br />
display: inline-block;<br />
}<br />
<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-search .radio,<br />
.form-search .checkbox,<br />
.form-inline .radio,<br />
.form-inline .checkbox {<br />
padding-left: 0;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.form-search .radio input[type="radio"],<br />
.form-search .checkbox input[type="checkbox"],<br />
.form-inline .radio input[type="radio"],<br />
.form-inline .checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-right: 3px;<br />
margin-left: 0;<br />
}<br />
<br />
.control-group {<br />
margin-bottom: 10px;<br />
}<br />
<br />
legend + .control-group {<br />
margin-top: 20px;<br />
-webkit-margin-top-collapse: separate;<br />
}<br />
<br />
.form-horizontal .control-group {<br />
margin-bottom: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.form-horizontal .control-group:before,<br />
.form-horizontal .control-group:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-horizontal .control-group:after {<br />
clear: both;<br />
}<br />
<br />
.form-horizontal .control-label {<br />
float: left;<br />
width: 160px;<br />
padding-top: 5px;<br />
text-align: right;<br />
}<br />
<br />
.form-horizontal .controls {<br />
*display: inline-block;<br />
*padding-left: 20px;<br />
margin-left: 180px;<br />
*margin-left: 0;<br />
}<br />
<br />
.form-horizontal .controls:first-child {<br />
*padding-left: 180px;<br />
}<br />
<br />
.form-horizontal .help-block {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-horizontal input + .help-block,<br />
.form-horizontal select + .help-block,<br />
.form-horizontal textarea + .help-block,<br />
.form-horizontal .uneditable-input + .help-block,<br />
.form-horizontal .input-prepend + .help-block,<br />
.form-horizontal .input-append + .help-block {<br />
margin-top: 10px;<br />
}<br />
<br />
.form-horizontal .form-actions {<br />
padding-left: 180px;<br />
}<br />
<br />
table {<br />
max-width: 100%;<br />
background-color: transparent;<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
<br />
.table {<br />
width: 100%;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
padding: 8px;<br />
line-height: 20px;<br />
text-align: left;<br />
vertical-align: top;<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-weight: bold;<br />
}<br />
<br />
.table thead th {<br />
vertical-align: bottom;<br />
}<br />
<br />
.table caption + thead tr:first-child th,<br />
.table caption + thead tr:first-child td,<br />
.table colgroup + thead tr:first-child th,<br />
.table colgroup + thead tr:first-child td,<br />
.table thead:first-child tr:first-child th,<br />
.table thead:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table tbody + tbody {<br />
border-top: 2px solid #cccccc;<br />
}<br />
<br />
.table .table {<br />
background-color: #ffffff;<br />
}<br />
<br />
.table-condensed th,<br />
.table-condensed td {<br />
padding: 4px 5px;<br />
}<br />
<br />
.table-bordered {<br />
border: 1px solid #cccccc;<br />
border-collapse: separate;<br />
*border-collapse: collapse;<br />
border-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-left: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child td,<br />
.table-bordered colgroup + thead tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child td,<br />
.table-bordered thead:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:first-child,<br />
.table-bordered tbody:first-child tr:first-child > td:first-child,<br />
.table-bordered tbody:first-child tr:first-child > th:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:last-child,<br />
.table-bordered tbody:first-child tr:first-child > td:last-child,<br />
.table-bordered tbody:first-child tr:first-child > th:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:first-child,<br />
.table-bordered tbody:last-child tr:last-child > td:first-child,<br />
.table-bordered tbody:last-child tr:last-child > th:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:last-child,<br />
.table-bordered tbody:last-child tr:last-child > td:last-child,<br />
.table-bordered tbody:last-child tr:last-child > th:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-striped tbody > tr:nth-child(odd) > td,<br />
.table-striped tbody > tr:nth-child(odd) > th {<br />
background-color: #f9f9f9;<br />
}<br />
<br />
.table-hover tbody tr:hover > td,<br />
.table-hover tbody tr:hover > th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
table td[class*="span"],<br />
table th[class*="span"],<br />
.row-fluid table td[class*="span"],<br />
.row-fluid table th[class*="span"] {<br />
display: table-cell;<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span1,<br />
.table th.span1 {<br />
float: none;<br />
width: 44px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span2,<br />
.table th.span2 {<br />
float: none;<br />
width: 124px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span3,<br />
.table th.span3 {<br />
float: none;<br />
width: 204px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span4,<br />
.table th.span4 {<br />
float: none;<br />
width: 284px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span5,<br />
.table th.span5 {<br />
float: none;<br />
width: 364px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span6,<br />
.table th.span6 {<br />
float: none;<br />
width: 444px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span7,<br />
.table th.span7 {<br />
float: none;<br />
width: 524px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span8,<br />
.table th.span8 {<br />
float: none;<br />
width: 604px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span9,<br />
.table th.span9 {<br />
float: none;<br />
width: 684px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span10,<br />
.table th.span10 {<br />
float: none;<br />
width: 764px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span11,<br />
.table th.span11 {<br />
float: none;<br />
width: 844px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span12,<br />
.table th.span12 {<br />
float: none;<br />
width: 924px;<br />
margin-left: 0;<br />
}<br />
<br />
.table tbody tr.success > td {<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error > td {<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning > td {<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info > td {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr.success:hover > td {<br />
background-color: #018a18;<br />
}<br />
<br />
.table-hover tbody tr.error:hover > td {<br />
background-color: #a6193f;<br />
}<br />
<br />
.table-hover tbody tr.warning:hover > td {<br />
background-color: #d78708;<br />
}<br />
<br />
.table-hover tbody tr.info:hover > td {<br />
background-color: #157cee;<br />
}<br />
<br />
.dropup,<br />
.dropdown {<br />
position: relative;<br />
}<br />
<br />
.dropdown-toggle {<br />
*margin-bottom: -3px;<br />
}<br />
<br />
.dropdown-toggle:active,<br />
.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.caret {<br />
display: inline-block;<br />
width: 0;<br />
height: 0;<br />
vertical-align: top;<br />
border-top: 4px solid #000000;<br />
border-right: 4px solid transparent;<br />
border-left: 4px solid transparent;<br />
content: "";<br />
}<br />
<br />
.dropdown .caret {<br />
margin-top: 8px;<br />
margin-left: 2px;<br />
}<br />
<br />
.dropdown-menu {<br />
position: absolute;<br />
top: 100%;<br />
left: 0;<br />
z-index: 1000;<br />
display: none;<br />
float: left;<br />
min-width: 160px;<br />
padding: 5px 0;<br />
margin: 2px 0 0;<br />
list-style: none;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
*border-right-width: 2px;<br />
*border-bottom-width: 2px;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropdown-menu .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.dropdown-menu > li > a {<br />
display: block;<br />
padding: 3px 20px;<br />
clear: both;<br />
font-weight: normal;<br />
line-height: 20px;<br />
color: #333333;<br />
white-space: nowrap;<br />
}<br />
<br />
.dropdown-menu > li > a:hover,<br />
.dropdown-menu > li > a:focus,<br />
.dropdown-submenu:hover > a,<br />
.dropdown-submenu:focus > a {<br />
color: #ffffff;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .active > a,<br />
.dropdown-menu > .active > a:hover,<br />
.dropdown-menu > .active > a:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
outline: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .disabled > a,<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
color: #999999;<br />
}<br />
<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
background-image: none;<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.open {<br />
*z-index: 1000;<br />
}<br />
<br />
.open > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.pull-right > .dropdown-menu {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border-top: 0;<br />
border-bottom: 4px solid #000000;<br />
content: "";<br />
}<br />
<br />
.dropup .dropdown-menu,<br />
.navbar-fixed-bottom .dropdown .dropdown-menu {<br />
top: auto;<br />
bottom: 100%;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.dropdown-submenu {<br />
position: relative;<br />
}<br />
<br />
.dropdown-submenu > .dropdown-menu {<br />
top: 0;<br />
left: 100%;<br />
margin-top: -6px;<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 6px 6px 6px;<br />
-moz-border-radius: 0 6px 6px 6px;<br />
border-radius: 0 6px 6px 6px;<br />
}<br />
<br />
.dropdown-submenu:hover > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.dropup .dropdown-submenu > .dropdown-menu {<br />
top: auto;<br />
bottom: 0;<br />
margin-top: 0;<br />
margin-bottom: -2px;<br />
-webkit-border-radius: 5px 5px 5px 0;<br />
-moz-border-radius: 5px 5px 5px 0;<br />
border-radius: 5px 5px 5px 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
display: block;<br />
float: right;<br />
width: 0;<br />
height: 0;<br />
margin-top: 5px;<br />
margin-right: -10px;<br />
border-color: transparent;<br />
border-left-color: #cccccc;<br />
border-style: solid;<br />
border-width: 5px 0 5px 5px;<br />
content: " ";<br />
}<br />
<br />
.dropdown-submenu:hover > a:after {<br />
border-left-color: #ffffff;<br />
}<br />
<br />
.dropdown-submenu.pull-left {<br />
float: none;<br />
}<br />
<br />
.dropdown-submenu.pull-left > .dropdown-menu {<br />
left: -100%;<br />
margin-left: 10px;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.dropdown .dropdown-menu .nav-header {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.typeahead {<br />
z-index: 1051;<br />
margin-top: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.well {<br />
min-height: 20px;<br />
padding: 19px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border: 1px solid #e3e3e3;<br />
}<br />
<br />
.well blockquote {<br />
border-color: #ddd;<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.well-large {<br />
padding: 24px;<br />
}<br />
<br />
.well-small {<br />
padding: 9px;<br />
}<br />
<br />
.fade {<br />
opacity: 0;<br />
-webkit-transition: opacity 0.15s linear;<br />
-moz-transition: opacity 0.15s linear;<br />
-o-transition: opacity 0.15s linear;<br />
transition: opacity 0.15s linear;<br />
}<br />
<br />
.fade.in {<br />
opacity: 1;<br />
}<br />
<br />
.collapse {<br />
position: relative;<br />
height: 0;<br />
overflow: hidden;<br />
-webkit-transition: height 0.35s ease;<br />
-moz-transition: height 0.35s ease;<br />
-o-transition: height 0.35s ease;<br />
transition: height 0.35s ease;<br />
}<br />
<br />
.collapse.in {<br />
height: auto;<br />
}<br />
<br />
.close {<br />
float: right;<br />
font-size: 20px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #000000;<br />
text-shadow: 0 1px 0 #ffffff;<br />
opacity: 0.2;<br />
filter: alpha(opacity=20);<br />
}<br />
<br />
.close:hover,<br />
.close:focus {<br />
color: #000000;<br />
text-decoration: none;<br />
cursor: pointer;<br />
opacity: 0.4;<br />
filter: alpha(opacity=40);<br />
}<br />
<br />
button.close {<br />
padding: 0;<br />
cursor: pointer;<br />
background: transparent;<br />
border: 0;<br />
-webkit-appearance: none;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
*display: inline;<br />
padding: 4px 12px;<br />
margin-bottom: 0;<br />
*margin-left: .3em;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
text-align: center;<br />
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);<br />
vertical-align: middle;<br />
cursor: pointer;<br />
background-color: #eeeeee;<br />
*background-color: #eeeeee;<br />
background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));<br />
background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #cccccc;<br />
*border: 0;<br />
border-color: #eeeeee #eeeeee #c8c8c8;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
border-bottom-color: #b3b3b3;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
color: #333333;<br />
background-color: #eeeeee;<br />
*background-color: #e1e1e1;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #d5d5d5 \9;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-position: 0 -15px;<br />
-webkit-transition: background-position 0.1s linear;<br />
-moz-transition: background-position 0.1s linear;<br />
-o-transition: background-position 0.1s linear;<br />
transition: background-position 0.1s linear;<br />
}<br />
<br />
.btn:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-image: none;<br />
outline: 0;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
cursor: default;<br />
background-image: none;<br />
opacity: 0.65;<br />
filter: alpha(opacity=65);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-large {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-large [class^="icon-"],<br />
.btn-large [class*=" icon-"] {<br />
margin-top: 4px;<br />
}<br />
<br />
.btn-small {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-small [class^="icon-"],<br />
.btn-small [class*=" icon-"] {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-mini [class^="icon-"],<br />
.btn-mini [class*=" icon-"] {<br />
margin-top: -1px;<br />
}<br />
<br />
.btn-mini {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-block {<br />
display: block;<br />
width: 100%;<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.btn-block + .btn-block {<br />
margin-top: 5px;<br />
}<br />
<br />
input[type="submit"].btn-block,<br />
input[type="reset"].btn-block,<br />
input[type="button"].btn-block {<br />
width: 100%;<br />
}<br />
<br />
.btn-primary.active,<br />
.btn-warning.active,<br />
.btn-danger.active,<br />
.btn-success.active,<br />
.btn-info.active,<br />
.btn-inverse.active {<br />
color: rgba(255, 255, 255, 0.75);<br />
}<br />
<br />
.btn-primary {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #2e7bcc;<br />
*background-color: #2e63cc;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2e63cc #2e63cc #20458e;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:focus,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
color: #ffffff;<br />
background-color: #2e63cc;<br />
*background-color: #2959b7;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #254fa2 \9;<br />
}<br />
<br />
.btn-warning {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #f5a932;<br />
*background-color: #f09609;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #f09609 #f09609 #a66806;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:focus,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
*background-color: #d78708;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #bf7707 \9;<br />
}<br />
<br />
.btn-danger {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #da4f49;<br />
*background-color: #bd362f;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #bd362f #bd362f #802420;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:focus,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
color: #ffffff;<br />
background-color: #bd362f;<br />
*background-color: #a9302a;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25 \9;<br />
}<br />
<br />
.btn-success {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #5bb75b;<br />
*background-color: #51a351;<br />
background-image: -moz-linear-gradient(top, #62c462, #51a351);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));<br />
background-image: -webkit-linear-gradient(top, #62c462, #51a351);<br />
background-image: -o-linear-gradient(top, #62c462, #51a351);<br />
background-image: linear-gradient(to bottom, #62c462, #51a351);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #51a351 #51a351 #387038;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:focus,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
color: #ffffff;<br />
background-color: #51a351;<br />
*background-color: #499249;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140 \9;<br />
}<br />
<br />
.btn-info {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #49afcd;<br />
*background-color: #2f96b4;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2f96b4 #2f96b4 #1f6377;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:focus,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
color: #ffffff;<br />
background-color: #2f96b4;<br />
*background-color: #2a85a0;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c \9;<br />
}<br />
<br />
.btn-inverse {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #414141;<br />
*background-color: #222222;<br />
background-image: -moz-linear-gradient(top, #555555, #222222);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));<br />
background-image: -webkit-linear-gradient(top, #555555, #222222);<br />
background-image: -o-linear-gradient(top, #555555, #222222);<br />
background-image: linear-gradient(to bottom, #555555, #222222);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #222222 #222222 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:focus,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
color: #ffffff;<br />
background-color: #222222;<br />
*background-color: #151515;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808 \9;<br />
}<br />
<br />
button.btn,<br />
input[type="submit"].btn {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn::-moz-focus-inner,<br />
input[type="submit"].btn::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button.btn.btn-large,<br />
input[type="submit"].btn.btn-large {<br />
*padding-top: 7px;<br />
*padding-bottom: 7px;<br />
}<br />
<br />
button.btn.btn-small,<br />
input[type="submit"].btn.btn-small {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn.btn-mini,<br />
input[type="submit"].btn.btn-mini {<br />
*padding-top: 1px;<br />
*padding-bottom: 1px;<br />
}<br />
<br />
.btn-link,<br />
.btn-link:active,<br />
.btn-link[disabled] {<br />
background-color: transparent;<br />
background-image: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-link {<br />
color: #2e8bcc;<br />
cursor: pointer;<br />
border-color: transparent;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-link:hover,<br />
.btn-link:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
background-color: transparent;<br />
}<br />
<br />
.btn-link[disabled]:hover,<br />
.btn-link[disabled]:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
}<br />
<br />
.btn-group {<br />
position: relative;<br />
display: inline-block;<br />
*display: inline;<br />
*margin-left: .3em;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn-group + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-toolbar {<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.btn-toolbar > .btn + .btn,<br />
.btn-toolbar > .btn-group + .btn,<br />
.btn-toolbar > .btn + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-group > .btn {<br />
position: relative;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group > .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.btn-group > .btn,<br />
.btn-group > .dropdown-menu,<br />
.btn-group > .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.btn-group > .btn-mini {<br />
font-size: 10.5px;<br />
}<br />
<br />
.btn-group > .btn-small {<br />
font-size: 11.9px;<br />
}<br />
<br />
.btn-group > .btn-large {<br />
font-size: 17.5px;<br />
}<br />
<br />
.btn-group > .btn:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn.large:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn.large:last-child,<br />
.btn-group > .large.dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn:hover,<br />
.btn-group > .btn:focus,<br />
.btn-group > .btn:active,<br />
.btn-group > .btn.active {<br />
z-index: 2;<br />
}<br />
<br />
.btn-group .dropdown-toggle:active,<br />
.btn-group.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
*padding-top: 5px;<br />
padding-right: 8px;<br />
*padding-bottom: 5px;<br />
padding-left: 8px;<br />
-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);<br />
-webkit-box-shadow: none;<br />
-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);<br />
-moz-box-shadow: none;<br />
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);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
*padding-top: 2px;<br />
padding-right: 5px;<br />
*padding-bottom: 2px;<br />
padding-left: 5px;<br />
}<br />
<br />
.btn-group > .btn-small + .dropdown-toggle {<br />
*padding-top: 5px;<br />
*padding-bottom: 4px;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
*padding-top: 7px;<br />
padding-right: 12px;<br />
*padding-bottom: 7px;<br />
padding-left: 12px;<br />
}<br />
<br />
.btn-group.open .dropdown-toggle {<br />
background-image: none;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group.open .btn.dropdown-toggle {<br />
background-color: #eeeeee;<br />
}<br />
<br />
.btn-group.open .btn-primary.dropdown-toggle {<br />
background-color: #2e63cc;<br />
}<br />
<br />
.btn-group.open .btn-warning.dropdown-toggle {<br />
background-color: #f09609;<br />
}<br />
<br />
.btn-group.open .btn-danger.dropdown-toggle {<br />
background-color: #bd362f;<br />
}<br />
<br />
.btn-group.open .btn-success.dropdown-toggle {<br />
background-color: #51a351;<br />
}<br />
<br />
.btn-group.open .btn-info.dropdown-toggle {<br />
background-color: #2f96b4;<br />
}<br />
<br />
.btn-group.open .btn-inverse.dropdown-toggle {<br />
background-color: #222222;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 8px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
margin-top: 6px;<br />
}<br />
<br />
.btn-large .caret {<br />
border-top-width: 5px;<br />
border-right-width: 5px;<br />
border-left-width: 5px;<br />
}<br />
<br />
.btn-mini .caret,<br />
.btn-small .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border-bottom-width: 5px;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.btn-group-vertical {<br />
display: inline-block;<br />
*display: inline;<br />
/* IE7 inline-block hack */<br />
<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group-vertical > .btn {<br />
display: block;<br />
float: none;<br />
max-width: 100%;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn + .btn {<br />
margin-top: -1px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.alert {<br />
padding: 8px 35px 8px 14px;<br />
margin-bottom: 20px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
background-color: #f09609;<br />
border: 1px solid #e16908;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.alert,<br />
.alert h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert h4 {<br />
margin: 0;<br />
}<br />
<br />
.alert .close {<br />
position: relative;<br />
top: -2px;<br />
right: -21px;<br />
line-height: 20px;<br />
}<br />
<br />
.alert-success {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #018a01;<br />
}<br />
<br />
.alert-success h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-danger,<br />
.alert-error {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #af1a5c;<br />
}<br />
<br />
.alert-danger h4,<br />
.alert-error h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-info {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #119be9;<br />
}<br />
<br />
.alert-info h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-block {<br />
padding-top: 14px;<br />
padding-bottom: 14px;<br />
}<br />
<br />
.alert-block > p,<br />
.alert-block > ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
.alert-block p + p {<br />
margin-top: 5px;<br />
}<br />
<br />
.nav {<br />
margin-bottom: 20px;<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.nav > li > a {<br />
display: block;<br />
}<br />
<br />
.nav > li > a:hover,<br />
.nav > li > a:focus {<br />
text-decoration: none;<br />
background-color: #eeeeee;<br />
}<br />
<br />
.nav > li > a > img {<br />
max-width: none;<br />
}<br />
<br />
.nav > .pull-right {<br />
float: right;<br />
}<br />
<br />
.nav-header {<br />
display: block;<br />
padding: 3px 15px;<br />
font-size: 11px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #999999;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
text-transform: uppercase;<br />
}<br />
<br />
.nav li + .nav-header {<br />
margin-top: 9px;<br />
}<br />
<br />
.nav-list {<br />
padding-right: 15px;<br />
padding-left: 15px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-list > li > a,<br />
.nav-list .nav-header {<br />
margin-right: -15px;<br />
margin-left: -15px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
}<br />
<br />
.nav-list > li > a {<br />
padding: 3px 15px;<br />
}<br />
<br />
.nav-list > .active > a,<br />
.nav-list > .active > a:hover,<br />
.nav-list > .active > a:focus {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-list [class^="icon-"],<br />
.nav-list [class*=" icon-"] {<br />
margin-right: 2px;<br />
}<br />
<br />
.nav-list .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.nav-tabs,<br />
.nav-pills {<br />
*zoom: 1;<br />
}<br />
<br />
.nav-tabs:before,<br />
.nav-pills:before,<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
clear: both;<br />
}<br />
<br />
.nav-tabs > li,<br />
.nav-pills > li {<br />
float: left;<br />
}<br />
<br />
.nav-tabs > li > a,<br />
.nav-pills > li > a {<br />
padding-right: 12px;<br />
padding-left: 12px;<br />
margin-right: 2px;<br />
line-height: 14px;<br />
}<br />
<br />
.nav-tabs {<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
.nav-tabs > li {<br />
margin-bottom: -1px;<br />
}<br />
<br />
.nav-tabs > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
line-height: 20px;<br />
border: 1px solid transparent;<br />
-webkit-border-radius: 4px 4px 0 0;<br />
-moz-border-radius: 4px 4px 0 0;<br />
border-radius: 4px 4px 0 0;<br />
}<br />
<br />
.nav-tabs > li > a:hover,<br />
.nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.nav-tabs > .active > a,<br />
.nav-tabs > .active > a:hover,<br />
.nav-tabs > .active > a:focus {<br />
color: #555555;<br />
cursor: default;<br />
background-color: #ffffff;<br />
border: 1px solid #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.nav-pills > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.nav-pills > .active > a,<br />
.nav-pills > .active > a:hover,<br />
.nav-pills > .active > a:focus {<br />
color: #ffffff;<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-stacked > li {<br />
float: none;<br />
}<br />
<br />
.nav-stacked > li > a {<br />
margin-right: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked {<br />
border-bottom: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a {<br />
-webkit-border-top-right-radius: 4px;<br />
border-top-right-radius: 4px;<br />
-webkit-border-top-left-radius: 4px;<br />
border-top-left-radius: 4px;<br />
-moz-border-radius-topright: 4px;<br />
-moz-border-radius-topleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-bottom-right-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
-webkit-border-bottom-left-radius: 4px;<br />
border-bottom-left-radius: 4px;<br />
-moz-border-radius-bottomright: 4px;<br />
-moz-border-radius-bottomleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a:hover,<br />
.nav-tabs.nav-stacked > li > a:focus {<br />
z-index: 2;<br />
border-color: #ddd;<br />
}<br />
<br />
.nav-pills.nav-stacked > li > a {<br />
margin-bottom: 3px;<br />
}<br />
<br />
.nav-pills.nav-stacked > li:last-child > a {<br />
margin-bottom: 1px;<br />
}<br />
<br />
.nav-tabs .dropdown-menu {<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
}<br />
<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 6px;<br />
border-top-color: #2e8bcc;<br />
border-bottom-color: #2e8bcc;<br />
}<br />
<br />
.nav .dropdown-toggle:hover .caret,<br />
.nav .dropdown-toggle:focus .caret {<br />
border-top-color: #20608e;<br />
border-bottom-color: #20608e;<br />
}<br />
<br />
/* move down carets for tabs */<br />
<br />
.nav-tabs .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.nav .active .dropdown-toggle .caret {<br />
border-top-color: #fff;<br />
border-bottom-color: #fff;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.nav > .dropdown.active > a:hover,<br />
.nav > .dropdown.active > a:focus {<br />
cursor: pointer;<br />
}<br />
<br />
.nav-tabs .open .dropdown-toggle,<br />
.nav-pills .open .dropdown-toggle,<br />
.nav > li.dropdown.open.active > a:hover,<br />
.nav > li.dropdown.open.active > a:focus {<br />
color: #ffffff;<br />
background-color: #999999;<br />
border-color: #999999;<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret,<br />
.nav li.dropdown.open a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.tabs-stacked .open > a:hover,<br />
.tabs-stacked .open > a:focus {<br />
border-color: #999999;<br />
}<br />
<br />
.tabbable {<br />
*zoom: 1;<br />
}<br />
<br />
.tabbable:before,<br />
.tabbable:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.tabbable:after {<br />
clear: both;<br />
}<br />
<br />
.tab-content {<br />
overflow: auto;<br />
}<br />
<br />
.tabs-below > .nav-tabs,<br />
.tabs-right > .nav-tabs,<br />
.tabs-left > .nav-tabs {<br />
border-bottom: 0;<br />
}<br />
<br />
.tab-content > .tab-pane,<br />
.pill-content > .pill-pane {<br />
display: none;<br />
}<br />
<br />
.tab-content > .active,<br />
.pill-content > .active {<br />
display: block;<br />
}<br />
<br />
.tabs-below > .nav-tabs {<br />
border-top: 1px solid #ddd;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li {<br />
margin-top: -1px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0 0 4px 4px;<br />
-moz-border-radius: 0 0 4px 4px;<br />
border-radius: 0 0 4px 4px;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a:hover,<br />
.tabs-below > .nav-tabs > li > a:focus {<br />
border-top-color: #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.tabs-below > .nav-tabs > .active > a,<br />
.tabs-below > .nav-tabs > .active > a:hover,<br />
.tabs-below > .nav-tabs > .active > a:focus {<br />
border-color: transparent #ddd #ddd #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li,<br />
.tabs-right > .nav-tabs > li {<br />
float: none;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
min-width: 74px;<br />
margin-right: 0;<br />
margin-bottom: 3px;<br />
}<br />
<br />
.tabs-left > .nav-tabs {<br />
float: left;<br />
margin-right: 19px;<br />
border-right: 1px solid #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a {<br />
margin-right: -1px;<br />
-webkit-border-radius: 4px 0 0 4px;<br />
-moz-border-radius: 4px 0 0 4px;<br />
border-radius: 4px 0 0 4px;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a:hover,<br />
.tabs-left > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #dddddd #eeeeee #eeeeee;<br />
}<br />
<br />
.tabs-left > .nav-tabs .active > a,<br />
.tabs-left > .nav-tabs .active > a:hover,<br />
.tabs-left > .nav-tabs .active > a:focus {<br />
border-color: #ddd transparent #ddd #ddd;<br />
*border-right-color: #ffffff;<br />
}<br />
<br />
.tabs-right > .nav-tabs {<br />
float: right;<br />
margin-left: 19px;<br />
border-left: 1px solid #ddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 4px 4px 0;<br />
-moz-border-radius: 0 4px 4px 0;<br />
border-radius: 0 4px 4px 0;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a:hover,<br />
.tabs-right > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs .active > a,<br />
.tabs-right > .nav-tabs .active > a:hover,<br />
.tabs-right > .nav-tabs .active > a:focus {<br />
border-color: #ddd #ddd #ddd transparent;<br />
*border-left-color: #ffffff;<br />
}<br />
<br />
.nav > .disabled > a {<br />
color: #999999;<br />
}<br />
<br />
.nav > .disabled > a:hover,<br />
.nav > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar {<br />
*position: relative;<br />
*z-index: 2;<br />
margin-bottom: 20px;<br />
overflow: visible;<br />
}<br />
<br />
.navbar-inner {<br />
min-height: 40px;<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
background-color: #fafafa;<br />
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));<br />
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #d4d4d4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inner:before,<br />
.navbar-inner:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-inner:after {<br />
clear: both;<br />
}<br />
<br />
.navbar .container {<br />
width: auto;<br />
}<br />
<br />
.nav-collapse.collapse {<br />
height: auto;<br />
overflow: visible;<br />
}<br />
<br />
.navbar .brand {<br />
display: block;<br />
float: left;<br />
padding: 10px 20px 10px;<br />
margin-left: -20px;<br />
font-size: 20px;<br />
font-weight: 200;<br />
color: #777777;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .brand:hover,<br />
.navbar .brand:focus {<br />
text-decoration: none;<br />
}<br />
<br />
.navbar-text {<br />
margin-bottom: 0;<br />
line-height: 40px;<br />
color: #777777;<br />
}<br />
<br />
.navbar-link {<br />
color: #777777;<br />
}<br />
<br />
.navbar-link:hover,<br />
.navbar-link:focus {<br />
color: #333333;<br />
}<br />
<br />
.navbar .divider-vertical {<br />
height: 40px;<br />
margin: 0 9px;<br />
border-right: 1px solid #ffffff;<br />
border-left: 1px solid #f2f2f2;<br />
}<br />
<br />
.navbar .btn,<br />
.navbar .btn-group {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar .btn-group .btn,<br />
.navbar .input-prepend .btn,<br />
.navbar .input-append .btn,<br />
.navbar .input-prepend .btn-group,<br />
.navbar .input-append .btn-group {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-form {<br />
margin-bottom: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.navbar-form:before,<br />
.navbar-form:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-form:after {<br />
clear: both;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .radio,<br />
.navbar-form .checkbox {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-form input[type="image"],<br />
.navbar-form input[type="checkbox"],<br />
.navbar-form input[type="radio"] {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar-form .input-append,<br />
.navbar-form .input-prepend {<br />
margin-top: 5px;<br />
white-space: nowrap;<br />
}<br />
<br />
.navbar-form .input-append input,<br />
.navbar-form .input-prepend input {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search {<br />
position: relative;<br />
float: left;<br />
margin-top: 5px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
padding: 4px 14px;<br />
margin-bottom: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 13px;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.navbar-static-top {<br />
position: static;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-static-top .navbar-inner {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: fixed;<br />
right: 0;<br />
left: 0;<br />
z-index: 1030;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
border-width: 0 0 1px;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
border-width: 1px 0 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.navbar-fixed-top {<br />
top: 0px;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-fixed-bottom {<br />
bottom: 0;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav {<br />
position: relative;<br />
left: 0;<br />
display: block;<br />
float: left;<br />
margin: 0 10px 0 0;<br />
}<br />
<br />
.navbar .nav.pull-right {<br />
float: right;<br />
margin-right: 0;<br />
}<br />
<br />
.navbar .nav > li {<br />
float: left;<br />
}<br />
<br />
.navbar .nav > li > a {<br />
float: none;<br />
padding: 10px 15px 10px;<br />
color: #777777;<br />
text-decoration: none;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.navbar .nav > li > a:focus,<br />
.navbar .nav > li > a:hover {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
color: #555555;<br />
text-decoration: none;<br />
background-color: #e5e5e5;<br />
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
display: none;<br />
float: right;<br />
padding: 7px 10px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #ededed;<br />
*background-color: #e5e5e5;<br />
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));<br />
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #e5e5e5 #e5e5e5 #bfbfbf;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar:hover,<br />
.navbar .btn-navbar:focus,<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active,<br />
.navbar .btn-navbar.disabled,<br />
.navbar .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #e5e5e5;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active {<br />
background-color: #cccccc \9;<br />
}<br />
<br />
.navbar .btn-navbar .icon-bar {<br />
display: block;<br />
width: 18px;<br />
height: 2px;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px;<br />
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-navbar .icon-bar + .icon-bar {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:before {<br />
position: absolute;<br />
top: -7px;<br />
left: 9px;<br />
display: inline-block;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-left: 7px solid transparent;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
content: '';<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:after {<br />
position: absolute;<br />
top: -6px;<br />
left: 10px;<br />
display: inline-block;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
border-left: 6px solid transparent;<br />
content: '';<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {<br />
top: auto;<br />
bottom: -7px;<br />
border-top: 7px solid #ccc;<br />
border-bottom: 0;<br />
border-top-color: rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {<br />
top: auto;<br />
bottom: -6px;<br />
border-top: 6px solid #ffffff;<br />
border-bottom: 0;<br />
}<br />
<br />
.navbar .nav li.dropdown > a:hover .caret,<br />
.navbar .nav li.dropdown > a:focus .caret {<br />
border-top-color: #333333;<br />
border-bottom-color: #333333;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #555555;<br />
background-color: #e5e5e5;<br />
}<br />
<br />
.navbar .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #777777;<br />
border-bottom-color: #777777;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:before,<br />
.navbar .nav > li > .dropdown-menu.pull-right:before {<br />
right: 12px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:after,<br />
.navbar .nav > li > .dropdown-menu.pull-right:after {<br />
right: 13px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {<br />
right: 100%;<br />
left: auto;<br />
margin-right: -1px;<br />
margin-left: 0;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.navbar-inverse .navbar-inner {<br />
background-color: #1b1b1b;<br />
background-image: -moz-linear-gradient(top, #222222, #111111);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));<br />
background-image: -webkit-linear-gradient(top, #222222, #111111);<br />
background-image: -o-linear-gradient(top, #222222, #111111);<br />
background-image: linear-gradient(to bottom, #222222, #111111);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #252525;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .brand,<br />
.navbar-inverse .nav > li > a {<br />
color: #999999;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
<br />
.navbar-inverse .brand:hover,<br />
.navbar-inverse .nav > li > a:hover,<br />
.navbar-inverse .brand:focus,<br />
.navbar-inverse .nav > li > a:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .brand {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-text {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav > li > a:focus,<br />
.navbar-inverse .nav > li > a:hover {<br />
color: #ffffff;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar-inverse .nav .active > a,<br />
.navbar-inverse .nav .active > a:hover,<br />
.navbar-inverse .nav .active > a:focus {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .navbar-link {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-link:hover,<br />
.navbar-inverse .navbar-link:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .divider-vertical {<br />
border-right-color: #222222;<br />
border-left-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > a:hover .caret,<br />
.navbar-inverse .nav li.dropdown > a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #999999;<br />
border-bottom-color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query {<br />
color: #ffffff;<br />
background-color: #515151;<br />
border-color: #111111;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
box-shadow: none;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-moz-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:focus,<br />
.navbar-inverse .navbar-search .search-query.focused {<br />
padding: 5px 15px;<br />
color: #333333;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #ffffff;<br />
border: 0;<br />
outline: 0;<br />
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inverse .btn-navbar {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e0e0e;<br />
*background-color: #040404;<br />
background-image: -moz-linear-gradient(top, #151515, #040404);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));<br />
background-image: -webkit-linear-gradient(top, #151515, #040404);<br />
background-image: -o-linear-gradient(top, #151515, #040404);<br />
background-image: linear-gradient(to bottom, #151515, #040404);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #040404 #040404 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .btn-navbar:hover,<br />
.navbar-inverse .btn-navbar:focus,<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active,<br />
.navbar-inverse .btn-navbar.disabled,<br />
.navbar-inverse .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #040404;<br />
*background-color: #000000;<br />
}<br />
<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active {<br />
background-color: #000000 \9;<br />
}<br />
<br />
.breadcrumb {<br />
padding: 8px 15px;<br />
margin: 0 0 20px;<br />
list-style: none;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.breadcrumb > li {<br />
display: inline-block;<br />
*display: inline;<br />
text-shadow: 0 1px 0 #ffffff;<br />
*zoom: 1;<br />
}<br />
<br />
.breadcrumb > li > .divider {<br />
padding: 0 5px;<br />
color: #ccc;<br />
}<br />
<br />
.breadcrumb > .active {<br />
color: #999999;<br />
}<br />
<br />
.pagination {<br />
margin: 20px 0;<br />
}<br />
<br />
.pagination ul {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.pagination ul > li {<br />
display: inline;<br />
}<br />
<br />
.pagination ul > li > a,<br />
.pagination ul > li > span {<br />
float: left;<br />
padding: 4px 12px;<br />
line-height: 20px;<br />
text-decoration: none;<br />
background-color: #ffffff;<br />
border: 1px solid #dddddd;<br />
border-left-width: 0;<br />
}<br />
<br />
.pagination ul > li > a:hover,<br />
.pagination ul > li > a:focus,<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
color: #999999;<br />
cursor: default;<br />
}<br />
<br />
.pagination ul > .disabled > span,<br />
.pagination ul > .disabled > a,<br />
.pagination ul > .disabled > a:hover,<br />
.pagination ul > .disabled > a:focus {<br />
color: #999999;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.pagination ul > li:first-child > a,<br />
.pagination ul > li:first-child > span {<br />
border-left-width: 1px;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination ul > li:last-child > a,<br />
.pagination ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-centered {<br />
text-align: center;<br />
}<br />
<br />
.pagination-right {<br />
text-align: right;<br />
}<br />
<br />
.pagination-large ul > li > a,<br />
.pagination-large ul > li > span {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
}<br />
<br />
.pagination-large ul > li:first-child > a,<br />
.pagination-large ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-large ul > li:last-child > a,<br />
.pagination-large ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-mini ul > li:first-child > a,<br />
.pagination-small ul > li:first-child > a,<br />
.pagination-mini ul > li:first-child > span,<br />
.pagination-small ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-mini ul > li:last-child > a,<br />
.pagination-small ul > li:last-child > a,<br />
.pagination-mini ul > li:last-child > span,<br />
.pagination-small ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-small ul > li > a,<br />
.pagination-small ul > li > span {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
}<br />
<br />
.pagination-mini ul > li > a,<br />
.pagination-mini ul > li > span {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
}<br />
<br />
.pager {<br />
margin: 20px 0;<br />
text-align: center;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.pager:before,<br />
.pager:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.pager:after {<br />
clear: both;<br />
}<br />
<br />
.pager li {<br />
display: inline;<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
display: inline-block;<br />
padding: 5px 14px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.pager li > a:hover,<br />
.pager li > a:focus {<br />
text-decoration: none;<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pager .next > a,<br />
.pager .next > span {<br />
float: right;<br />
}<br />
<br />
.pager .previous > a,<br />
.pager .previous > span {<br />
float: left;<br />
}<br />
<br />
.pager .disabled > a,<br />
.pager .disabled > a:hover,<br />
.pager .disabled > a:focus,<br />
.pager .disabled > span {<br />
color: #999999;<br />
cursor: default;<br />
background-color: #fff;<br />
}<br />
<br />
.modal-backdrop {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
z-index: 1040;<br />
background-color: #000000;<br />
}<br />
<br />
.modal-backdrop.fade {<br />
opacity: 0;<br />
}<br />
<br />
.modal-backdrop,<br />
.modal-backdrop.fade.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.modal {<br />
position: fixed;<br />
top: 10%;<br />
left: 50%;<br />
z-index: 1050;<br />
width: 560px;<br />
margin-left: -280px;<br />
background-color: #ffffff;<br />
border: 1px solid #999;<br />
border: 1px solid rgba(0, 0, 0, 0.3);<br />
*border: 1px solid #999;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
outline: none;<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding-box;<br />
background-clip: padding-box;<br />
}<br />
<br />
.modal.fade {<br />
top: -25%;<br />
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-o-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
transition: opacity 0.3s linear, top 0.3s ease-out;<br />
}<br />
<br />
.modal.fade.in {<br />
top: 10%;<br />
}<br />
<br />
.modal-header {<br />
padding: 9px 15px;<br />
border-bottom: 1px solid #eee;<br />
}<br />
<br />
.modal-header .close {<br />
margin-top: 2px;<br />
}<br />
<br />
.modal-header h3 {<br />
margin: 0;<br />
line-height: 30px;<br />
}<br />
<br />
.modal-body {<br />
position: relative;<br />
max-height: 400px;<br />
padding: 15px;<br />
overflow-y: auto;<br />
}<br />
<br />
.modal-form {<br />
margin-bottom: 0;<br />
}<br />
<br />
.modal-footer {<br />
padding: 14px 15px 15px;<br />
margin-bottom: 0;<br />
text-align: right;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #ddd;<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.modal-footer:before,<br />
.modal-footer:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.modal-footer:after {<br />
clear: both;<br />
}<br />
<br />
.modal-footer .btn + .btn {<br />
margin-bottom: 0;<br />
margin-left: 5px;<br />
}<br />
<br />
.modal-footer .btn-group .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.modal-footer .btn-block + .btn-block {<br />
margin-left: 0;<br />
}<br />
<br />
.tooltip {<br />
position: absolute;<br />
z-index: 1030;<br />
display: block;<br />
font-size: 11px;<br />
line-height: 1.4;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
visibility: visible;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.tooltip.top {<br />
padding: 5px 0;<br />
margin-top: -3px;<br />
}<br />
<br />
.tooltip.right {<br />
padding: 0 5px;<br />
margin-left: 3px;<br />
}<br />
<br />
.tooltip.bottom {<br />
padding: 5px 0;<br />
margin-top: 3px;<br />
}<br />
<br />
.tooltip.left {<br />
padding: 0 5px;<br />
margin-left: -3px;<br />
}<br />
<br />
.tooltip-inner {<br />
max-width: 200px;<br />
padding: 8px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-decoration: none;<br />
background-color: #000000;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tooltip-arrow {<br />
position: absolute;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.tooltip.top .tooltip-arrow {<br />
bottom: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-top-color: #000000;<br />
border-width: 5px 5px 0;<br />
}<br />
<br />
.tooltip.right .tooltip-arrow {<br />
top: 50%;<br />
left: 0;<br />
margin-top: -5px;<br />
border-right-color: #000000;<br />
border-width: 5px 5px 5px 0;<br />
}<br />
<br />
.tooltip.left .tooltip-arrow {<br />
top: 50%;<br />
right: 0;<br />
margin-top: -5px;<br />
border-left-color: #000000;<br />
border-width: 5px 0 5px 5px;<br />
}<br />
<br />
.tooltip.bottom .tooltip-arrow {<br />
top: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-bottom-color: #000000;<br />
border-width: 0 5px 5px;<br />
}<br />
<br />
.popover {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1010;<br />
display: none;<br />
max-width: 276px;<br />
padding: 1px;<br />
text-align: left;<br />
white-space: normal;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.popover.top {<br />
margin-top: -10px;<br />
}<br />
<br />
.popover.right {<br />
margin-left: 10px;<br />
}<br />
<br />
.popover.bottom {<br />
margin-top: 10px;<br />
}<br />
<br />
.popover.left {<br />
margin-left: -10px;<br />
}<br />
<br />
.popover-title {<br />
padding: 8px 14px;<br />
margin: 0;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
background-color: #f7f7f7;<br />
border-bottom: 1px solid #ebebeb;<br />
-webkit-border-radius: 5px 5px 0 0;<br />
-moz-border-radius: 5px 5px 0 0;<br />
border-radius: 5px 5px 0 0;<br />
}<br />
<br />
.popover-title:empty {<br />
display: none;<br />
}<br />
<br />
.popover-content {<br />
padding: 9px 14px;<br />
}<br />
<br />
.popover .arrow,<br />
.popover .arrow:after {<br />
position: absolute;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.popover .arrow {<br />
border-width: 11px;<br />
}<br />
<br />
.popover .arrow:after {<br />
border-width: 10px;<br />
content: "";<br />
}<br />
<br />
.popover.top .arrow {<br />
bottom: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-top-color: #999;<br />
border-top-color: rgba(0, 0, 0, 0.25);<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.top .arrow:after {<br />
bottom: 1px;<br />
margin-left: -10px;<br />
border-top-color: #ffffff;<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.right .arrow {<br />
top: 50%;<br />
left: -11px;<br />
margin-top: -11px;<br />
border-right-color: #999;<br />
border-right-color: rgba(0, 0, 0, 0.25);<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.right .arrow:after {<br />
bottom: -10px;<br />
left: 1px;<br />
border-right-color: #ffffff;<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow {<br />
top: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-bottom-color: #999;<br />
border-bottom-color: rgba(0, 0, 0, 0.25);<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow:after {<br />
top: 1px;<br />
margin-left: -10px;<br />
border-bottom-color: #ffffff;<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.left .arrow {<br />
top: 50%;<br />
right: -11px;<br />
margin-top: -11px;<br />
border-left-color: #999;<br />
border-left-color: rgba(0, 0, 0, 0.25);<br />
border-right-width: 0;<br />
}<br />
<br />
.popover.left .arrow:after {<br />
right: 1px;<br />
bottom: -10px;<br />
border-left-color: #ffffff;<br />
border-right-width: 0;<br />
}<br />
<br />
.thumbnails {<br />
margin-left: -20px;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.thumbnails:before,<br />
.thumbnails:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.thumbnails:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
<br />
.thumbnails > li {<br />
float: left;<br />
margin-bottom: 20px;<br />
margin-left: 20px;<br />
}<br />
<br />
.thumbnail {<br />
display: block;<br />
padding: 4px;<br />
line-height: 20px;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
box-shadow: none;<br />
-webkit-transition: all 0.2s ease-in-out;<br />
-moz-transition: all 0.2s ease-in-out;<br />
-o-transition: all 0.2s ease-in-out;<br />
transition: all 0.2s ease-in-out;<br />
}<br />
<br />
a.thumbnail:hover,<br />
a.thumbnail:focus {<br />
border-color: #2e8bcc;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.thumbnail > img {<br />
display: block;<br />
max-width: 100%;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}<br />
<br />
.thumbnail .caption {<br />
padding: 9px;<br />
color: #555555;<br />
}<br />
<br />
.media,<br />
.media-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.media,<br />
.media .media {<br />
margin-top: 15px;<br />
}<br />
<br />
.media:first-child {<br />
margin-top: 0;<br />
}<br />
<br />
.media-object {<br />
display: block;<br />
}<br />
<br />
.media-heading {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.media > .pull-left {<br />
margin-right: 10px;<br />
}<br />
<br />
.media > .pull-right {<br />
margin-left: 10px;<br />
}<br />
<br />
.media-list {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.label,<br />
.badge {<br />
display: inline-block;<br />
padding: 2px 4px;<br />
font-size: 11.844px;<br />
font-weight: bold;<br />
line-height: 14px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
white-space: nowrap;<br />
vertical-align: baseline;<br />
background-color: #999999;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
.badge {<br />
padding-right: 9px;<br />
padding-left: 9px;<br />
-webkit-border-radius: 9px;<br />
-moz-border-radius: 9px;<br />
border-radius: 9px;<br />
}<br />
<br />
.label:empty,<br />
.badge:empty {<br />
display: none;<br />
}<br />
<br />
a.label:hover,<br />
a.label:focus,<br />
a.badge:hover,<br />
a.badge:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
cursor: pointer;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
.btn .label,<br />
.btn .badge {<br />
position: relative;<br />
top: -1px;<br />
}<br />
<br />
.btn-mini .label,<br />
.btn-mini .badge {<br />
top: 0;<br />
}<br />
<br />
@-webkit-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-moz-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-ms-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-o-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 0 0;<br />
}<br />
to {<br />
background-position: 40px 0;<br />
}<br />
}<br />
<br />
@keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
.progress {<br />
height: 20px;<br />
margin-bottom: 20px;<br />
overflow: hidden;<br />
background-color: #f7f7f7;<br />
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));<br />
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.progress .bar {<br />
float: left;<br />
width: 0;<br />
height: 100%;<br />
font-size: 12px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e90d2;<br />
background-image: -moz-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));<br />
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -o-linear-gradient(top, #149bdf, #0480be);<br />
background-image: linear-gradient(to bottom, #149bdf, #0480be);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-transition: width 0.6s ease;<br />
-moz-transition: width 0.6s ease;<br />
-o-transition: width 0.6s ease;<br />
transition: width 0.6s ease;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.progress-striped .bar {<br />
background-color: #149bdf;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
-webkit-background-size: 40px 40px;<br />
-moz-background-size: 40px 40px;<br />
-o-background-size: 40px 40px;<br />
background-size: 40px 40px;<br />
}<br />
<br />
.progress.active .bar {<br />
-webkit-animation: progress-bar-stripes 2s linear infinite;<br />
-moz-animation: progress-bar-stripes 2s linear infinite;<br />
-ms-animation: progress-bar-stripes 2s linear infinite;<br />
-o-animation: progress-bar-stripes 2s linear infinite;<br />
animation: progress-bar-stripes 2s linear infinite;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger {<br />
background-color: #dd514c;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger {<br />
background-color: #ee5f5b;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-success .bar,<br />
.progress .bar-success {<br />
background-color: #5eb95e;<br />
background-image: -moz-linear-gradient(top, #62c462, #57a957);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));<br />
background-image: -webkit-linear-gradient(top, #62c462, #57a957);<br />
background-image: -o-linear-gradient(top, #62c462, #57a957);<br />
background-image: linear-gradient(to bottom, #62c462, #57a957);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success {<br />
background-color: #62c462;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-info .bar,<br />
.progress .bar-info {<br />
background-color: #4bb1cf;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info {<br />
background-color: #5bc0de;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-warning .bar,<br />
.progress .bar-warning {<br />
background-color: #f5a932;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-color: #f8b64d;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.accordion {<br />
margin-bottom: 20px;<br />
}<br />
<br />
.accordion-group {<br />
margin-bottom: 2px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.accordion-heading {<br />
border-bottom: 0;<br />
}<br />
<br />
.accordion-heading .accordion-toggle {<br />
display: block;<br />
padding: 8px 15px;<br />
}<br />
<br />
.accordion-toggle {<br />
cursor: pointer;<br />
}<br />
<br />
.accordion-inner {<br />
padding: 9px 15px;<br />
border-top: 1px solid #e5e5e5;<br />
}<br />
<br />
.carousel {<br />
position: relative;<br />
margin-bottom: 20px;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.carousel-inner > .item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.6s ease-in-out left;<br />
-moz-transition: 0.6s ease-in-out left;<br />
-o-transition: 0.6s ease-in-out left;<br />
transition: 0.6s ease-in-out left;<br />
}<br />
<br />
.carousel-inner > .item > img,<br />
.carousel-inner > .item > a > img {<br />
display: block;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner > .active,<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
display: block;<br />
}<br />
<br />
.carousel-inner > .active {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.carousel-inner > .next {<br />
left: 100%;<br />
}<br />
<br />
.carousel-inner > .prev {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .next.left,<br />
.carousel-inner > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .active.right {<br />
left: 100%;<br />
}<br />
<br />
.carousel-control {<br />
position: absolute;<br />
top: 40%;<br />
left: 15px;<br />
width: 40px;<br />
height: 40px;<br />
margin-top: -20px;<br />
font-size: 60px;<br />
font-weight: 100;<br />
line-height: 30px;<br />
color: #ffffff;<br />
text-align: center;<br />
background: #222222;<br />
border: 3px solid #ffffff;<br />
-webkit-border-radius: 23px;<br />
-moz-border-radius: 23px;<br />
border-radius: 23px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
}<br />
<br />
.carousel-control.right {<br />
right: 15px;<br />
left: auto;<br />
}<br />
<br />
.carousel-control:hover,<br />
.carousel-control:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel-indicators {<br />
position: absolute;<br />
top: 15px;<br />
right: 15px;<br />
z-index: 5;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
.carousel-indicators li {<br />
display: block;<br />
float: left;<br />
width: 10px;<br />
height: 10px;<br />
margin-left: 5px;<br />
text-indent: -999px;<br />
background-color: #ccc;<br />
background-color: rgba(255, 255, 255, 0.25);<br />
border-radius: 5px;<br />
}<br />
<br />
.carousel-indicators .active {<br />
background-color: #fff;<br />
}<br />
<br />
.carousel-caption {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
padding: 15px;<br />
background: #333333;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
.carousel-caption h4,<br />
.carousel-caption p {<br />
line-height: 20px;<br />
color: #ffffff;<br />
}<br />
<br />
.carousel-caption h4 {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.carousel-caption p {<br />
margin-bottom: 0;<br />
}<br />
<br />
.hero-unit {<br />
padding: 60px;<br />
margin-bottom: 30px;<br />
font-size: 18px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
color: inherit;<br />
background-color: #eeeeee;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.hero-unit h1 {<br />
margin-bottom: 0;<br />
font-size: 60px;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
color: inherit;<br />
}<br />
<br />
.hero-unit li {<br />
line-height: 30px;<br />
}<br />
<br />
.pull-right {<br />
float: right;<br />
}<br />
<br />
.pull-left {<br />
float: left;<br />
}<br />
<br />
.hide {<br />
display: none;<br />
}<br />
<br />
.show {<br />
display: block;<br />
}<br />
<br />
.invisible {<br />
visibility: hidden;<br />
}<br />
<br />
.affix {<br />
position: fixed;<br />
}<br />
<br />
body {<br />
position: relative;<br />
font-weight: 300;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
}<br />
<br />
/*<br />
No border on images when in a link.<br />
*/<br />
<br />
img {<br />
border-style: none;<br />
}<br />
<br />
#top-info {<br />
display: block;<br />
}<br />
<br />
#top-info > a {<br />
padding: 0;<br />
}<br />
<br />
#header-container {<br />
display: inline-block;<br />
margin-left: 50px;<br />
vertical-align: top;<br />
}<br />
<br />
header h1 {<br />
display: inline;<br />
}<br />
<br />
#nav-bar {<br />
position: relative;<br />
display: block;<br />
height: auto;<br />
padding-top: 24px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
.row-fluid .hide {<br />
display: none;<br />
}<br />
<br />
.form-actions {<br />
background-color: inherit;<br />
}<br />
<br />
.label {<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
textarea {<br />
width: 260px;<br />
height: auto;<br />
min-width: 260px;<br />
min-height: 39px;<br />
padding: 4px 4px 4px 8px;<br />
overflow-y: scroll;<br />
word-wrap: break-word;<br />
}<br />
<br />
input[type=text],<br />
input[type=password],<br />
input[type=email],<br />
input[type=number],<br />
input[type=tel],<br />
input[type=url],<br />
input[type=search],<br />
textarea {<br />
min-width: 64px;<br />
min-height: 28px;<br />
font-weight: 400;<br />
line-height: 1.3636;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-append .add-on {<br />
height: 16px;<br />
line-height: 15px;<br />
}<br />
<br />
.input-prepend .btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 0 2px 2px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 2px 2px 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-append .btn {<br />
height: 28px;<br />
min-height: 28px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
padding-top: 0;<br />
}<br />
<br />
/*<br />
Select control.<br />
*/<br />
<br />
select {<br />
min-width: 80px;<br />
min-height: 24px;<br />
padding: 2px;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Range control.<br />
*/<br />
<br />
input[type=range] {<br />
width: 280px;<br />
height: auto;<br />
padding: 17px 0 32px 0;<br />
}<br />
<br />
input.search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn,<br />
.form-search .input-append input[type="submit"].btn {<br />
padding-right: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn .icon-search,<br />
.form-search .input-append input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-append .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-append .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn,<br />
.form-search .input-prepend input[type="submit"].btn {<br />
padding-left: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn .icon-search,<br />
.form-search .input-prepend input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-prepend .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #f09609;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #bf7707;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #f09609;<br />
background-color: #f09609;<br />
border-color: #f09609;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #bc1c48;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #901537;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #bc1c48;<br />
background-color: #bc1c48;<br />
border-color: #bc1c48;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #01a31c;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #017013;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #01a31c;<br />
background-color: #01a31c;<br />
border-color: #01a31c;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #2d89f0;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #106fda;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #2d89f0;<br />
background-color: #2d89f0;<br />
border-color: #2d89f0;<br />
}<br />
<br />
/* Metro Radio button<br />
-------------------------------------------------- */<br />
<br />
/*<br />
NOTE:<br />
Originally the following rules used the adjacent sibling selector '+ span'<br />
but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following<br />
the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a<br />
custom class to the span.<br />
Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7.<br />
*/<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 0;<br />
}<br />
<br />
label.radio,<br />
label.checkbox {<br />
position: relative;<br />
padding-left: 0;<br />
cursor: pointer;<br />
}<br />
<br />
input[type=radio],<br />
input[type=radio] ~ span.metro-radio,<br />
input[type=radio] ~ span.metro-radio::before,<br />
input[type=radio] ~ span.metro-radio::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
input[type=radio] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio::before {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: 10px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #FFF;<br />
border: 2px solid #BABABA;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:checked ~ span.metro-radio::after {<br />
position: absolute;<br />
top: 8px;<br />
left: 6px;<br />
z-index: 999;<br />
width: 12px;<br />
height: 12px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #000;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:not(:checked):disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::after {<br />
cursor: default;<br />
background: #868686;<br />
}<br />
<br />
/* Metro Checkbox<br />
-------------------------------------------------- */<br />
<br />
label.checkbox input[type=checkbox],<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::before,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
label.checkbox input[type=checkbox] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
color: #202020;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\e379";<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\2003";<br />
}<br />
<br />
label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after,<br />
label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after,<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
cursor: default;<br />
background: #BABABA;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
color: #4c4c4c;<br />
}<br />
<br />
/* RTL support<br />
-------------------------------------------------- */<br />
<br />
[dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox,<br />
[dir="rtl"] input[type="radio"] ~ span.metro-radio {<br />
padding-right: 36px;<br />
padding-left: 0;<br />
}<br />
<br />
[dir="rtl"] input[type=radio] ~ span.metro-radio::before {<br />
right: -10px;<br />
}<br />
<br />
[dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after {<br />
right: 6px;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
.table thead {<br />
border-bottom: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-size: 9pt;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:first-child,<br />
.table-bordered tbody:first-child tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:last-child,<br />
.table-bordered tbody:first-child tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:first-child,<br />
.table-bordered tbody:last-child tr:last-child td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:last-child,<br />
.table-bordered tbody:last-child tr:last-child td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table tbody tr.success td {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error td {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning td {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info td {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr:hover td,<br />
.table-hover tbody tr:hover th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.table-cell-hover tbody tr td:hover,<br />
.table-cell-hover tbody tr th:hover {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
/* CheckBox cells */<br />
<br />
table td label.checkbox,<br />
table th label.checkbox {<br />
width: 24px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
/*<br />
Dropdown submenu<br />
*/<br />
<br />
.dropdown .caret {<br />
margin: 0;<br />
}<br />
<br />
.caret:after {<br />
content: "\e12c";<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret {<br />
margin-top: 6px;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle:hover .caret,<br />
.nav-pills .dropdown-toggle:hover .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret,<br />
.nav-pills .active .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle .caret,<br />
.nav-pills .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.dropdown-menu li > a:hover,<br />
.dropdown-menu li > a:focus,<br />
.dropdown-submenu:hover > a {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn-mini .caret {<br />
margin-top: 5px;<br />
}<br />
<br />
.dropdown-menu .active > a,<br />
.dropdown-menu .active > a:hover {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 4px;<br />
}<br />
<br />
.dropup .caret:after {<br />
content: "\e131";<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
a.header-dropdown .caret {<br />
width: auto;<br />
height: 24px;<br />
font-size: 24px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
vertical-align: middle;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-small .caret {<br />
margin: 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
margin-top: 0;<br />
margin-right: -5px;<br />
font-family: 'IcoMoon';<br />
color: #CCC;<br />
border: 0;<br />
content: "\e12a";<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border: 0;<br />
content: "";<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
.dropdown:hover .caret,<br />
.open .caret {<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
}<br />
<br />
.caret {<br />
min-width: 14px;<br />
min-height: 18px;<br />
padding: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
font-family: 'IcoMoon';<br />
font-size: inherit;<br />
font-weight: normal;<br />
line-height: 1;<br />
text-indent: 0;<br />
cursor: default;<br />
cursor: pointer;<br />
border: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
vertical-position: bottom;<br />
}<br />
<br />
h1 {<br />
font-size: 40px;<br />
font-weight: 300;<br />
line-height: 48px;<br />
}<br />
<br />
h2 {<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
}<br />
<br />
h3 {<br />
font-size: 20px;<br />
font-weight: 600;<br />
line-height: 26px;<br />
}<br />
<br />
h4 {<br />
font-size: 15px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
}<br />
<br />
h5,<br />
legend {<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
h6,<br />
caption,<br />
figcaption,<br />
small {<br />
font-size: 11px;<br />
font-weight: 400;<br />
line-height: 11px;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
<br />
#header-container a.header-dropdown {<br />
font-size: 26px;<br />
font-weight: 200;<br />
line-height: 34px;<br />
text-decoration: none;<br />
}<br />
<br />
#header-container .dropdown-menu .divider {<br />
background-color: #717171;<br />
}<br />
<br />
#header-container .dropdown.open .dropdown-toggle {<br />
color: inherit;<br />
background: inherit;<br />
}<br />
<br />
#header-container h5 {<br />
font-size: 14px;<br />
}<br />
<br />
.text-warning {<br />
color: #f09609;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #bf7707;<br />
}<br />
<br />
.text-error {<br />
color: #bc1c48;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #901537;<br />
}<br />
<br />
.text-info {<br />
color: #2d89f0;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #106fda;<br />
}<br />
<br />
.text-success {<br />
color: #01a31c;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #017013;<br />
}<br />
<br />
dt,<br />
th {<br />
font-size: 16px;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
/* 20px when font-size is 11pt */<br />
<br />
}<br />
<br />
abbr,<br />
acronym,<br />
address,<br />
blockquote,<br />
cite,<br />
dl,<br />
dd,<br />
li,<br />
ol,<br />
p,<br />
q,<br />
td,<br />
tr {<br />
font-weight: 300;<br />
}<br />
<br />
blockquote {<br />
padding-top: 5px;<br />
padding-bottom: 5px;<br />
background-color: #eeeeee;<br />
border-left: 5px solid #0177db;<br />
}<br />
<br />
blockquote.pull-right {<br />
padding-left: 15px;<br />
border-right: 5px solid #0177db;<br />
}<br />
<br />
b,<br />
strong {<br />
font-weight: 600;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
p {<br />
font-weight: 300;<br />
}<br />
<br />
/* Additional letter-spacing for the document and its controls.<br />
-------------------------------------------------- */<br />
<br />
body,<br />
button,<br />
input,<br />
textarea,<br />
select,<br />
option {<br />
letter-spacing: 0.02em;<br />
}<br />
<br />
.page-header {<br />
border-bottom: 0;<br />
}<br />
<br />
/*<br />
Button control.<br />
*/<br />
<br />
button,<br />
input[type=button],<br />
input[type=reset],<br />
input[type=submit] {<br />
padding: 4px 8px;<br />
margin-bottom: 0;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
border: 2px solid #cccccc;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
File upload control.<br />
*/<br />
<br />
input[type=file] {<br />
width: 340px;<br />
height: 32px;<br />
min-width: 100px;<br />
min-height: 20px;<br />
padding: 0;<br />
margin: 7px 8px 21px 8px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Back button.<br />
*/<br />
<br />
.win-backbutton {<br />
display: inline-block;<br />
width: 38px;<br />
height: 38px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 20px;<br />
line-height: 38px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
.win-backbutton:before {<br />
font-family: 'IcoMoon';<br />
font-size: 22px;<br />
font-weight: normal;<br />
vertical-align: top;<br />
content: "\e41c";<br />
}<br />
<br />
.win-backbutton:disabled,<br />
.win-backbutton:disabled:active {<br />
visibility: hidden;<br />
background-clip: padding-box;<br />
}<br />
<br />
#nav-bar .win-backbutton {<br />
position: absolute;<br />
top: 30px;<br />
left: 0;<br />
}<br />
<br />
/*<br />
Command buttons.<br />
*/<br />
<br />
.win-command {<br />
display: inline-block;<br />
height: auto;<br />
margin: 0 5px;<br />
font-size: 9pt;<br />
font-weight: normal;<br />
line-height: 16px;<br />
letter-spacing: 0.02em;<br />
text-align: center;<br />
vertical-align: top;<br />
cursor: pointer;<br />
background: none;<br />
border: 0;<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button icons.<br />
*/<br />
<br />
.win-commandicon {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 24px;<br />
line-height: 40px !important;<br />
}<br />
<br />
.win-commandimage {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
letter-spacing: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
/*<br />
Command button "ring".<br />
*/<br />
<br />
.win-commandring {<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
a:hover:active .win-commandring,<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button:hover:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button labels.<br />
*/<br />
<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
position: relative;<br />
display: block;<br />
width: 100%;<br />
padding-right: 4px;<br />
padding-left: 4px;<br />
margin-top: 3px;<br />
overflow: hidden;<br />
line-height: 15px;<br />
word-break: keep-all;<br />
word-wrap: break-word;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
a.win-command,<br />
a.win-command:hover {<br />
text-decoration: none;<br />
}<br />
<br />
.win-command.win-command-large .win-commandicon {<br />
width: 60px;<br />
height: 60px;<br />
font-size: 40px;<br />
line-height: 60px !important;<br />
text-align: center;<br />
}<br />
<br />
.win-command.win-command-small .win-commandicon {<br />
width: 24px;<br />
height: 24px;<br />
font-size: 16px;<br />
line-height: 24px !important;<br />
}<br />
<br />
/*<br />
AppBarCommand separator.<br />
*/<br />
<br />
hr.win-command {<br />
display: inline-block;<br />
width: 1px;<br />
height: 40px;<br />
padding: 0;<br />
margin: 14px 29px 34px 30px;<br />
vertical-align: top;<br />
border: 0;<br />
}<br />
<br />
/*<br />
AppBar Edgy Container<br />
*/<br />
<br />
.win-appbar {<br />
position: fixed;<br />
left: 0;<br />
z-index: 1001;<br />
width: 100%;<br />
height: auto;<br />
border-width: 0;<br />
}<br />
<br />
/*<br />
AppBar control.<br />
*/<br />
<br />
.win-commandlayout {<br />
min-height: 88px;<br />
padding-left: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.win-commandlayout .win-selection {<br />
float: left;<br />
}<br />
<br />
.win-commandlayout .win-command {<br />
padding: 12px 0;<br />
}<br />
<br />
.btn {<br />
line-height: 18px;<br />
}<br />
<br />
.btn.btn-link {<br />
color: #0088CC;<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
<br />
.btn.btn-link:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
-webkit-transition: none 0s ease 0s;<br />
-moz-transition: none 0s ease 0s;<br />
-o-transition: none 0s ease 0s;<br />
transition: none 0s ease 0s;<br />
}<br />
<br />
.btn-large.dropdown-toggle {<br />
padding-top: 2px;<br />
padding-bottom: 2px;<br />
}<br />
<br />
.btn-mini.dropdown-toggle {<br />
padding-top: 5px;<br />
}<br />
<br />
.btn-small {<br />
min-height: 20px;<br />
padding: 3px 9px;<br />
line-height: 16px;<br />
}<br />
<br />
.btn-primary,<br />
.btn-primary:hover,<br />
.btn-warning,<br />
.btn-warning:hover,<br />
.btn-danger,<br />
.btn-danger:hover,<br />
.btn-success,<br />
.btn-success:hover,<br />
.btn-info,<br />
.btn-info:hover,<br />
.btn-inverse,<br />
.btn-inverse:hover {<br />
text-shadow: none;<br />
}<br />
<br />
.btn.btn-warning,<br />
.btn.btn-danger,<br />
.btn.btn-success,<br />
.btn.btn-info,<br />
.btn.btn-inverse {<br />
color: #FFF;<br />
}<br />
<br />
.btn-group > .btn:first-child,<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .dropdown-toggle {<br />
min-width: 20px;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
padding-top: 0;<br />
*padding-top: 0;<br />
padding-bottom: 0;<br />
*padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle .caret {<br />
margin-top: 2px;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle {<br />
padding-top: 0;<br />
padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
padding-top: 10px;<br />
*padding-top: 10px;<br />
padding-bottom: 8px;<br />
*padding-bottom: 8px;<br />
}<br />
<br />
.btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.notifications {<br />
position: fixed;<br />
}<br />
<br />
.notifications.top-right {<br />
top: 0;<br />
right: 0;<br />
}<br />
<br />
.notifications > div {<br />
position: relative;<br />
z-index: 1060;<br />
}<br />
<br />
.alert {<br />
position: relative;<br />
z-index: 1060;<br />
text-shadow: none;<br />
}<br />
<br />
.alert .close:hover {<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.alert .alert-heading {<br />
font-weight: 600;<br />
}<br />
<br />
.toast {<br />
position: relative;<br />
z-index: 1060;<br />
width: 400px;<br />
height: 90px;<br />
margin-top: 15px;<br />
margin-bottom: 10px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
background-color: #2e8bcc;<br />
border: 2px solid #54a2d9;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body {<br />
height: 64px;<br />
padding: 13px 60px 13px 15px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body p {<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast-object {<br />
display: block;<br />
}<br />
<br />
.toast-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast.toasttext01 p {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 p {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 h4 {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
display: inline-block;<br />
width: 30px;<br />
height: 30px;<br />
min-width: 0;<br />
min-height: 0;<br />
font-family: 'IcoMoon';<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 12px;<br />
text-align: center;<br />
text-indent: 0;<br />
text-shadow: none;<br />
vertical-align: baseline;<br />
border: 0;<br />
opacity: 1;<br />
box-sizing: border-box;<br />
background-clip: border-box;<br />
}<br />
<br />
.toast .close:after,<br />
.modal .close:after,<br />
.alert .close:after {<br />
font-size: 14px;<br />
content: "\e37a";<br />
}<br />
<br />
.toast .close {<br />
display: none;<br />
}<br />
<br />
.toast:hover .close {<br />
display: inline-block;<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.nav-header {<br />
font-size: 14px;<br />
font-weight: 300;<br />
text-shadow: none;<br />
}<br />
<br />
.nav-pills > li > a,<br />
.nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a,<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-menu,<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
/* Nav: first level */<br />
<br />
.metro-nav-list {<br />
margin: 0 0 25px 0;<br />
}<br />
<br />
.metro-nav-list > li {<br />
position: relative;<br />
}<br />
<br />
.metro-nav-list > li > a {<br />
display: block;<br />
padding: 4px 25px;<br />
font-size: 18px;<br />
text-shadow: none;<br />
}<br />
<br />
.metro-nav-list > li > a:hover,<br />
.metro-nav-list > li > a:focus {<br />
color: #FFF;<br />
text-decoration: none;<br />
background-color: #0177db;<br />
}<br />
<br />
.metro-nav-list > .active > a,<br />
.metro-nav-list > .active:hover > a,<br />
.metro-nav-list > .active:focus > a {<br />
font-weight: 600;<br />
}<br />
<br />
/* Section headings for groups of links */<br />
<br />
.metro-nav-list > .nav-header {<br />
margin-top: 20px;<br />
margin-bottom: 5px;<br />
font-size: 14px;<br />
font-weight: 500;<br />
color: #333;<br />
}<br />
<br />
/* Nav: second level (shown on .active) */<br />
<br />
.metro-nav-list .nav {<br />
margin-bottom: 5px;<br />
}<br />
<br />
.metro-nav-list > .active > ul {<br />
display: block;<br />
}<br />
<br />
.metro-nav-list .nav > li > a {<br />
display: inline-block;<br />
padding-top: 2px;<br />
padding-left: 10px;<br />
margin-bottom: 2px;<br />
margin-left: 40px;<br />
font-size: 90%;<br />
border-left: 3px solid #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > li > a:hover {<br />
color: #FFF;<br />
background-color: #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > .active > a,<br />
.metro-nav-list .nav > .active:hover > a,<br />
.metro-nav-list .nav > .active:focus > a {<br />
font-weight: 600;<br />
border-left: 3px solid #0177db;<br />
}<br />
<br />
/* Nav: third level (shown on .active) */<br />
<br />
.metro-nav-list .nav .nav {<br />
margin-left: 20px;<br />
}<br />
<br />
.navbar-inner {<br />
background-color: transparent;<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret,<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar.metro-navbar .navbar-inner {<br />
height: 60px;<br />
min-height: 60px;<br />
background-color: #EEEEEE;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li {<br />
line-height: 40px;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li > a {<br />
margin-right: 4px;<br />
text-shadow: none;<br />
text-transform: uppercase;<br />
background-color: #DDD;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li.active > a {<br />
background-color: #FFF;<br />
}<br />
<br />
.navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar.metro-navbar .nav li.dropdown.open .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.pager .next a:after {<br />
font-family: 'IcoMoon';<br />
content: "\e12a";<br />
}<br />
<br />
.pager .previous a:before {<br />
font-family: 'IcoMoon';<br />
content: "\e127";<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.pagination a:hover,<br />
.pagination .active a {<br />
background-color: #CCC;<br />
}<br />
<br />
.pagination .active a {<br />
color: #FFF;<br />
}<br />
<br />
.pagination ul {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal {<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal .close:hover {<br />
margin-top: 0;<br />
color: #FFF;<br />
background-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.modal.warning.fade.in {<br />
top: 0;<br />
}<br />
<br />
.modal.message.fade.in {<br />
top: 20%;<br />
}<br />
<br />
.modal-header {<br />
border: 0;<br />
}<br />
<br />
.modal.message,<br />
.modal.warning {<br />
left: 0;<br />
width: 60%;<br />
padding: 0 20%;<br />
margin: 0;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal.warning {<br />
width: 100%;<br />
padding: 0 1%;<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.modal.warning .modal-body {<br />
display: inline-block;<br />
width: 60%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal.warning .modal-footer {<br />
display: inline-block;<br />
width: 30%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal-body {<br />
max-height: 300px;<br />
}<br />
<br />
.modal-footer {<br />
background-color: transparent;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.popover {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.popover-title {<br />
line-height: 1;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.popover-inner {<br />
overflow: hidden;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
#content-filters {<br />
margin-top: 10px;<br />
}<br />
<br />
#content-filters .nav-pills > li > a {<br />
display: inline-block;<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
#content-filters .nav > li > a:hover {<br />
text-decoration: none;<br />
background-color: inherit;<br />
}<br />
<br />
#content-filters .nav-pills > .active > a,<br />
#content-filters .nav-pills > .active > a:hover {<br />
color: inherit;<br />
background-color: transparent;<br />
}<br />
<br />
#content-filters .nav-pills > .open > a,<br />
#content-filters .nav-pills > .open > a:hover {<br />
color: #FFF;<br />
background-color: #999;<br />
}<br />
<br />
#content-filters .nav-pills > li > span {<br />
display: inline-block;<br />
padding: 8px 0;<br />
margin: 1px 0;<br />
font-size: 13px;<br />
line-height: 15px;<br />
vertical-align: top;<br />
}<br />
<br />
#content-filters div {<br />
position: relative;<br />
}<br />
<br />
#content-filters a {<br />
font-size: 15px;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.badge {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
color: #ffffff;<br />
background-color: #901537;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
color: #ffffff;<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #01a31c;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
color: #ffffff;<br />
background-color: #017013;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
color: #ffffff;<br />
background-color: #106fda;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
/*<br />
Progress control. */<br />
<br />
.progress {<br />
height: auto;<br />
background-image: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.progress .bar {<br />
height: 5px;<br />
}<br />
<br />
.progress.progress-indeterminate {<br />
height: auto;<br />
background-color: transparent;<br />
}<br />
<br />
.progress.progress-indeterminate .bar {<br />
position: static;<br />
display: block;<br />
width: 88px;<br />
height: 8px;<br />
margin: 4px auto;<br />
background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring {<br />
display: inline-block;<br />
width: 50px;<br />
height: 50px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .bar {<br />
background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger,<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger,<br />
.progress-success .bar,<br />
.progress .bar-success,<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success,<br />
.progress-info .bar,<br />
.progress .bar-info,<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info,<br />
.progress-warning .bar,<br />
.progress .bar-warning,<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.carousel-control {<br />
font-family: "IcoMoon";<br />
font-size: 40px;<br />
line-height: 40px;<br />
border-width: 2px;<br />
}<br />
<br />
.carousel.flipview .carousel-control {<br />
left: 0;<br />
display: none;<br />
width: 60px;<br />
height: 40px;<br />
font-size: 20px;<br />
line-height: 40px;<br />
color: #000000;<br />
background: rgba(255, 255, 255, 0.6);<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.carousel.flipview .carousel-control.right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.carousel.flipview .carousel-control:hover {<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel.flipview:hover .carousel-control {<br />
display: block;<br />
}<br />
<br />
.hero-unit {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.bg-color-orange {<br />
background-color: #f09609 !important;<br />
}<br />
<br />
.bg-color-purple {<br />
background-color: #7b4f9d !important;<br />
}<br />
<br />
.bg-color-greenDark {<br />
background-color: #008641 !important;<br />
}<br />
<br />
.bg-color-blue {<br />
background-color: #2e8bcc !important;<br />
}<br />
<br />
.bg-color-red {<br />
background-color: #e51400 !important;<br />
}<br />
<br />
.bg-color-green {<br />
background-color: #339933 !important;<br />
}<br />
<br />
.bg-color-blueDark {<br />
background-color: #20608e !important;<br />
}<br />
<br />
.bg-color-yellow {<br />
background-color: #ffc40d !important;<br />
}<br />
<br />
.bg-color-pink {<br />
background-color: #e671b8 !important;<br />
}<br />
<br />
.bg-color-darken {<br />
background-color: #1c1c1c !important;<br />
}<br />
<br />
.bg-color-gray {<br />
background-color: #555555 !important;<br />
}<br />
<br />
.bg-color-grayLight {<br />
background-color: #999999 !important;<br />
}<br />
<br />
.metro {<br />
position: relative;<br />
}<br />
<br />
.tile-column {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.tile-column-span-1 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 162px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-2 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 324px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-3 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 480px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-4 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-5 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-6 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 800px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-7 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 960px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-8 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 1120px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.panorama {<br />
position: relative;<br />
width: 100%;<br />
margin: 0 40px;<br />
overflow: hidden;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.panorama.nohidden {<br />
width: auto;<br />
overflow: inherit;<br />
}<br />
<br />
.panorama .panorama-sections {<br />
position: relative;<br />
width: 10000px;<br />
height: auto;<br />
padding-bottom: 24px;<br />
overflow: hidden;<br />
}<br />
<br />
.panorama .panorama-sections h2 {<br />
margin-left: 5px;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
margin-right: 75px;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-1 {<br />
width: 160px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-2 {<br />
width: 320px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-3 {<br />
width: 480px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-4 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-5 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-6 {<br />
width: 800px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-7 {<br />
width: 960px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-8 {<br />
width: 1120px;<br />
margin-left: 0;<br />
}<br />
<br />
.metro .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
border: 1px solid rgba(255, 255, 255, 0.3);<br />
-webkit-background-clip: padding;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.metro .tile.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.metro .tile.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.metro .tile.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.metro .tile .app-label,<br />
.metro .tile .label {<br />
position: absolute;<br />
bottom: 5px;<br />
left: 20px;<br />
font-size: 12px;<br />
}<br />
<br />
.metro .tile .app-count,<br />
.metro .tile .count {<br />
position: absolute;<br />
right: 20px;<br />
bottom: 5px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
}<br />
<br />
.metro .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro .tile .textover-wrapper {<br />
position: absolute;<br />
bottom: 0;<br />
height: 48px;<br />
padding: 2px 20px;<br />
background-color: inherit;<br />
}<br />
<br />
.metro .tile .textover-wrapper.transparent {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column3-text {<br />
display: block;<br />
float: left;<br />
width: 200px;<br />
}<br />
<br />
.metro .tile .column3-label {<br />
display: block;<br />
float: left;<br />
width: 50px;<br />
}<br />
<br />
.metro .tile .column2-text {<br />
display: block;<br />
float: left;<br />
width: 160px;<br />
}<br />
<br />
.metro .tile .column2-label {<br />
display: block;<br />
float: left;<br />
width: 90px;<br />
}<br />
<br />
.metro .tile .text2 {<br />
max-height: 44px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text3 {<br />
max-height: 56px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text4 {<br />
max-height: 72px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column {<br />
display: block;<br />
float: left;<br />
width: 130px;<br />
}<br />
<br />
.metro .tile .text5 {<br />
max-height: 92px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text {<br />
height: 18px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile:hover {<br />
outline: 3px #225a68 solid;<br />
}<br />
<br />
.metro .tile.app .image-wrapper {<br />
display: block;<br />
width: 150px;<br />
height: 80px;<br />
padding: 8px 0;<br />
margin-top: 20px;<br />
text-align: center;<br />
vertical-align: middle;<br />
}<br />
<br />
.metro .tile.app .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
margin: 0 auto;<br />
}<br />
<br />
.metro .tile.square.text {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.square.text .text-big {<br />
overflow: hidden;<br />
font-size: 76px;<br />
line-height: 76px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.text.tilesquareblock .text {<br />
overflow: hidden;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.image {<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.square.image img {<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek {<br />
width: 150px;<br />
height: 312px;<br />
}<br />
<br />
.metro .tile.squarepeek img {<br />
width: 150px;<br />
height: 150px;<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek .text-inner {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.app {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.app .image-wrapper {<br />
width: 310px;<br />
}<br />
<br />
.metro .tile.wide.text {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
margin-left: 10px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big .text-big {<br />
overflow: hidden;<br />
font-size: 74px;<br />
line-height: 60px;<br />
text-align: right;<br />
}<br />
<br />
.metro .tile.wide.text .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.imagetext {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
margin-right: 10px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.image {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image img {<br />
max-width: 310px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles {<br />
display: inline-block;<br />
float: left;<br />
width: 152px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles img {<br />
display: inline-block;<br />
float: left;<br />
max-width: 75px;<br />
max-height: 75px;<br />
border-left: 1px solid #2A2A2A;<br />
}<br />
<br />
.metro .tile.wide.imagetext.wideimage {<br />
width: 310px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.wide.image.collection img {<br />
float: left;<br />
max-width: 158px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.widepeek {<br />
width: 310px;<br />
height: 300px;<br />
}<br />
<br />
.metro .tile.widepeek .tile {<br />
margin: 0;<br />
}<br />
<br />
.metro .tile.widepeek .tile:hover {<br />
outline: 0;<br />
}<br />
<br />
.metro .tile.square .textover-wrapper,<br />
.metro .tile.squarepeek .textover-wrapper {<br />
width: 130px;<br />
}<br />
<br />
.metro .tile.wide .textover-wrapper,<br />
.metro .tile.widepeek .textover-wrapper {<br />
width: 270px;<br />
}<br />
<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
position: absolute;<br />
top: 96px;<br />
left: 4px;<br />
z-index: 1061;<br />
display: inline-block;<br />
width: 42px;<br />
width: 32px;<br />
height: 42px;<br />
height: 32px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-family: 'icomoon';<br />
font-size: 24px;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 40px !important;<br />
line-height: 1;<br />
text-align: center;<br />
text-decoration: none;<br />
text-transform: none;<br />
background: none;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
outline: 0;<br />
background-clip: border-box;<br />
font-variant: normal;<br />
}<br />
<br />
#panorama-scroll-next {<br />
right: 4px;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev:hover,<br />
#panorama-scroll-next:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
#panorama-scroll-prev:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a4";<br />
}<br />
<br />
#panorama-scroll-next:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a0";<br />
}<br />
<br />
#panorama-scroll-prev-bkg,<br />
#panorama-scroll-next-bkg {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1060;<br />
display: block;<br />
width: 40px;<br />
height: 100%;<br />
background-color: transparent;<br />
}<br />
<br />
#panorama-scroll-next-bkg {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev-bkg:hover,<br />
#panorama-scroll-next-bkg:hover {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro-responsive-tiles .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
height: 150px;<br />
padding: 20px;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header2 {<br />
max-height: 80px;<br />
overflow: hidden;<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
padding-left: 10px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .tile-form {<br />
margin: 10px 0;<br />
}<br />
<br />
.pivot {<br />
position: relative;<br />
}<br />
<br />
.pivot > .pivot-headers {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.pivot > .pivot-headers > a {<br />
margin: 0 10px 0 0;<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #555555;<br />
text-decoration: none;<br />
text-transform: lowercase;<br />
}<br />
<br />
.pivot > .pivot-headers > a:hover {<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-headers > a.active {<br />
font-weight: 400;<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-items {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.pivot > .pivot-items > .pivot-item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.4s ease-in-out left;<br />
-moz-transition: 0.4s ease-in-out left;<br />
-o-transition: 0.4s ease-in-out left;<br />
transition: 0.4s ease-in-out left;<br />
}<br />
<br />
.pivot > .pivot-items > .active,<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
display: block;<br />
}<br />
<br />
.pivot > .pivot-items > .active {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next {<br />
left: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .prev {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next.left,<br />
.pivot > .pivot-items > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items .active.right {<br />
left: 100%;<br />
}<br />
<br />
.listview.grid-layout {<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.grid-layout .listview-item {<br />
margin-right: 24px;<br />
}<br />
<br />
.listview.list-layout {<br />
width: 330px;<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.list-layout.big {<br />
width: 430px;<br />
}<br />
<br />
.listview-item {<br />
position: relative;<br />
display: inline-block;<br />
width: 282px;<br />
min-height: 60px;<br />
padding: 10px;<br />
margin-top: 15px;<br />
margin-bottom: 7px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
vertical-align: top;<br />
border: solid 3px transparent;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item:hover {<br />
cursor: pointer;<br />
border: solid 3px #225a68;<br />
}<br />
<br />
.listview-item.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.listview-item.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.listview-item.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.listview-item-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item-body p {<br />
height: 20px;<br />
margin: 0;<br />
overflow: hidden;<br />
line-height: 20px;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-body p.two-lines {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-body p.three-lines {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-object {<br />
display: block;<br />
width: 60px;<br />
height: 60px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 60px;<br />
height: 60px;<br />
font-size: 60px;<br />
line-height: 60px;<br />
}<br />
<br />
.listview-item-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-subheading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
color: #eeeeee;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item.big {<br />
width: 380px;<br />
}<br />
<br />
.listview-item.big .listview-item-object {<br />
display: block;<br />
width: 112px;<br />
height: 112px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item.big .listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 112px;<br />
height: 112px;<br />
font-size: 112px;<br />
line-height: 112px;<br />
}<br />
<br />
/*<br />
Tile ListView<br />
*/<br />
<br />
.metro .tile-listviewitem-container {<br />
overflow: auto;<br />
}<br />
<br />
.metro .tile-listviewitem {<br />
position: relative;<br />
display: block;<br />
height: 113px;<br />
padding: 7px 0;<br />
margin: 0 0 13px 0;<br />
overflow: hidden;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: transparent;<br />
}<br />
<br />
.metro .tile-listviewitem img {<br />
display: inline-block;<br />
width: 100%;<br />
height: 100%;<br />
margin-left: 7px;<br />
vertical-align: top;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro .tile-listviewitem .detail {<br />
display: inline-block;<br />
height: 113px;<br />
margin-right: 7px;<br />
margin-left: 10px;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
vertical-align: top;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .title {<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .subtitle {<br />
font-size: 10px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem.selected {<br />
color: #FFF;<br />
background-color: #4617b4;<br />
}<br />
<br />
.metro .tile-listviewitem:hover {<br />
background-color: #b3b3b3;<br />
}<br />
<br />
.metro .tile-listviewitem.selected:hover {<br />
background-color: #4617b4;<br />
}<br />
<br />
article.tile-listviewitem-detail {<br />
margin-left: 72px;<br />
}<br />
<br />
article.tile-listviewitem-detail header img {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h1 {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h2 {<br />
font-size: 14px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail section {<br />
padding-top: 20px;<br />
}<br />
<br />
#charms {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
display: block;<br />
width: 320px;<br />
height: 100%;<br />
padding: 0;<br />
margin: 0;<br />
background-color: #004D60;<br />
}<br />
<br />
#charms a.win-command {<br />
display: inline-block;<br />
padding: 0;<br />
margin: 0;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
#charms .charms-section {<br />
margin: 0 40px 40px 40px;<br />
}<br />
<br />
#charms a:hover {<br />
background-color: #216475;<br />
}<br />
<br />
#charms .charms-header {<br />
position: relative;<br />
padding: 40px 0 30px 0;<br />
}<br />
<br />
#charms .charms-header a#pin-charms {<br />
position: absolute;<br />
top: 2px;<br />
right: 2px;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: -24px;<br />
font-size: 11px;<br />
color: #FFF;<br />
text-align: center;<br />
}<br />
<br />
#charms .charms-header a#pin-charms.active {<br />
color: #000;<br />
background-color: #FFF;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
}<br />
<br />
#charms .charms-header h2 {<br />
display: inline-block;<br />
margin-left: 10px;<br />
color: #FFF;<br />
}<br />
<br />
#charms hr {<br />
border: 1px solid #357281;<br />
}<br />
<br />
#charms h2,<br />
#charms h3,<br />
#charms h4,<br />
#charms p,<br />
#charms a,<br />
#charms label {<br />
color: #19BFC9;<br />
}<br />
<br />
#charms .charms-header a.win-backbutton {<br />
width: 32px;<br />
height: 32px;<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
}<br />
<br />
#charms-body {<br />
min-width: 350px;<br />
}<br />
<br />
#charms.slide {<br />
right: -320px;<br />
-webkit-transition: all 0.36s ease;<br />
-moz-transition: all 0.36s ease;<br />
-ms-transition: all 0.36s ease;<br />
-o-transition: all 0.36s ease;<br />
transition: all 0.36s ease;<br />
}<br />
<br />
#charms.slide.in {<br />
right: 0;<br />
}<br />
<br />
#wizard-step-content {<br />
padding: 0;<br />
margin-top: 20px;<br />
vertical-align: top;<br />
}<br />
<br />
.wizard {<br />
background-color: #FFF;<br />
}<br />
<br />
#wizard-steps-container {<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
}<br />
<br />
#wizard-steps-container h2 {<br />
padding: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
ul#wizard-steps {<br />
margin: 0;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li.active {<br />
background-color: #FFF;<br />
}<br />
<br />
ul#wizard-steps li.active a {<br />
color: #666;<br />
}<br />
<br />
ul#wizard-steps li {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li a {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
padding: 0 20px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
color: #FFF;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
/*!<br />
* Bootstrap Responsive v2.2.1<br />
*<br />
* Copyright 2012 Twitter, Inc<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
* Designed and built with all the love in the world @twitter by @mdo and @fat.<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
@-ms-viewport {<br />
width: device-width;<br />
}<br />
<br />
.hidden {<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
.visible-phone {<br />
display: none !important;<br />
}<br />
<br />
.visible-tablet {<br />
display: none !important;<br />
}<br />
<br />
.hidden-desktop {<br />
display: none !important;<br />
}<br />
<br />
.visible-desktop {<br />
display: inherit !important;<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important ;<br />
}<br />
.visible-tablet {<br />
display: inherit !important;<br />
}<br />
.hidden-tablet {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important;<br />
}<br />
.visible-phone {<br />
display: inherit !important;<br />
}<br />
.hidden-phone {<br />
display: none !important;<br />
}<br />
}<br />
<br />
.visible-print {<br />
display: none !important;<br />
}<br />
<br />
@media print {<br />
.visible-print {<br />
display: inherit !important;<br />
}<br />
.hidden-print {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
.row {<br />
margin-left: -30px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 30px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 1170px;<br />
}<br />
.span12 {<br />
width: 1170px;<br />
}<br />
.span11 {<br />
width: 1070px;<br />
}<br />
.span10 {<br />
width: 970px;<br />
}<br />
.span9 {<br />
width: 870px;<br />
}<br />
.span8 {<br />
width: 770px;<br />
}<br />
.span7 {<br />
width: 670px;<br />
}<br />
.span6 {<br />
width: 570px;<br />
}<br />
.span5 {<br />
width: 470px;<br />
}<br />
.span4 {<br />
width: 370px;<br />
}<br />
.span3 {<br />
width: 270px;<br />
}<br />
.span2 {<br />
width: 170px;<br />
}<br />
.span1 {<br />
width: 70px;<br />
}<br />
.offset12 {<br />
margin-left: 1230px;<br />
}<br />
.offset11 {<br />
margin-left: 1130px;<br />
}<br />
.offset10 {<br />
margin-left: 1030px;<br />
}<br />
.offset9 {<br />
margin-left: 930px;<br />
}<br />
.offset8 {<br />
margin-left: 830px;<br />
}<br />
.offset7 {<br />
margin-left: 730px;<br />
}<br />
.offset6 {<br />
margin-left: 630px;<br />
}<br />
.offset5 {<br />
margin-left: 530px;<br />
}<br />
.offset4 {<br />
margin-left: 430px;<br />
}<br />
.offset3 {<br />
margin-left: 330px;<br />
}<br />
.offset2 {<br />
margin-left: 230px;<br />
}<br />
.offset1 {<br />
margin-left: 130px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
*margin-left: 2.5109110747408616%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.45299145299145%;<br />
*width: 91.39979996362975%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.90598290598291%;<br />
*width: 82.8527914166212%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
*width: 74.30578286961266%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.81196581196582%;<br />
*width: 65.75877432260411%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.26495726495726%;<br />
*width: 57.21176577559556%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.717948717948715%;<br />
*width: 48.664757228587014%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.17094017094017%;<br />
*width: 40.11774868157847%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.623931623931625%;<br />
*width: 31.570740134569924%;<br />
}<br />
.row-fluid .span3 {<br />
width: 23.076923076923077%;<br />
*width: 23.023731587561375%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.52991452991453%;<br />
*width: 14.476723040552828%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
*width: 5.929714493544281%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.12820512820512%;<br />
*margin-left: 105.02182214948171%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.56410256410257%;<br />
*margin-left: 102.45771958537915%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.58119658119658%;<br />
*margin-left: 96.47481360247316%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.01709401709402%;<br />
*margin-left: 93.91071103837061%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.03418803418803%;<br />
*margin-left: 87.92780505546462%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.47008547008548%;<br />
*margin-left: 85.36370249136206%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.48717948717949%;<br />
*margin-left: 79.38079650845607%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.92307692307693%;<br />
*margin-left: 76.81669394435352%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 70.94017094017094%;<br />
*margin-left: 70.83378796144753%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.37606837606839%;<br />
*margin-left: 68.26968539734497%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.393162393162385%;<br />
*margin-left: 62.28677941443899%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.82905982905982%;<br />
*margin-left: 59.72267685033642%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 53.84615384615384%;<br />
*margin-left: 53.739770867430444%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.28205128205128%;<br />
*margin-left: 51.175668303327875%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.299145299145295%;<br />
*margin-left: 45.1927623204219%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.73504273504273%;<br />
*margin-left: 42.62865975631933%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 36.75213675213675%;<br />
*margin-left: 36.645753773413354%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.18803418803419%;<br />
*margin-left: 34.081651209310785%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.205128205128204%;<br />
*margin-left: 28.0987452264048%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.641025641025642%;<br />
*margin-left: 25.53464266230224%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.65811965811966%;<br />
*margin-left: 19.551736679396257%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.094017094017094%;<br />
*margin-left: 16.98763411529369%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.11111111111111%;<br />
*margin-left: 11.004728132387708%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.547008547008547%;<br />
*margin-left: 8.440625568285142%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 30px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 1156px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 1056px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 956px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 856px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 756px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 656px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 556px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 456px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 356px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 256px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 156px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 56px;<br />
}<br />
.thumbnails {<br />
margin-left: -30px;<br />
}<br />
.thumbnails > li {<br />
margin-left: 30px;<br />
}<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 724px;<br />
}<br />
.span12 {<br />
width: 724px;<br />
}<br />
.span11 {<br />
width: 662px;<br />
}<br />
.span10 {<br />
width: 600px;<br />
}<br />
.span9 {<br />
width: 538px;<br />
}<br />
.span8 {<br />
width: 476px;<br />
}<br />
.span7 {<br />
width: 414px;<br />
}<br />
.span6 {<br />
width: 352px;<br />
}<br />
.span5 {<br />
width: 290px;<br />
}<br />
.span4 {<br />
width: 228px;<br />
}<br />
.span3 {<br />
width: 166px;<br />
}<br />
.span2 {<br />
width: 104px;<br />
}<br />
.span1 {<br />
width: 42px;<br />
}<br />
.offset12 {<br />
margin-left: 764px;<br />
}<br />
.offset11 {<br />
margin-left: 702px;<br />
}<br />
.offset10 {<br />
margin-left: 640px;<br />
}<br />
.offset9 {<br />
margin-left: 578px;<br />
}<br />
.offset8 {<br />
margin-left: 516px;<br />
}<br />
.offset7 {<br />
margin-left: 454px;<br />
}<br />
.offset6 {<br />
margin-left: 392px;<br />
}<br />
.offset5 {<br />
margin-left: 330px;<br />
}<br />
.offset4 {<br />
margin-left: 268px;<br />
}<br />
.offset3 {<br />
margin-left: 206px;<br />
}<br />
.offset2 {<br />
margin-left: 144px;<br />
}<br />
.offset1 {<br />
margin-left: 82px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.7624309392265194%;<br />
*margin-left: 2.709239449864817%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.7624309392265194%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.43646408839778%;<br />
*width: 91.38327259903608%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.87292817679558%;<br />
*width: 82.81973668743387%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.30939226519337%;<br />
*width: 74.25620077583166%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.74585635359117%;<br />
*width: 65.69266486422946%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.18232044198895%;<br />
*width: 57.12912895262725%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.61878453038674%;<br />
*width: 48.56559304102504%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.05524861878453%;<br />
*width: 40.00205712942283%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.491712707182323%;<br />
*width: 31.43852121782062%;<br />
}<br />
.row-fluid .span3 {<br />
width: 22.92817679558011%;<br />
*width: 22.87498530621841%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.3646408839779%;<br />
*width: 14.311449394616199%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.801104972375691%;<br />
*width: 5.747913483013988%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.52486187845304%;<br />
*margin-left: 105.41847889972962%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.76243093922652%;<br />
*margin-left: 102.6560479605031%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.96132596685082%;<br />
*margin-left: 96.8549429881274%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.1988950276243%;<br />
*margin-left: 94.09251204890089%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.39779005524862%;<br />
*margin-left: 88.2914070765252%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.6353591160221%;<br />
*margin-left: 85.52897613729868%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.8342541436464%;<br />
*margin-left: 79.72787116492299%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 77.07182320441989%;<br />
*margin-left: 76.96544022569647%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 71.2707182320442%;<br />
*margin-left: 71.16433525332079%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.50828729281768%;<br />
*margin-left: 68.40190431409427%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.70718232044199%;<br />
*margin-left: 62.600799341718584%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.94475138121547%;<br />
*margin-left: 59.838368402492065%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 54.14364640883978%;<br />
*margin-left: 54.037263430116376%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.38121546961326%;<br />
*margin-left: 51.27483249088986%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.58011049723757%;<br />
*margin-left: 45.47372751851417%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.81767955801105%;<br />
*margin-left: 42.71129657928765%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 37.01657458563536%;<br />
*margin-left: 36.91019160691196%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.25414364640884%;<br />
*margin-left: 34.14776066768544%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.45303867403315%;<br />
*margin-left: 28.346655695309746%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.69060773480663%;<br />
*margin-left: 25.584224756083227%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.88950276243094%;<br />
*margin-left: 19.783119783707537%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.12707182320442%;<br />
*margin-left: 17.02068884448102%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.32596685082873%;<br />
*margin-left: 11.219583872105325%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.56353591160221%;<br />
*margin-left: 8.457152932878806%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 710px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 648px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 586px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 524px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 462px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 400px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 338px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 276px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 214px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 152px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 90px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 28px;<br />
}<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (min-width: 321px) and (max-width: 1023px) {<br />
hr.win-command {<br />
margin-right: 9px;<br />
margin-left: 10px;<br />
}<br />
}<br />
<br />
/* Narrow buttons and no labels when < 1024px. */<br />
<br />
@media (max-width: 1023px) {<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
display: none;<br />
}<br />
a.win-command .win-commandicon,<br />
button.win-command .win-commandicon {<br />
margin: 0 8px;<br />
/* 2px margin for focus */<br />
<br />
}<br />
.win-commandlayout {<br />
min-height: 68px;<br />
}<br />
hr.win-command {<br />
margin-top: 14px;<br />
margin-bottom: 14px;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
body {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom,<br />
.navbar-static-top {<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.dl-horizontal dt {<br />
float: none;<br />
width: auto;<br />
clear: none;<br />
text-align: left;<br />
}<br />
.dl-horizontal dd {<br />
margin-left: 0;<br />
}<br />
.container {<br />
width: auto;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
}<br />
.row,<br />
.thumbnails {<br />
margin-left: 0;<br />
}<br />
.thumbnails > li {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: none;<br />
width: 100%;<br />
margin-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.span12,<br />
.row-fluid .span12 {<br />
width: 100%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="offset"]:first-child {<br />
margin-left: 0;<br />
}<br />
.input-large,<br />
.input-xlarge,<br />
.input-xxlarge,<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.input-prepend input,<br />
.input-append input,<br />
.input-prepend input[class*="span"],<br />
.input-append input[class*="span"] {<br />
display: inline-block;<br />
width: auto;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 0;<br />
}<br />
.modal {<br />
position: fixed;<br />
top: 20px;<br />
right: 20px;<br />
left: 20px;<br />
width: auto;<br />
margin: 0;<br />
}<br />
.modal.fade {<br />
top: -100px;<br />
}<br />
.modal.fade.in {<br />
top: 20px;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.nav-collapse {<br />
-webkit-transform: translate3d(0, 0, 0);<br />
}<br />
.page-header h1 small {<br />
display: block;<br />
line-height: 20px;<br />
}<br />
input[type="checkbox"],<br />
input[type="radio"] {<br />
border: 1px solid #ccc;<br />
}<br />
.form-horizontal .control-label {<br />
float: none;<br />
width: auto;<br />
padding-top: 0;<br />
text-align: left;<br />
}<br />
.form-horizontal .controls {<br />
margin-left: 0;<br />
}<br />
.form-horizontal .control-list {<br />
padding-top: 0;<br />
}<br />
.form-horizontal .form-actions {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
.media .pull-left,<br />
.media .pull-right {<br />
display: block;<br />
float: none;<br />
margin-bottom: 10px;<br />
}<br />
.media-object {<br />
margin-right: 0;<br />
margin-left: 0;<br />
}<br />
.modal {<br />
top: 10px;<br />
right: 10px;<br />
left: 10px;<br />
}<br />
.modal-header .close {<br />
padding: 10px;<br />
margin: -10px;<br />
}<br />
.carousel-caption {<br />
position: static;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.panorama {<br />
margin: 0;<br />
}<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
top: 0;<br />
}<br />
}<br />
<br />
@media (max-width: 979px) {<br />
body {<br />
padding-top: 0;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: static;<br />
}<br />
.navbar-fixed-top {<br />
margin-bottom: 20px;<br />
}<br />
.navbar-fixed-bottom {<br />
margin-top: 20px;<br />
}<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding: 5px;<br />
}<br />
.navbar .container {<br />
width: auto;<br />
padding: 0;<br />
}<br />
.navbar .brand {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
margin: 0 0 0 -5px;<br />
}<br />
.nav-collapse {<br />
clear: both;<br />
}<br />
.nav-collapse .nav {<br />
float: none;<br />
margin: 0 0 10px;<br />
}<br />
.nav-collapse .nav > li {<br />
float: none;<br />
}<br />
.nav-collapse .nav > li > a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > .divider-vertical {<br />
display: none;<br />
}<br />
.nav-collapse .nav .nav-header {<br />
color: #777777;<br />
text-shadow: none;<br />
}<br />
.nav-collapse .nav > li > a,<br />
.nav-collapse .dropdown-menu a {<br />
padding: 9px 15px;<br />
font-weight: bold;<br />
color: #777777;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
.nav-collapse .btn {<br />
padding: 4px 10px 4px;<br />
font-weight: normal;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.nav-collapse .dropdown-menu li + li a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > li > a:hover,<br />
.nav-collapse .nav > li > a:focus,<br />
.nav-collapse .dropdown-menu a:hover,<br />
.nav-collapse .dropdown-menu a:focus {<br />
background-color: #f2f2f2;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a,<br />
.navbar-inverse .nav-collapse .dropdown-menu a {<br />
color: #999999;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a:hover,<br />
.navbar-inverse .nav-collapse .nav > li > a:focus,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:hover,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:focus {<br />
background-color: #111111;<br />
}<br />
.nav-collapse.in .btn-group {<br />
padding: 0;<br />
margin-top: 5px;<br />
}<br />
.nav-collapse .dropdown-menu {<br />
position: static;<br />
top: auto;<br />
left: auto;<br />
display: none;<br />
float: none;<br />
max-width: none;<br />
padding: 0;<br />
margin: 0 15px;<br />
background-color: transparent;<br />
border: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
.nav-collapse .open > .dropdown-menu {<br />
display: block;<br />
}<br />
.nav-collapse .dropdown-menu:before,<br />
.nav-collapse .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .dropdown-menu .divider {<br />
display: none;<br />
}<br />
.nav-collapse .nav > li > .dropdown-menu:before,<br />
.nav-collapse .nav > li > .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .navbar-form,<br />
.nav-collapse .navbar-search {<br />
float: none;<br />
padding: 10px 15px;<br />
margin: 10px 0;<br />
border-top: 1px solid #f2f2f2;<br />
border-bottom: 1px solid #f2f2f2;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
}<br />
.navbar-inverse .nav-collapse .navbar-form,<br />
.navbar-inverse .nav-collapse .navbar-search {<br />
border-top-color: #111111;<br />
border-bottom-color: #111111;<br />
}<br />
.navbar .nav-collapse .nav.pull-right {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
.nav-collapse,<br />
.nav-collapse.collapse {<br />
height: 0;<br />
overflow: hidden;<br />
}<br />
.navbar .btn-navbar {<br />
display: block;<br />
}<br />
.navbar-static .navbar-inner {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
}<br />
<br />
@media (min-width: 980px) {<br />
.nav-collapse.collapse {<br />
height: auto !important;<br />
overflow: visible !important;<br />
}<br />
}<br />
<br />
/*<br />
Typographic color definitions.<br />
*/<br />
.win-ui-dark body {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
html,<br />
body {<br />
color: #333;<br />
background-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
This class reverses the colors on the subtree to which it is applied.<br />
*/<br />
.win-ui-dark {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
/*<br />
Text selection color<br />
*/<br />
<br />
::selection, select:focus::-ms-value {<br />
background-color: rgb(87, 41, 193);<br />
color: #FFF;<br />
}<br />
<br />
/*<br />
Text input, checkbox, radio, and select control colors.<br />
*/<br />
.win-ui-dark input[type=text], .win-ui-dark input[type=password],<br />
.win-ui-dark input[type=email], .win-ui-dark input[type=number],<br />
.win-ui-dark input[type=tel], .win-ui-dark input[type=url],<br />
.win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea,<br />
.win-ui-dark select, .win-ui-dark input::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover,<br />
.win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover,<br />
.win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover,<br />
.win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover,<br />
.win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active,<br />
.win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active,<br />
.win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active,<br />
.win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active,<br />
.win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active,<br />
.win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active,<br />
.win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active,<br />
.win-ui-dark textarea:focus, .win-ui-dark textarea:active,<br />
.win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active,<br />
.win-ui-dark select:focus, .win-ui-dark select:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled,<br />
.win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled,<br />
.win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled,<br />
.win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value,<br />
.win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled,<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
border-color: transparent;<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=text], input[type=password],<br />
input[type=email], input[type=number],<br />
input[type=tel], input[type=url],<br />
input[type=search], select, textarea,<br />
.win-textarea, input::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: rgba(0, 0, 0, 0.27);<br />
color: #000;<br />
}<br />
input[type=text]:hover, input[type=password]:hover,<br />
input[type=email]:hover, input[type=number]:hover,<br />
input[type=tel]:hover, input[type=url]:hover,<br />
input[type=search]:hover, textarea:hover,<br />
select:hover, .win-textarea:hover, input:hover::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: rgba(0, 0, 0, 0.44);<br />
color: #000;<br />
}<br />
input[type=text]:focus, input[type=text]:active,<br />
input[type=password]:focus, input[type=password]:active,<br />
input[type=email]:focus, input[type=email]:active,<br />
input[type=number]:focus, input[type=number]:active,<br />
input[type=tel]:focus, input[type=tel]:active,<br />
input[type=url]:focus, input[type=url]:active,<br />
input[type=search]:focus, input[type=search]:active,<br />
textarea:focus, textarea:active,<br />
.win-textarea:focus, .win-textarea:active,<br />
select:focus, select:active {<br />
background-color: #FFF;<br />
border-color: rgba(0, 0, 0, 0.6);<br />
color: #000;<br />
}<br />
input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
input[type=text]:disabled, input[type=password]:disabled,<br />
input[type=email]:disabled, input[type=number]:disabled,<br />
input[type=tel]:disabled, input[type=url]:disabled,<br />
input[type=search]:disabled, textarea:disabled,<br />
.win-textarea:disabled, select:disabled,<br />
input:disabled::-ms-check, input:disabled:active::-ms-check {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.15);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
/*<br />
Placeholder text.<br />
*/<br />
.win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder,<br />
.win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.6); /* same in dark and light */<br />
}<br />
.win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder {<br />
color: rgba(255, 255, 255, 0.22);<br />
}<br />
input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.22);<br />
}<br />
<br />
/*<br />
Invalid style.<br />
*/<br />
input[type]:invalid {<br />
outline-color: rgb(255, 128, 51);<br />
outline-width: 2px;<br />
}<br />
<br />
/*<br />
Option for select control (all colors are same for both light and dark).<br />
*/<br />
option:checked, select:focus::-ms-value {<br />
color: #FFF;<br />
background-color: rgb(70, 23, 180);<br />
}<br />
option:hover {<br />
color: #000;<br />
background-color: rgb(197, 197, 197);<br />
}<br />
select:focus option:hover {<br />
color: #000;<br />
background-color: rgb(222, 222, 222);<br />
}<br />
option:checked:hover, select:focus option:checked:hover {<br />
color: #FFF;<br />
background-color: rgb(95, 55, 190);<br />
}<br />
option:hover:active, select:focus option:hover:active{<br />
color: #000;<br />
background-color: rgb(211, 211, 211);<br />
}<br />
.win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active,<br />
.win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active,<br />
.win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active,<br />
.win-ui-dark select:disabled:focus::-ms-value {<br />
background-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
option:checked:disabled, option:checked:disabled:active,<br />
optgroup:disabled option:checked, optgroup:disabled option:checked:active,<br />
select:disabled option:checked, select:disabled option:checked:active,<br />
select:disabled:focus::-ms-value {<br />
background-color: rgba(0, 0, 0, 0.55);<br />
color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
<br />
/*<br />
Button control colors.<br />
*/<br />
.win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit],<br />
.win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[type=submit], .win-ui-dark input[type=submit] {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover,<br />
.win-ui-dark input[type=file]::-ms-browse:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
}<br />
.win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active,<br />
.win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active,<br />
.win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled,<br />
.win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled,<br />
.win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse,<br />
.win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active,<br />
.win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active,<br />
.win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
button, input[type=button], input[type=submit],<br />
input[type=reset], input[type=file]::-ms-browse {<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
}<br />
button[type=submit], input[type=submit]{<br />
background-clip: border-box;<br />
background-color: rgb(70, 23, 180);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover, input[type=button]:hover, input[type=reset]:hover,<br />
input[type=file]::-ms-browse:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(164, 164, 164, 0.45);<br />
}<br />
button[type=submit]:hover, input[type=submit]:hover {<br />
background-clip: border-box;<br />
background-color: rgb(95, 55, 190);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover:active, button[type=submit]:hover:active,<br />
input[type=button]:hover:active, input[type=reset]:hover:active,<br />
input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:disabled, button[type=submit]:disabled,<br />
input[type=button]:disabled, input[type=reset]:disabled,<br />
input[type=submit]:disabled, input[type=file]:disabled::-ms-browse,<br />
button:disabled:active, button[type=submit]:disabled:active,<br />
input[type=button]:disabled:active, input[type=reset]:disabled:active,<br />
input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active {<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
<br />
/*<br />
File upload control colors.<br />
*/<br />
input[type=file] {<br />
background-color: transparent;<br />
border-color: transparent;<br />
color: transparent;<br />
}<br />
<br />
<br />
<br />
/*<br />
Headers colors.<br />
*/<br />
.accent-color,<br />
header h1,<br />
header h2,<br />
table th {color: #24A0DA;}<br />
.accent-bg {background:#24A0DA;}<br />
<br />
a#user-info h3,<br />
a#user-info h4 { color: rgb(0, 130, 135); }<br />
a#user-info:hover { background-color: rgb(0, 130, 135); }<br />
a#user-info:hover h3,<br />
a#user-info:hover h4 { color: #FFF; }<br />
<br />
/*<br />
Link colors.<br />
*/<br />
.win-ui-dark a {<br />
color: rgb(156, 114, 255);<br />
}<br />
.win-ui-dark a:hover:active {<br />
color: rgba(156, 114, 255, 0.6);<br />
}<br />
.win-ui-dark a:hover {<br />
color: rgba(156, 114, 255, 0.8);<br />
}<br />
.win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a {<br />
color: rgb(79, 26, 203);<br />
}<br />
a:hover:active {<br />
color: rgba(79, 26, 203, 0.6);<br />
}<br />
a:hover {<br />
color: rgba(79, 26, 203, 0.8);<br />
}<br />
a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
/*<br />
Range control colors.<br />
*/<br />
input[type=range], input[type=range]::-ms-track {<br />
background-color: transparent;<br />
}<br />
<br />
/*<br />
Progress control colors.<br />
*/<br />
.win-ui-dark.progress.progress-indeterminate {<br />
background-color: #1D1D1D;<br />
}<br />
.progress {<br />
background-color: #D4D4D4;<br />
color: rgb(70, 23, 180);<br />
}<br />
<br />
<br />
/*<br />
FlipView control colors.<br />
*/<br />
.win-flipview .win-navbutton {<br />
background-color: rgba(213, 213, 213, 0.35);<br />
color: rgba(0, 0, 0, 0.60);<br />
}<br />
.win-flipview .win-navbutton:hover {<br />
background-color: rgba(215, 215, 215, 0.94);<br />
color: rgba(0, 0, 0, 1.0);<br />
}<br />
.win-flipview .win-navbutton:hover:active {<br />
background-color: rgba(41, 41, 41, 0.74);<br />
color: rgba(255, 255, 255, 1.0);<br />
}<br />
<br />
/*<br />
ListView control colors.<br />
*/<br />
.win-ui-dark .win-listview .win-container:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
outline: rgba(255, 255, 255, 0.3) solid 3px;<br />
}<br />
.win-ui-dark .win-listview .win-focusedoutline {<br />
outline: #FFF solid 2px;<br />
}<br />
.win-listview .win-container:hover {<br />
background-color: rgba(0, 0, 0, 0.3);<br />
outline: rgba(0, 0, 0, 0.3) solid 3px;<br />
}<br />
.win-listview .win-focusedoutline {<br />
outline: #000 solid 2px;<br />
}<br />
.win-listview .win-container.win-selected:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-listview .win-container.win-swipe:hover {<br />
background-color: transparent;<br />
outline: none;<br />
}<br />
.win-listview .win-selected {<br />
color: #FFF;<br />
}<br />
.win-container.win-selected .win-selectionborder {<br />
border-color: rgb(70, 23, 180);<br />
}<br />
.win-container.win-selected:hover .win-selectionborder {<br />
border-color: rgb(95, 55, 190);<br />
}<br />
.win-selected .win-selectionbackground {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-selected:hover .win-selectionbackground {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-selectioncheckmark {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-selectionhint {<br />
color: #FFF;<br />
}<br />
.win-selectionhint {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-selectioncheckmarkbackground {<br />
border-top-color: rgb(70, 23, 180);<br />
border-right-color: rgb(70, 23, 180);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-top-color: rgb(95, 55, 190);<br />
border-right-color: rgb(95, 55, 190);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(70, 23, 180);<br />
border-right-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(95, 55, 190);<br />
border-right-color: transparent;<br />
}<br />
<br />
<br />
/*<br />
Back button control colors.<br />
*/<br />
.win-ui-dark .win-backbutton {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover:active {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
color: #000;<br />
}<br />
.win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-backbutton {<br />
background-color: transparent;<br />
border-color: #000;<br />
color: #000;<br />
}<br />
.win-backbutton:hover {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
color: #000;<br />
text-decoration: none;<br />
}<br />
.win-backbutton:hover:active {<br />
background-color: #000;<br />
border-color: #000;<br />
color: #FFF;<br />
}<br />
.win-backbutton:disabled, .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button colors.<br />
*/<br />
button.win-command {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:hover:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:disabled {<br />
border-color: transparent;<br />
background-color: transparent;<br />
}<br />
.win-ui-dark button.win-command:focus {<br />
border-color: #FFF;<br />
}<br />
button.win-command:focus {<br />
border-color: #000;<br />
}<br />
button.win-hidefocus:focus {<br />
outline: none;<br />
}<br />
button.win-command.win-hidefocus:focus {<br />
border-color: transparent;<br />
}<br />
.win-ui-dark .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled .win-commandimage,<br />
.win-ui-dark button:disabled:active .win-commandimage {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark button[aria-checked=true] .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
.win-commandimage {<br />
color: #000;<br />
}<br />
button:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button:disabled .win-commandimage,<br />
button:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
button[aria-checked=true] .win-commandimage,<br />
button[aria-checked=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button[aria-checked=true]:hover .win-commandimage,<br />
button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
button[aria-checked=true]:disabled .win-commandimage,<br />
button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Command ring colors.<br />
*/<br />
.win-ui-dark .win-commandring.active,<br />
.win-ui-dark .win-commandring.active {<br />
background-color: #FFF;<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring,<br />
.win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:hover .win-commandring,<br />
.win-ui-dark button:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:hover:active .win-commandring,<br />
.win-ui-dark button:hover:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:disabled .win-commandring,<br />
.win-ui-dark a:disabled:active .win-commandring,<br />
.win-ui-dark button:disabled .win-commandring,<br />
.win-ui-dark button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark a[aria-checked=true] .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true] .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a.active .win-commandring,<br />
.win-ui-dark button.active .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:hover .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:hover:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:disabled:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring,<br />
.win-commandring, button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #000;<br />
}<br />
a:hover .win-commandring,<br />
button:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a:hover:active .win-commandring,<br />
button:hover:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a:disabled .win-commandring,<br />
a:disabled:active .win-commandring,<br />
button:disabled .win-commandring,<br />
button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover .win-commandring,<br />
button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover:active .win-commandring,<br />
button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.4);<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button labels colors.<br />
*/<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark a.win-command .win-label,<br />
.win-ui-dark button.win-command .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a.win-command:disabled .win-label,<br />
.win-ui-dark a.win-command:disabled:active .win-label,<br />
.win-ui-dark button.win-command:disabled .win-label,<br />
.win-ui-dark button.win-command:disabled:active .win-label {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a.win-command:disabled .win-label,<br />
a.win-command:disabled:active .win-label,<br />
button.win-command:disabled .win-label,<br />
button.win-command:disabled:active .win-label {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
AppBarCommand (and MenuCommand) separator.<br />
*/<br />
hr.win-command {<br />
/* Same color in both light and dark. */<br />
background-color: rgb(123, 123, 123);<br />
}<br />
/*<br />
AppBar control colors.<br />
*/<br />
.win-ui-dark.win-appbar, .win-ui-dark .win-appbar {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
.win-appbar {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Flyout control colors, flyout normally has light theme.<br />
*/<br />
.win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-settingsflyout {<br />
border-color: rgba(0, 0, 0, 0.24);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-ui-dark.win-flyout, .win-ui-dark .win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #000;<br />
}<br />
<br />
.win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout {<br />
border-color: rgba(255, 255, 255, 0.24);<br />
background-color: #000;<br />
}<br />
<br />
/*<br />
Menu button colors, menu is always light theme.<br />
*/<br />
.win-menu button {<br />
background-color: transparent;<br />
color: #000;<br />
}<br />
.win-menu button:focus,<br />
.win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-menu button:hover:active {<br />
color: #FFF;<br />
background-color: #000;<br />
}<br />
.win-menu button:disabled,<br />
.win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(0, 0, 0, 0.1);<br />
}<br />
.win-ui-dark.win-menu button, .win-ui-dark .win-menu button {<br />
background-color: transparent;<br />
color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus,<br />
.win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active {<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled,<br />
.win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(255, 255, 255, 0.1);<br />
}<br />
<br />
/*<br />
Rating control colors.<br />
*/<br />
.win-ui-dark .win-rating .win-star.win-user.win-full,<br />
.win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(91, 46, 197);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-tentative.win-full {<br />
color: rgb(129, 82, 239);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-average.win-full,<br />
.win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-rating .win-star.win-empty {<br />
color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-rating .win-star.win-user.win-full,<br />
.win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-rating .win-star.win-tentative.win-full {<br />
color: rgb(114, 65, 228);<br />
}<br />
.win-rating .win-star.win-average.win-full,<br />
.win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #000;<br />
}<br />
.win-rating .win-star.win-empty {<br />
color: rgba(0, 0, 0, 0.35);<br />
}<br />
<br />
<br />
<br />
/*<br />
Toggleswitch control colors.<br />
*/<br />
<br />
.win-ui-dark .win-toggleswitch .win-title {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-title.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-title {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-title.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-ui-dark .win-toggleswitch .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-label.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-label {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-label.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-toggleswitch .win-switch::-ms-track {<br />
background-color: transparent;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.26);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.29);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.2);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.12);<br />
}<br />
.win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.26);<br />
}<br />
.win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.29);<br />
}<br />
.win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.2);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.12);<br />
}<br />
<br />
<br />
/*<br />
Tooltip control colors.<br />
*/<br />
.win-tooltip {<br />
background-color: #FFF;<br />
border-color: rgb(128, 128, 128);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
/*<br />
Label colors.<br />
*/<br />
label {<br />
/*color: rgba(0, 0, 0, 0.6);*/<br />
}<br />
<br />
.win-ui-dark label {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
/*<br />
Workaround appbar icon touch colors for Consumer Preview<br />
*/<br />
.win-ui-dark a:active .win-commandimage,<br />
.win-ui-dark button:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandimage,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:active .win-commandring,<br />
.win-ui-dark button:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandring,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
a:active .win-commandimage,<br />
button:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
a[aria-selected=true]:active .win-commandimage,<br />
button[aria-selected=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
a:active .win-commandring,<br />
button:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-selected=true]:active .win-commandring,<br />
button[aria-selected=true]:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Bootstrap Metro button<br />
-------------------------------------------------- */<br />
input.btn, button.btn, a.btn {<br />
font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif;<br />
}<br />
<br />
.btn {<br />
/*font-size: 11pt;*/<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
border: 2px solid #cccccc;<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: #e6e6e6;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #cccccc;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(205, 205, 205, 0.82);<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-ms-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.btn:focus {<br />
outline: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-color: #000;<br />
border-color:#000;<br />
color: #FFF;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
<br />
.btn-primary {<br />
background-color: #59008C;<br />
border-color: #59008C;<br />
color: #FFF;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
background-color: #781096;<br />
border-color: #781096;<br />
color: #CCC;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #781096;<br />
border-color: #781096;<br />
}<br />
<br />
<br />
.btn-warning {<br />
background-color: #faa732;<br />
border-color: #faa732;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
background-color: #f89406;<br />
border-color: #f89406;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #c67605;<br />
border-color: #c67605;<br />
}<br />
<br />
.btn-danger {<br />
background-color: #da4f49;<br />
border-color: #da4f49;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
background-color: #bd362f;<br />
border-color: #bd362f;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25;<br />
border-color: #942a25;<br />
}<br />
<br />
.btn-success {<br />
background-color: #5bb75b;<br />
border-color: #5bb75b;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
background-color: #51a351;<br />
border-color: #51a351;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140;<br />
border-color: #408140;<br />
}<br />
<br />
.btn-info {<br />
background-color: #49afcd;<br />
border-color: #49afcd;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
background-color: #2f96b4;<br />
border-color: #2f96b4;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c;<br />
border-color: #24748c;<br />
}<br />
<br />
.btn-inverse {<br />
background-color: #414141;<br />
border-color: #414141;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
background-color: #222222;<br />
border-color: #222222;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808;<br />
border-color: #080808;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.dropdown-menu {<br />
border: 2px solid #bababa;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
.alert .close {<br />
color: #FFF;<br />
/*opacity: 0.4;*/<br />
/*filter: alpha(opacity=40);*/<br />
}<br />
<br />
<br />
.well {<br />
background-color: #FFF;<br />
}<br />
<br />
/*!<br />
* Datepicker for Bootstrap<br />
*<br />
* Copyright 2012 Stefan Petre<br />
* Improvements by Andrew Rowls<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
.datepicker {<br />
padding: 4px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
direction: ltr;<br />
/*.dow {<br />
border-top: 1px solid #ddd !important;<br />
}*/<br />
<br />
}<br />
.datepicker-inline {<br />
width: 220px;<br />
}<br />
.datepicker.datepicker-rtl {<br />
direction: rtl;<br />
}<br />
.datepicker.datepicker-rtl table tr td span {<br />
float: right;<br />
}<br />
.datepicker-dropdown {<br />
top: 0;<br />
left: 0;<br />
}<br />
.datepicker-dropdown:before {<br />
content: '';<br />
display: inline-block;<br />
border-left: 7px solid transparent;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
position: absolute;<br />
top: -7px;<br />
left: 6px;<br />
}<br />
.datepicker-dropdown:after {<br />
content: '';<br />
display: inline-block;<br />
border-left: 6px solid transparent;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
position: absolute;<br />
top: -6px;<br />
left: 7px;<br />
}<br />
.datepicker > div {<br />
display: none;<br />
}<br />
.datepicker.days div.datepicker-days {<br />
display: block;<br />
}<br />
.datepicker.months div.datepicker-months {<br />
display: block;<br />
}<br />
.datepicker.years div.datepicker-years {<br />
display: block;<br />
}<br />
.datepicker table {<br />
margin: 0;<br />
}<br />
.datepicker td,<br />
.datepicker th {<br />
text-align: center;<br />
width: 20px;<br />
height: 20px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
border: none;<br />
}<br />
.table-striped .datepicker table tr td,<br />
.table-striped .datepicker table tr th {<br />
background-color: transparent;<br />
}<br />
.datepicker table tr td.day:hover {<br />
background: #eeeeee;<br />
cursor: pointer;<br />
}<br />
.datepicker table tr td.old,<br />
.datepicker table tr td.new {<br />
color: #999999;<br />
}<br />
.datepicker table tr td.disabled,<br />
.datepicker table tr td.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td.today,<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today.disabled:hover {<br />
background-color: #fde19a;<br />
/*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/<br />
/*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/<br />
border-color: #fdf59a #fdf59a #fbed50;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #000 !important;<br />
}<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today:hover:hover,<br />
.datepicker table tr td.today.disabled:hover,<br />
.datepicker table tr td.today.disabled:hover:hover,<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today:hover.disabled,<br />
.datepicker table tr td.today.disabled.disabled,<br />
.datepicker table tr td.today.disabled:hover.disabled,<br />
.datepicker table tr td.today[disabled],<br />
.datepicker table tr td.today:hover[disabled],<br />
.datepicker table tr td.today.disabled[disabled],<br />
.datepicker table tr td.today.disabled:hover[disabled] {<br />
background-color: #fdf59a;<br />
}<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active {<br />
background-color: #fbf069 \9;<br />
}<br />
.datepicker table tr td.range,<br />
.datepicker table tr td.range:hover,<br />
.datepicker table tr td.range.disabled,<br />
.datepicker table tr td.range.disabled:hover {<br />
background: #eeeeee;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today,<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today.disabled:hover {<br />
background-color: #f3d17a;<br />
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));<br />
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: linear-gradient(top, #f3c17a, #f3e97a);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);<br />
border-color: #f3e97a #f3e97a #edde34;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today:hover:hover,<br />
.datepicker table tr td.range.today.disabled:hover,<br />
.datepicker table tr td.range.today.disabled:hover:hover,<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today:hover.disabled,<br />
.datepicker table tr td.range.today.disabled.disabled,<br />
.datepicker table tr td.range.today.disabled:hover.disabled,<br />
.datepicker table tr td.range.today[disabled],<br />
.datepicker table tr td.range.today:hover[disabled],<br />
.datepicker table tr td.range.today.disabled[disabled],<br />
.datepicker table tr td.range.today.disabled:hover[disabled] {<br />
background-color: #f3e97a;<br />
}<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active {<br />
background-color: #efe24b \9;<br />
}<br />
.datepicker table tr td.selected,<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected.disabled:hover {<br />
background-color: #9e9e9e;<br />
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));<br />
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -o-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: linear-gradient(top, #b3b3b3, #808080);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);<br />
border-color: #808080 #808080 #595959;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected:hover:hover,<br />
.datepicker table tr td.selected.disabled:hover,<br />
.datepicker table tr td.selected.disabled:hover:hover,<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected:hover.disabled,<br />
.datepicker table tr td.selected.disabled.disabled,<br />
.datepicker table tr td.selected.disabled:hover.disabled,<br />
.datepicker table tr td.selected[disabled],<br />
.datepicker table tr td.selected:hover[disabled],<br />
.datepicker table tr td.selected.disabled[disabled],<br />
.datepicker table tr td.selected.disabled:hover[disabled] {<br />
background-color: #808080;<br />
}<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active {<br />
background-color: #666666 \9;<br />
}<br />
.datepicker table tr td.active,<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active:hover:hover,<br />
.datepicker table tr td.active.disabled:hover,<br />
.datepicker table tr td.active.disabled:hover:hover,<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active:hover.disabled,<br />
.datepicker table tr td.active.disabled.disabled,<br />
.datepicker table tr td.active.disabled:hover.disabled,<br />
.datepicker table tr td.active[disabled],<br />
.datepicker table tr td.active:hover[disabled],<br />
.datepicker table tr td.active.disabled[disabled],<br />
.datepicker table tr td.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span {<br />
display: block;<br />
width: 23%;<br />
height: 54px;<br />
line-height: 54px;<br />
float: left;<br />
margin: 1%;<br />
cursor: pointer;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td span:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker table tr td span.disabled,<br />
.datepicker table tr td span.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td span.active,<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active:hover:hover,<br />
.datepicker table tr td span.active.disabled:hover,<br />
.datepicker table tr td span.active.disabled:hover:hover,<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active:hover.disabled,<br />
.datepicker table tr td span.active.disabled.disabled,<br />
.datepicker table tr td span.active.disabled:hover.disabled,<br />
.datepicker table tr td span.active[disabled],<br />
.datepicker table tr td span.active:hover[disabled],<br />
.datepicker table tr td span.active.disabled[disabled],<br />
.datepicker table tr td span.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span.old {<br />
color: #999999;<br />
}<br />
.datepicker th.datepicker-switch {<br />
width: 145px;<br />
}<br />
.datepicker thead tr:first-child th,<br />
.datepicker tfoot tr:first-child th {<br />
cursor: pointer;<br />
}<br />
.datepicker thead tr:first-child th:hover,<br />
.datepicker tfoot tr:first-child th:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker .cw {<br />
font-size: 10px;<br />
width: 12px;<br />
padding: 0 2px 0 5px;<br />
vertical-align: middle;<br />
}<br />
.datepicker thead tr:first-child th.cw {<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
.input-append.date .add-on i,<br />
.input-prepend.date .add-on i {<br />
display: block;<br />
cursor: pointer;<br />
width: 16px;<br />
height: 16px;<br />
}<br />
.input-daterange input {<br />
text-align: center;<br />
}<br />
.input-daterange input:first-child {<br />
-webkit-border-radius: 3px 0 0 3px;<br />
-moz-border-radius: 3px 0 0 3px;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.input-daterange input:last-child {<br />
-webkit-border-radius: 0 3px 3px 0;<br />
-moz-border-radius: 0 3px 3px 0;<br />
border-radius: 0 3px 3px 0;<br />
}<br />
.input-daterange .add-on {<br />
display: inline-block;<br />
width: auto;<br />
min-width: 16px;<br />
height: 18px;<br />
padding: 4px 5px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
vertical-align: middle;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
margin-left: -5px;<br />
margin-right: -5px;<br />
}<br />
<br />
/* Demo styles for Hub and other metro pages<br />
-------------------------------------------------- */<br />
<br />
<br />
/* Body and structure<br />
-------------------------------------------------- */<br />
html{<br />
height:100%;<br />
}<br />
body{<br />
width:100%;<br />
height:100%;<br />
}<br />
html,<br />
body {<br />
position: relative;<br />
background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0;<br />
/*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/<br />
/*background-color: #f2f0e4;*/<br />
margin:0;<br />
padding:0;<br />
height:100%; /* needed for container min-height */<br />
color: #FFF; /*#847d6b;*/<br />
}<br />
<br />
<br />
#wrap {<br />
position:relative; /* needed for footer positioning*/<br />
margin:0 auto; /* center, not in IE5 */<br />
height:auto !important; /* real browsers */<br />
height:100%; /* IE6: treaded as min-height*/<br />
min-height:100%; /* real browsers */<br />
<br />
/* Win8 animation */<br />
width:100%;<br />
perspective:3300px;<br />
position:relative;<br />
}<br />
<br />
<br />
.panorama-parallax {<br />
-webkit-transition: background-position 0.4s;<br />
-moz-transition: background-position 0.4s;<br />
-o-transition: background-position 0.4s;<br />
transition: background-position 0.4s;<br />
}<br />
<br />
<br />
<br />
/* custom styles */<br />
.win-commandicon {<br />
color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring {<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
#nav-bar {<br />
/*position: fixed;*/<br />
/*top: 0;*/<br />
/*left: 0;*/<br />
height: 54px;<br />
width: 100%;<br />
}<br />
<br />
#metro-container {<br />
margin-top: 94px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
height: 100%;<br />
min-height: 100%;<br />
}<br />
<br />
<br />
<br />
<br />
.accent-color, header h1, header h2, table th {<br />
color: #FFF;<br />
}<br />
<br />
/*header h1 {*/<br />
/*font-size: 50px;*/<br />
/*font-weight: 300;*/<br />
/*line-height: 54px;*/<br />
/*color: #444;*/<br />
/*}*/<br />
/*header h1 small {font-weight: 300;}*/<br />
<br />
<br />
/* Tweak navbar brand link to be super sleek<br />
-------------------------------------------------- */<br />
<br />
<br />
<br />
body > .navbar {<br />
font-size: 13px;<br />
}<br />
<br />
#header-nav {<br />
position: relative;<br />
}<br />
#header-nav .nav.nav-links {<br />
*zoom: 1;<br />
}<br />
#header-nav .nav.nav-links:before,<br />
#header-nav .nav.nav-links:after {<br />
display: table;<br />
content: "";<br />
line-height: 0;<br />
}<br />
#header-nav .nav.nav-links:after {<br />
clear: both;<br />
}<br />
<br />
#header-nav .nav.nav-links {<br />
margin-bottom: 10px;<br />
}<br />
#header-nav .nav.nav-links > li {<br />
float: left;<br />
}<br />
#header-nav .nav.nav-links a {<br />
margin: 0 30px 0 0;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
text-decoration: none;<br />
font-size: 32px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #847d6b;<br />
}<br />
#header-nav .nav.nav-links a:hover {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
#header-nav .nav.nav-links li.active a {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Sections<br />
-------------------------------------------------- */<br />
<br />
/* padding for in-page bookmarks and fixed navbar */<br />
section {<br />
padding-top: 30px;<br />
}<br />
section > .page-header,<br />
section > .lead {<br />
color: #5a5a5a;<br />
}<br />
section > ul li {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Separators (hr) */<br />
.bs-docs-separator {<br />
margin: 40px 0 39px;<br />
}<br />
<br />
/* Faded out hr */<br />
hr.soften {<br />
height: 1px;<br />
margin: 70px 0;<br />
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
border: 0;<br />
}<br />
<br />
<br />
<br />
/* Jumbotrons<br />
-------------------------------------------------- */<br />
<br />
/* Base class<br />
------------------------- */<br />
.jumbotron {<br />
position: relative;<br />
padding: 40px 0;<br />
color: #fff;<br />
/*text-align: center;*/<br />
/*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/<br />
background: #287EB7;<br />
}<br />
.jumbotron h1 {<br />
font-size: 80px;<br />
font-weight: 300;<br />
letter-spacing: -1px;<br />
line-height: 1;<br />
}<br />
.jumbotron p {<br />
font-size: 24px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
margin-bottom: 30px;<br />
}<br />
<br />
/* Link styles (used on .masthead-links as well) */<br />
.jumbotron a {<br />
/*color: #fff;*/<br />
color: rgba(255,255,255,.5);<br />
-webkit-transition: all .2s ease-in-out;<br />
-moz-transition: all .2s ease-in-out;<br />
transition: all .2s ease-in-out;<br />
}<br />
.jumbotron a:hover {<br />
color: #fff;<br />
text-shadow: 0 0 10px rgba(255,255,255,.25);<br />
}<br />
<br />
.jumbotron a.link {<br />
color: #4F1ACB;<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
/* Download button<br />
.masthead .btn {<br />
padding: 19px 24px;<br />
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;<br />
font-size: 24px;<br />
line-height: 28px;;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
transition: none;<br />
}<br />
.masthead .btn [class^="icon-"] {<br />
font-size: 24px;<br />
line-height: 24px;<br />
}<br />
<br />
.masthead .btn:hover {<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
}<br />
.masthead .btn:active {<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
}<br />
*/<br />
<br />
/* Pattern overlay<br />
------------------------- */<br />
.jumbotron .container {<br />
position: relative;<br />
z-index: 2;<br />
}<br />
<br />
<br />
/* Masthead (docs home)<br />
------------------------- */<br />
.masthead {<br />
padding: 0;<br />
margin-bottom: 0;<br />
}<br />
.masthead h1 {<br />
/*font-size: 120px;*/<br />
line-height: 1;<br />
letter-spacing: -2px;<br />
}<br />
.masthead p {<br />
/*font-size: 40px;*/<br />
font-weight: 200;<br />
line-height: 1.25;<br />
}<br />
<br />
/* Textual links in masthead */<br />
.masthead-links {<br />
margin: 0;<br />
list-style: none;<br />
}<br />
.masthead-links li {<br />
display: inline;<br />
padding: 0 10px;<br />
color: rgba(255,255,255,.25);<br />
}<br />
<br />
#hero {<br />
display: block;<br />
position: relative;<br />
margin: 30px 0 0 0;<br />
}<br />
#hero p.lead {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
#hero .btn {<br />
padding: 19px 24px;<br />
font-size: 24px;<br />
line-height: 32px;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
}<br />
#hero .btn [class^="icon-"] {<br />
font-size: 32px;<br />
line-height: 32px;<br />
margin: 0;<br />
vertical-align: bottom;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
#features-container {<br />
margin-top: 60px;<br />
}<br />
<br />
<br />
.list-tile {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
border-left: 3px solid transparent;<br />
color: #FFF;<br />
display: inline-block;<br />
min-height: 62px;<br />
margin-bottom: 10px;<br />
padding: 10px;<br />
position: relative;<br />
vertical-align: top;<br />
}<br />
<br />
.list-tile.blue {<br />
background-color: #2E8BCC;<br />
border-color: #2E8BCC;<br />
}<br />
.list-tile.green {<br />
background-color: #339933;<br />
border-color: #339933;<br />
}<br />
<br />
.list-tile h4, .list-tile h5 {<br />
display: inline;<br />
}<br />
.list-tile h4 {<br />
font-size: 20px;<br />
font-weight: 400;<br />
line-height: 40px;<br />
}<br />
.list-tile h5 {<br />
font-size: 18px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
padding-right: 80px;<br />
}<br />
<br />
.list-tile .list-tile-icon {<br />
color: #FFFFFF;<br />
display: block;<br />
font-size: 40px;<br />
font-weight: 400;<br />
height: 100%;<br />
line-height: 62px;<br />
position: absolute;<br />
right: 0;<br />
text-align: center;<br />
top: 0;<br />
width: 80px;<br />
}<br />
/*.list-tile.blue .list-tile-icon {*/<br />
/*background-color: #2E8BCC;*/<br />
/*}*/<br />
/*.list-tile.green .list-tile-icon {*/<br />
/*background-color: #339933;*/<br />
/*}*/<br />
<br />
.list-tile .donate-form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
/* hover */<br />
.list-tile.blue:hover {<br />
text-decoration: none;<br />
background-color: #C9E2F3;<br />
color: #2E8BCC;<br />
}<br />
.list-tile.blue:hover .list-tile-icon { color: #2E8BCC; }<br />
<br />
.list-tile.green:hover {<br />
text-decoration: none;<br />
background-color: #ABE3AB;<br />
color: #339933;<br />
}<br />
.list-tile.green:hover .list-tile-icon { color: #339933; }<br />
<br />
<br />
<br />
/* Social proof buttons from GitHub & Twitter */<br />
.bs-docs-social {<br />
padding: 15px 0;<br />
text-align: center;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #fff;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
/* Quick links on Home */<br />
.bs-docs-social-buttons {<br />
margin-left: 0;<br />
margin-bottom: 0;<br />
padding-left: 0;<br />
list-style: none;<br />
}<br />
.bs-docs-social-buttons li {<br />
display: inline-block;<br />
padding: 5px 8px;<br />
line-height: 1;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
<br />
/*<br />
Index Donate tile<br />
*/<br />
.metro .tile.wide.donate {<br />
height: 110px;<br />
padding: 20px;<br />
width: 270px;<br />
cursor: default;<br />
}<br />
.metro .tile.wide.donate .text {<br />
font-size: 15px;<br />
font-weight: normal;<br />
height: 18px;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate .text-header3 {<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
max-height: 110px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
<br />
/* Subhead (other pages)<br />
------------------------- */<br />
.subhead {<br />
text-align: left;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
.subhead h1 {<br />
font-size: 60px;<br />
}<br />
.subhead p {<br />
margin-bottom: 20px;<br />
}<br />
.subhead .navbar {<br />
display: none;<br />
}<br />
<br />
<br />
<br />
/* Marketing section of Overview<br />
-------------------------------------------------- */<br />
<br />
.marketing {<br />
text-align: center;<br />
color: #5a5a5a;<br />
}<br />
.marketing h1 {<br />
margin: 60px 0 10px;<br />
font-size: 60px;<br />
font-weight: 200;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
}<br />
.marketing h2 {<br />
font-weight: 200;<br />
margin-bottom: 5px;<br />
}<br />
.marketing p {<br />
font-size: 16px;<br />
line-height: 1.5;<br />
}<br />
.marketing.metro .tile.wide {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 100%;<br />
}<br />
<br />
.marketing .marketing-byline {<br />
margin-bottom: 40px;<br />
font-size: 20px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
color: #999;<br />
}<br />
/*.marketing img {*/<br />
/*display: block;*/<br />
/*margin: 0 auto 30px;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Footer<br />
-------------------------------------------------- */<br />
<br />
/*.footer {*/<br />
/*padding: 70px 0;*/<br />
/*margin-top: 70px;*/<br />
/*border-top: 1px solid #e5e5e5;*/<br />
/*background-color: #f5f5f5;*/<br />
/*}*/<br />
/*.footer p {*/<br />
/*margin-bottom: 0;*/<br />
/*color: #777;*/<br />
/*}*/<br />
/*.footer-links {*/<br />
/*margin: 10px 0;*/<br />
/*}*/<br />
/*.footer-links li {*/<br />
/*display: inline;*/<br />
/*padding: 0 2px;*/<br />
/*}*/<br />
/*.footer-links li:first-child {*/<br />
/*padding-left: 0;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Special grid styles<br />
-------------------------------------------------- */<br />
<br />
.show-grid {<br />
margin-top: 10px;<br />
margin-bottom: 20px;<br />
}<br />
.show-grid [class*="span"] {<br />
background-color: #eee;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
min-height: 40px;<br />
line-height: 40px;<br />
}<br />
.show-grid:hover [class*="span"] {<br />
background: #ddd;<br />
}<br />
.show-grid .show-grid {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
.show-grid .show-grid [class*="span"] {<br />
background-color: #ccc;<br />
}<br />
<br />
<br />
<br />
/* Mini layout previews<br />
-------------------------------------------------- */<br />
.mini-layout {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
}<br />
.mini-layout,<br />
.mini-layout .mini-layout-body,<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
height: 300px;<br />
}<br />
.mini-layout {<br />
margin-bottom: 20px;<br />
padding: 9px;<br />
}<br />
.mini-layout div {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.mini-layout .mini-layout-body {<br />
background-color: #dceaf4;<br />
margin: 0 auto;<br />
width: 70%;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar,<br />
.mini-layout.fluid .mini-layout-header,<br />
.mini-layout.fluid .mini-layout-body {<br />
float: left;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
background-color: #bbd8e9;<br />
width: 20%;<br />
}<br />
.mini-layout.fluid .mini-layout-body {<br />
width: 77.5%;<br />
margin-left: 2.5%;<br />
}<br />
<br />
<br />
<br />
/* Download page<br />
-------------------------------------------------- */<br />
<br />
.download .page-header {<br />
margin-top: 36px;<br />
}<br />
.page-header .toggle-all {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Space out h3s when following a section */<br />
.download h3 {<br />
margin-bottom: 5px;<br />
}<br />
.download-builder input + h3,<br />
.download-builder .checkbox + h3 {<br />
margin-top: 9px;<br />
}<br />
<br />
/* Fields for variables */<br />
.download-builder input[type=text] {<br />
margin-bottom: 9px;<br />
font-family: Menlo, Monaco, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #d14;<br />
}<br />
.download-builder input[type=text]:focus {<br />
background-color: #fff;<br />
}<br />
<br />
/* Custom, larger checkbox labels */<br />
.download .checkbox {<br />
padding: 6px 10px 6px 25px;<br />
font-size: 13px;<br />
line-height: 18px;<br />
color: #555;<br />
background-color: #f9f9f9;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
cursor: pointer;<br />
}<br />
.download .checkbox:hover {<br />
color: #333;<br />
background-color: #f5f5f5;<br />
}<br />
.download .checkbox small {<br />
font-size: 12px;<br />
color: #777;<br />
}<br />
<br />
/* Variables section */<br />
#variables label {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Giant download button */<br />
.download-btn {<br />
margin: 36px 0 108px;<br />
}<br />
#download p,<br />
#download h4 {<br />
max-width: 50%;<br />
margin: 0 auto;<br />
color: #999;<br />
text-align: center;<br />
}<br />
#download h4 {<br />
margin-bottom: 0;<br />
}<br />
#download p {<br />
margin-bottom: 18px;<br />
}<br />
.download-btn .btn {<br />
display: block;<br />
width: auto;<br />
padding: 19px 24px;<br />
margin-bottom: 27px;<br />
font-size: 30px;<br />
line-height: 1;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
/* Misc<br />
-------------------------------------------------- */<br />
<br />
/* Make tables spaced out a bit more */<br />
h2 + table,<br />
h3 + table,<br />
h4 + table,<br />
h2 + .row {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Example sites showcase */<br />
.example-sites {<br />
margin-left: 20px;<br />
}<br />
.example-sites img {<br />
max-width: 100%;<br />
margin: 0 auto;<br />
}<br />
<br />
<br />
<br />
/* Fake the :focus state to demo it */<br />
.focused {<br />
border-color: rgba(82,168,236,.8);<br />
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
outline: 0;<br />
}<br />
<br />
/* For input sizes, make them display block */<br />
.docs-input-sizes select,<br />
.docs-input-sizes input[type=text] {<br />
display: block;<br />
margin-bottom: 9px;<br />
}<br />
<br />
/* Icons<br />
------------------------- */<br />
.the-icons {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
.the-icons li {<br />
float: left;<br />
width: 25%;<br />
line-height: 25px;<br />
}<br />
.the-icons i:hover {<br />
background-color: rgba(255,0,0,.25);<br />
}<br />
<br />
/* Example page<br />
------------------------- */<br />
.bootstrap-examples p {<br />
font-size: 13px;<br />
line-height: 18px;<br />
}<br />
.bootstrap-examples .thumbnail {<br />
margin-bottom: 9px;<br />
background-color: #fff;<br />
}<br />
<br />
<br />
/* Toasts<br />
------------------------- */<br />
<br />
#alerts-container {<br />
position: fixed;<br />
top: 5px;<br />
right: 5px;<br />
padding: 0;<br />
z-index: 1100;<br />
}<br />
<br />
#alerts-container .toast {<br />
/* add a shadow */<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
}<br />
<br />
<br />
/* Bootstrap code examples<br />
-------------------------------------------------- */<br />
<br />
/* Base class */<br />
.bs-docs-example {<br />
position: relative;<br />
margin: 15px 0;<br />
padding: 39px 19px 14px;<br />
*padding-top: 19px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Echo out a label for the example */<br />
.bs-docs-example:after {<br />
content: "Example";<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
padding: 3px 7px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ddd;<br />
color: #9da0a4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Remove spacing between an example and it's code */<br />
.bs-docs-example + .prettyprint {<br />
margin-top: -20px;<br />
padding-top: 15px;<br />
}<br />
<br />
/* Tweak examples<br />
------------------------- */<br />
.bs-docs-example > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.bs-docs-example .table,<br />
.bs-docs-example .progress,<br />
.bs-docs-example .well,<br />
.bs-docs-example .alert,<br />
.bs-docs-example .hero-unit,<br />
.bs-docs-example .pagination,<br />
.bs-docs-example .navbar,<br />
.bs-docs-example > .nav,<br />
.bs-docs-example blockquote {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example .pagination {<br />
margin-top: 0;<br />
}<br />
<br />
.bs-docs-example-commands {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example-commands .win-command{<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
/* sample customization of win-command */<br />
.bs-docs-example .win-command.orange .win-commandicon,<br />
.bs-docs-example .win-command.orange .win-label {<br />
color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange .win-commandring {<br />
border-color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange:hover .win-commandring {<br />
background-color: rgba(240, 150, 9, 0.4);<br />
}<br />
<br />
<br />
.bs-navbar-top-example,<br />
.bs-navbar-bottom-example {<br />
z-index: 1;<br />
padding: 0;<br />
height: 90px;<br />
overflow: hidden; /* cut the drop shadows off */<br />
}<br />
.bs-navbar-top-example .navbar-fixed-top,<br />
.bs-navbar-bottom-example .navbar-fixed-bottom {<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
.bs-navbar-top-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-top-example:after {<br />
top: auto;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example .navbar {<br />
margin-bottom: 0;<br />
}<br />
form.bs-docs-example {<br />
padding-bottom: 19px;<br />
}<br />
<br />
/* Images */<br />
.bs-docs-example-images img {<br />
margin: 10px;<br />
display: inline-block;<br />
}<br />
<br />
/* Tooltips */<br />
.bs-docs-tooltip-examples {<br />
text-align: center;<br />
margin: 0 0 10px;<br />
list-style: none;<br />
}<br />
.bs-docs-tooltip-examples li {<br />
display: inline;<br />
padding: 0 10px;<br />
}<br />
<br />
/* Popovers */<br />
.bs-docs-example-popover {<br />
padding-bottom: 24px;<br />
background-color: #f9f9f9;<br />
}<br />
.bs-docs-example-popover .popover {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 260px;<br />
margin: 20px;<br />
}<br />
<br />
<br />
<br />
/* Responsive docs<br />
-------------------------------------------------- */<br />
<br />
/* Utility classes table<br />
------------------------- */<br />
.responsive-utilities th small {<br />
display: block;<br />
font-weight: normal;<br />
color: #999;<br />
}<br />
.responsive-utilities tbody th {<br />
font-weight: normal;<br />
}<br />
.responsive-utilities td {<br />
text-align: center;<br />
}<br />
.responsive-utilities td.is-visible {<br />
color: #468847;<br />
background-color: #dff0d8 !important;<br />
}<br />
.responsive-utilities td.is-hidden {<br />
color: #ccc;<br />
background-color: #f9f9f9 !important;<br />
}<br />
<br />
/* Responsive tests<br />
------------------------- */<br />
.responsive-utilities-test {<br />
margin-top: 5px;<br />
margin-left: 0;<br />
list-style: none;<br />
overflow: hidden; /* clear floats */<br />
}<br />
.responsive-utilities-test li {<br />
position: relative;<br />
float: left;<br />
width: 25%;<br />
height: 43px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
line-height: 43px;<br />
color: #999;<br />
text-align: center;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test li + li {<br />
margin-left: 10px;<br />
}<br />
.responsive-utilities-test span {<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
right: -1px;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test span {<br />
color: #468847;<br />
background-color: #dff0d8;<br />
border: 1px solid #d6e9c6;<br />
}<br />
<br />
<br />
<br />
/* Sidenav for Docs<br />
-------------------------------------------------- */<br />
<br />
.bs-docs-sidenav {<br />
width: 228px;<br />
margin: 30px 0 0;<br />
padding: 0;<br />
background-color: #fff;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
}<br />
<br />
.bs-docs-sidenav > li > a {<br />
display: block;<br />
width: 190px \9;<br />
margin: 0 0 -1px;<br />
padding: 8px 14px;<br />
border: 1px solid #e5e5e5;<br />
}<br />
.bs-docs-sidenav > li:first-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > .active > a {<br />
position: relative;<br />
z-index: 2;<br />
padding: 9px 15px;<br />
border: 0;<br />
text-shadow: 0 1px 0 rgba(0,0,0,.15);<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
}<br />
/* Chevrons */<br />
.bs-docs-sidenav .icon-chevron-right {<br />
float: right;<br />
margin-top: 2px;<br />
margin-right: -6px;<br />
opacity: .25;<br />
}<br />
.bs-docs-sidenav > li > a:hover {<br />
background-color: #f5f5f5;<br />
}<br />
.bs-docs-sidenav a:hover .icon-chevron-right {<br />
opacity: .5;<br />
}<br />
.bs-docs-sidenav .active .icon-chevron-right,<br />
.bs-docs-sidenav .active a:hover .icon-chevron-right {<br />
background-image: url(../img/glyphicons-halflings-white.png);<br />
opacity: 1;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
.bs-docs-sidenav.affix-bottom {<br />
position: absolute;<br />
top: auto;<br />
bottom: 270px;<br />
}<br />
<br />
<br />
<br />
/* Icons demo page<br />
-------------------------------------------------- */<br />
#icomoon-container {<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container section,<br />
#icomoon-container header,<br />
#icomoon-container footer {<br />
display: block;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container .glyph {<br />
float: left;<br />
text-align: center;<br />
background: #F4F4F4;<br />
padding: .75em;<br />
margin: .75em 1.5em .75em 0;<br />
width: 7em;<br />
}<br />
#icomoon-container .glyph input {<br />
width: 100%;<br />
text-align: center;<br />
font-family: consolas, monospace;<br />
}<br />
#icomoon-container .glyph input,<br />
#icomoon-container .mtm {<br />
margin-top: .75em;<br />
border: 0;<br />
padding: 0 10px;<br />
}<br />
<br />
.fs1 {<br />
font-size: 2em;<br />
}<br />
#icomoon-container header {<br />
}<br />
#icomoon-container header h1 {<br />
}<br />
#icomoon-container .clearfix:before,<br />
#icomoon-container .clearfix:after { content: ""; display: table; }<br />
#icomoon-container .clearfix:after { clear: both; }<br />
#icomoon-container footer {<br />
margin-top: 2em;<br />
padding: .5em 0;<br />
box-shadow: 0 -2px #eee;<br />
}<br />
#icomoon-container .box1 {<br />
display: inline-block;<br />
width: 11em;<br />
padding: .25em .5em;<br />
background-color: #fff;<br />
margin: .5em 1em .5em 0;<br />
font-size: 16px;<br />
text-align: center;<br />
}<br />
#icomoon-container .box1 span {<br />
display: block;<br />
font-size: 32px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
/*<br />
ListView demo<br />
*/<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"],<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
<br />
/* Responsive<br />
-------------------------------------------------- */<br />
<br />
/* Desktop large<br />
------------------------- */<br />
@media (min-width: 1200px) {<br />
.bs-docs-container {<br />
max-width: 970px;<br />
}<br />
.bs-docs-sidenav {<br />
width: 258px;<br />
}<br />
.bs-docs-sidenav > li > a {<br />
width: 230px \9; /* Override the previous IE8-9 hack */<br />
}<br />
}<br />
<br />
/* Desktop<br />
------------------------- */<br />
@media (max-width: 980px) {<br />
/* Unfloat brand */<br />
body > .navbar-fixed-top .brand {<br />
float: left;<br />
margin-left: 0;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
}<br />
<br />
/* Inline-block quick links for more spacing */<br />
.quick-links li {<br />
display: inline-block;<br />
margin: 5px;<br />
}<br />
<br />
/* When affixed, space properly */<br />
.bs-docs-sidenav {<br />
top: 0;<br />
margin-top: 30px;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/* Tablet to desktop<br />
------------------------- */<br />
@media (min-width: 768px) and (max-width: 980px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
}<br />
/* Adjust sidenav width */<br />
.bs-docs-sidenav {<br />
width: 166px;<br />
margin-top: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
}<br />
<br />
/* Tablet<br />
------------------------- */<br />
@media (max-width: 767px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
padding: 40px 20px;<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.masthead h1 {<br />
font-size: 90px;<br />
}<br />
.masthead p,<br />
.masthead .btn {<br />
font-size: 24px;<br />
}<br />
.marketing .span4 {<br />
margin-bottom: 40px;<br />
}<br />
.bs-docs-social {<br />
margin: 0 -20px;<br />
}<br />
<br />
/* Space out the show-grid examples */<br />
.show-grid [class*="span"] {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Sidenav */<br />
.bs-docs-sidenav {<br />
width: auto;<br />
margin-bottom: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
position: static;<br />
width: auto;<br />
top: 0;<br />
}<br />
<br />
/* Unfloat the back to top link in footer */<br />
.footer {<br />
margin-left: -20px;<br />
margin-right: -20px;<br />
padding-left: 20px;<br />
padding-right: 20px;<br />
}<br />
.footer p {<br />
margin-bottom: 9px;<br />
}<br />
}<br />
<br />
/* Landscape phones<br />
------------------------- */<br />
@media (max-width: 480px) {<br />
/* Remove padding above jumbotron */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Change up some type stuff */<br />
h2 small {<br />
display: block;<br />
}<br />
<br />
/* Downsize the jumbotrons */<br />
.jumbotron h1 {<br />
font-size: 45px;<br />
}<br />
.jumbotron p,<br />
.jumbotron .btn {<br />
font-size: 18px;<br />
}<br />
.jumbotron .btn {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
/* center align subhead text like the masthead */<br />
.subhead h1,<br />
.subhead p {<br />
text-align: center;<br />
}<br />
<br />
/* Marketing on home */<br />
.marketing h1 {<br />
font-size: 30px;<br />
}<br />
.marketing-byline {<br />
font-size: 18px;<br />
}<br />
<br />
/* center example sites */<br />
.example-sites {<br />
margin-left: 0;<br />
}<br />
.example-sites > li {<br />
float: none;<br />
display: block;<br />
max-width: 280px;<br />
margin: 0 auto 18px;<br />
text-align: center;<br />
}<br />
.example-sites .thumbnail > img {<br />
max-width: 270px;<br />
}<br />
<br />
#hero-image {<br />
margin: 0;<br />
}<br />
<br />
/* Do our best to make tables work in narrow viewports */<br />
table code {<br />
white-space: normal;<br />
word-wrap: break-word;<br />
word-break: break-all;<br />
}<br />
<br />
/* Modal example */<br />
.modal-example .modal {<br />
position: relative;<br />
top: auto;<br />
right: auto;<br />
bottom: auto;<br />
left: auto;<br />
}<br />
<br />
/* Tighten up footer */<br />
.footer {<br />
padding-top: 20px;<br />
padding-bottom: 20px;<br />
}<br />
/* Unfloat the back to top in footer to prevent odd text wrapping */<br />
.footer .pull-right {<br />
float: none;<br />
}<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* Win8 animation<br />
-------------------------------------------------- */<br />
.metro .tile {<br />
-webkit-transition: all 0.3s ease-out;<br />
-moz-transition: all 0.3s ease-out;<br />
-o-transition: all 0.3s ease-out;<br />
-ms-transition: all 0.3s ease-out;<br />
transition: all 0.3s ease-out;<br />
}<br />
<br />
.fadeOutback {<br />
-webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
}<br />
<br />
.fadeInForward-1,.fadeInForward-2,.fadeInForward-3 {<br />
/*remember: in the second animation u have to set the final values reached by the first one*/<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
<br />
-webkit-transform: translateZ(-5em) scale(0.75);<br />
-moz-transform: translateZ(-5em) scale(0.75);<br />
-o-transform: translateZ(-5em) scale(0.75);<br />
-ms-transform: translateZ(-5em) scale(0.75);<br />
transform: translateZ(-5em) scale(0.75);<br />
}<br />
<br />
.fadeInForward-2 {<br />
-webkit-animation-delay: .55s;<br />
-moz-animation-delay: .55s;<br />
-ms-animation-delay: .55s;<br />
-o-animation-delay: .55s;<br />
animation-delay: .55s;<br />
}<br />
<br />
.fadeInForward-3 {<br />
-webkit-animation-delay: .7s;<br />
-moz-animation-delay: .7s;<br />
-ms-animation-delay: .7s;<br />
-o-animation-delay: .7s;<br />
animation-delay: .7s;<br />
}<br />
<br />
@keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
-moz-transform: translateX(-2em) scale(1);<br />
-o-transform: translateX(-2em) scale(1);<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeOutBack {<br />
0% {<br />
-moz-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeOutBack" {<br />
0% {<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeOutBack" {<br />
0% {<br />
-o-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
-moz-transform: translateZ(0) scale(1);<br />
-o-transform: translateZ(0) scale(1);<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeInForward {<br />
0% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-moz-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeInForward" {<br />
0% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeInForward" {<br />
0% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-o-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
<br />
--> <br />
</style> <br />
<!-- bootmetro-icons.css --><br />
<br />
<style type="text/css"> <br />
<!-- <br />
<br />
#globalWrapper{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
<br />
}<br />
<br />
#top-section{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
}<br />
<br />
#p-logo{<br />
border: 0px;<br />
padding: 0px;<br />
max-height: 0px;<br />
}<br />
<br />
#menubar{<br />
border: 0px;<br />
padding: 0px;<br />
font-size: 8px;<br />
<br />
}<br />
<br />
body{<br />
min-width:1400px;<br />
}<br />
<br />
.navbar{<br />
background-color: white;<br />
padding-left: 30px;<br />
}<br />
<br />
--> <br />
</style> <br />
<br />
<!-- All JavaScript at the bottom, except for Modernizr and Respond.<br />
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries<br />
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --><br />
<script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script><br />
<br />
<script type="text/javascript"><br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-3182578-6']);<br />
_gaq.push(['_trackPageview']);<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
</script><br />
<br />
<br />
<br />
</head><br />
<br />
<body><br />
<!--[if lt IE 7]><br />
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p><br />
<![endif]--><br />
<br />
<div class="navbar navbar-fixed-top"><br />
<div class="navbar-inner" style="padding-top:12px;"><br />
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a><br />
<ul class="nav"><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol">Protocol</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#DNA purification and precipitation">DNA purification and precipitation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#PCR">PCR</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#SDS polyacrylamide gel electrophoresis (SDS-PAGE)">SDS-PAGE</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Isolation and purification of DNA bands">Isolation and purification of DNA bands</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Ligation">Ligation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Transformation">Transformation</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMANPRACTICE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Overview">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#opencampus">At the campus visit</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Survey">Survey</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Bioart">Introduction the class of Bioart</a></li><br />
<br />
<br />
</ul><br />
<br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Team">OUR TEAM</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li><br />
<br />
</ul><br />
<br />
<ul class="nav pull-right"><br />
<li><a href="https://2013.igem.org/Main_Page">iGEM</a></li><br />
</ul><br />
</div><!-- /navbar-inner --><br />
</div><!-- /navbar --><br />
<br />
<!-- Grab Google CDN's jQuery. fall back to local if necessary --><br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><br />
<script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script><br />
<br />
<!--[if IE 7]><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"><br />
<![endif]--><br />
<br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script><br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script><br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
$('.panorama').panorama({<br />
//nicescroll: false,<br />
showscrollbuttons: true,<br />
keyboard: true,<br />
parallax: true<br />
});<br />
<br />
// $(".panorama").perfectScrollbar();<br />
<br />
$('#pivot').pivot();<br />
<br />
</script><br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Template:KIT-Kyoto-header
Template:KIT-Kyoto-header
2013-09-27T16:28:02Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
<br />
<html class="no-js"><br />
<head><br />
<meta charset="utf-8" /><br />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><br />
<!-- Mobile viewport optimized: h5bp.com/viewport --><br />
<meta name="viewport" content="width=device-width"><br />
<br />
<meta name="robots" content="noindex, nofollow"><br />
<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." /><br />
<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" /><br />
<meta name="author" content="AozoraLabs by Marcello Palmitessa"/><br />
<br />
<!-- remove or comment this line if you want to use the local fonts --><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'><br />
<br />
<style type="text/css"> <br />
<!-- <br />
/*!<br />
* BootMetro v1.0.0-alpha1<br />
*<br />
* Copyright 2012 Marcello Palmitessa<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.no-border-radius {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.no-box-shadow {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.text-overflow-wrap {<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
/* General alignment styles<br />
-------------------------------------------------- */<br />
<br />
.align-right,<br />
th.align-right,<br />
td.align-right,<br />
.table th.align-right,<br />
.table td.align-right {<br />
text-align: right;<br />
}<br />
<br />
.align-left,<br />
th.align-left,<br />
td.align-left,<br />
.table th.align-left,<br />
.table td.align-left {<br />
text-align: left;<br />
}<br />
<br />
.align-center,<br />
th.align-center,<br />
td.align-center,<br />
.table th.align-center,<br />
.table td.align-center {<br />
text-align: center;<br />
}<br />
<br />
.block {<br />
display: block;<br />
}<br />
<br />
/* General form mixins<br />
-------------------------------------------------- */<br />
<br />
.formBorder {<br />
border: 2px solid #cccccc;<br />
}<br />
<br />
article,<br />
aside,<br />
details,<br />
figcaption,<br />
figure,<br />
footer,<br />
header,<br />
hgroup,<br />
nav,<br />
section {<br />
display: block;<br />
}<br />
<br />
audio,<br />
canvas,<br />
video {<br />
display: inline-block;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
audio:not([controls]) {<br />
display: none;<br />
}<br />
<br />
html {<br />
font-size: 100%;<br />
-webkit-text-size-adjust: 100%;<br />
-ms-text-size-adjust: 100%;<br />
}<br />
<br />
a:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
a:hover,<br />
a:active {<br />
outline: 0;<br />
}<br />
<br />
sub,<br />
sup {<br />
position: relative;<br />
font-size: 75%;<br />
line-height: 0;<br />
vertical-align: baseline;<br />
}<br />
<br />
sup {<br />
top: -0.5em;<br />
}<br />
<br />
sub {<br />
bottom: -0.25em;<br />
}<br />
<br />
img {<br />
width: auto\9;<br />
height: auto;<br />
max-width: 100%;<br />
vertical-align: middle;<br />
border: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
<br />
#map_canvas img,<br />
.google-maps img {<br />
max-width: none;<br />
}<br />
<br />
button,<br />
input,<br />
select,<br />
textarea {<br />
margin: 0;<br />
font-size: 100%;<br />
vertical-align: middle;<br />
}<br />
<br />
button,<br />
input {<br />
*overflow: visible;<br />
line-height: normal;<br />
}<br />
<br />
button::-moz-focus-inner,<br />
input::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button,<br />
html input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"] {<br />
cursor: pointer;<br />
-webkit-appearance: button;<br />
}<br />
<br />
label,<br />
select,<br />
button,<br />
input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
cursor: pointer;<br />
}<br />
<br />
input[type="search"] {<br />
-webkit-box-sizing: content-box;<br />
-moz-box-sizing: content-box;<br />
box-sizing: content-box;<br />
-webkit-appearance: textfield;<br />
}<br />
<br />
input[type="search"]::-webkit-search-decoration,<br />
input[type="search"]::-webkit-search-cancel-button {<br />
-webkit-appearance: none;<br />
}<br />
<br />
textarea {<br />
overflow: auto;<br />
vertical-align: top;<br />
}<br />
<br />
@media print {<br />
* {<br />
color: #000 !important;<br />
text-shadow: none !important;<br />
background: transparent !important;<br />
box-shadow: none !important;<br />
}<br />
a,<br />
a:visited {<br />
text-decoration: underline;<br />
}<br />
a[href]:after {<br />
content: " (" attr(href) ")";<br />
}<br />
abbr[title]:after {<br />
content: " (" attr(title) ")";<br />
}<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: "";<br />
}<br />
pre,<br />
blockquote {<br />
border: 1px solid #999;<br />
page-break-inside: avoid;<br />
}<br />
thead {<br />
display: table-header-group;<br />
}<br />
tr,<br />
img {<br />
page-break-inside: avoid;<br />
}<br />
img {<br />
max-width: 100% !important;<br />
}<br />
@page {<br />
margin: 0.5cm;<br />
}<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3;<br />
}<br />
h2,<br />
h3 {<br />
page-break-after: avoid;<br />
}<br />
}<br />
<br />
body {<br />
margin: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
background-color: #ffffff;<br />
}<br />
<br />
a {<br />
color: #2e8bcc;<br />
text-decoration: none;<br />
}<br />
<br />
a:hover,<br />
a:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
}<br />
<br />
.img-rounded {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.img-polaroid {<br />
padding: 4px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.img-circle {<br />
-webkit-border-radius: 500px;<br />
-moz-border-radius: 500px;<br />
border-radius: 500px;<br />
}<br />
<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row:after {<br />
clear: both;<br />
}<br />
<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.span12 {<br />
width: 940px;<br />
}<br />
<br />
.span11 {<br />
width: 860px;<br />
}<br />
<br />
.span10 {<br />
width: 780px;<br />
}<br />
<br />
.span9 {<br />
width: 700px;<br />
}<br />
<br />
.span8 {<br />
width: 620px;<br />
}<br />
<br />
.span7 {<br />
width: 540px;<br />
}<br />
<br />
.span6 {<br />
width: 460px;<br />
}<br />
<br />
.span5 {<br />
width: 380px;<br />
}<br />
<br />
.span4 {<br />
width: 300px;<br />
}<br />
<br />
.span3 {<br />
width: 220px;<br />
}<br />
<br />
.span2 {<br />
width: 140px;<br />
}<br />
<br />
.span1 {<br />
width: 60px;<br />
}<br />
<br />
.offset12 {<br />
margin-left: 980px;<br />
}<br />
<br />
.offset11 {<br />
margin-left: 900px;<br />
}<br />
<br />
.offset10 {<br />
margin-left: 820px;<br />
}<br />
<br />
.offset9 {<br />
margin-left: 740px;<br />
}<br />
<br />
.offset8 {<br />
margin-left: 660px;<br />
}<br />
<br />
.offset7 {<br />
margin-left: 580px;<br />
}<br />
<br />
.offset6 {<br />
margin-left: 500px;<br />
}<br />
<br />
.offset5 {<br />
margin-left: 420px;<br />
}<br />
<br />
.offset4 {<br />
margin-left: 340px;<br />
}<br />
<br />
.offset3 {<br />
margin-left: 260px;<br />
}<br />
<br />
.offset2 {<br />
margin-left: 180px;<br />
}<br />
<br />
.offset1 {<br />
margin-left: 100px;<br />
}<br />
<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
*margin-left: 2.074468085106383%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.127659574468085%;<br />
}<br />
<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
<br />
.row-fluid .span11 {<br />
width: 91.48936170212765%;<br />
*width: 91.43617021276594%;<br />
}<br />
<br />
.row-fluid .span10 {<br />
width: 82.97872340425532%;<br />
*width: 82.92553191489361%;<br />
}<br />
<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
*width: 74.41489361702126%;<br />
}<br />
<br />
.row-fluid .span8 {<br />
width: 65.95744680851064%;<br />
*width: 65.90425531914893%;<br />
}<br />
<br />
.row-fluid .span7 {<br />
width: 57.44680851063829%;<br />
*width: 57.39361702127659%;<br />
}<br />
<br />
.row-fluid .span6 {<br />
width: 48.93617021276595%;<br />
*width: 48.88297872340425%;<br />
}<br />
<br />
.row-fluid .span5 {<br />
width: 40.42553191489362%;<br />
*width: 40.37234042553192%;<br />
}<br />
<br />
.row-fluid .span4 {<br />
width: 31.914893617021278%;<br />
*width: 31.861702127659576%;<br />
}<br />
<br />
.row-fluid .span3 {<br />
width: 23.404255319148934%;<br />
*width: 23.351063829787233%;<br />
}<br />
<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
*width: 14.840425531914894%;<br />
}<br />
<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
*width: 6.329787234042553%;<br />
}<br />
<br />
.row-fluid .offset12 {<br />
margin-left: 104.25531914893617%;<br />
*margin-left: 104.14893617021275%;<br />
}<br />
<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.12765957446808%;<br />
*margin-left: 102.02127659574467%;<br />
}<br />
<br />
.row-fluid .offset11 {<br />
margin-left: 95.74468085106382%;<br />
*margin-left: 95.6382978723404%;<br />
}<br />
<br />
.row-fluid .offset11:first-child {<br />
margin-left: 93.61702127659574%;<br />
*margin-left: 93.51063829787232%;<br />
}<br />
<br />
.row-fluid .offset10 {<br />
margin-left: 87.23404255319149%;<br />
*margin-left: 87.12765957446807%;<br />
}<br />
<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.1063829787234%;<br />
*margin-left: 84.99999999999999%;<br />
}<br />
<br />
.row-fluid .offset9 {<br />
margin-left: 78.72340425531914%;<br />
*margin-left: 78.61702127659572%;<br />
}<br />
<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.59574468085106%;<br />
*margin-left: 76.48936170212764%;<br />
}<br />
<br />
.row-fluid .offset8 {<br />
margin-left: 70.2127659574468%;<br />
*margin-left: 70.10638297872339%;<br />
}<br />
<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.08510638297872%;<br />
*margin-left: 67.9787234042553%;<br />
}<br />
<br />
.row-fluid .offset7 {<br />
margin-left: 61.70212765957446%;<br />
*margin-left: 61.59574468085106%;<br />
}<br />
<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.574468085106375%;<br />
*margin-left: 59.46808510638297%;<br />
}<br />
<br />
.row-fluid .offset6 {<br />
margin-left: 53.191489361702125%;<br />
*margin-left: 53.085106382978715%;<br />
}<br />
<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.063829787234035%;<br />
*margin-left: 50.95744680851063%;<br />
}<br />
<br />
.row-fluid .offset5 {<br />
margin-left: 44.68085106382979%;<br />
*margin-left: 44.57446808510638%;<br />
}<br />
<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.5531914893617%;<br />
*margin-left: 42.4468085106383%;<br />
}<br />
<br />
.row-fluid .offset4 {<br />
margin-left: 36.170212765957444%;<br />
*margin-left: 36.06382978723405%;<br />
}<br />
<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.04255319148936%;<br />
*margin-left: 33.93617021276596%;<br />
}<br />
<br />
.row-fluid .offset3 {<br />
margin-left: 27.659574468085104%;<br />
*margin-left: 27.5531914893617%;<br />
}<br />
<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.53191489361702%;<br />
*margin-left: 25.425531914893618%;<br />
}<br />
<br />
.row-fluid .offset2 {<br />
margin-left: 19.148936170212764%;<br />
*margin-left: 19.04255319148936%;<br />
}<br />
<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.02127659574468%;<br />
*margin-left: 16.914893617021278%;<br />
}<br />
<br />
.row-fluid .offset1 {<br />
margin-left: 10.638297872340425%;<br />
*margin-left: 10.53191489361702%;<br />
}<br />
<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.51063829787234%;<br />
*margin-left: 8.404255319148938%;<br />
}<br />
<br />
[class*="span"].hide,<br />
.row-fluid [class*="span"].hide {<br />
display: none;<br />
}<br />
<br />
[class*="span"].pull-right,<br />
.row-fluid [class*="span"].pull-right {<br />
float: right;<br />
}<br />
<br />
.container {<br />
margin-right: auto;<br />
margin-left: auto;<br />
*zoom: 1;<br />
}<br />
<br />
.container:before,<br />
.container:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container:after {<br />
clear: both;<br />
}<br />
<br />
.container-fluid {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.container-fluid:before,<br />
.container-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container-fluid:after {<br />
clear: both;<br />
}<br />
<br />
p {<br />
margin: 0 0 10px;<br />
}<br />
<br />
.lead {<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
}<br />
<br />
small {<br />
font-size: 85%;<br />
}<br />
<br />
strong {<br />
font-weight: bold;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
cite {<br />
font-style: normal;<br />
}<br />
<br />
.muted {<br />
color: #999999;<br />
}<br />
<br />
a.muted:hover,<br />
a.muted:focus {<br />
color: #808080;<br />
}<br />
<br />
.text-warning {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-error {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-info {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-success {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-left {<br />
text-align: left;<br />
}<br />
<br />
.text-right {<br />
text-align: right;<br />
}<br />
<br />
.text-center {<br />
text-align: center;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin: 10px 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 20px;<br />
color: inherit;<br />
text-rendering: optimizelegibility;<br />
}<br />
<br />
h1 small,<br />
h2 small,<br />
h3 small,<br />
h4 small,<br />
h5 small,<br />
h6 small {<br />
font-weight: normal;<br />
line-height: 1;<br />
color: #999999;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3 {<br />
line-height: 40px;<br />
}<br />
<br />
h1 {<br />
font-size: 38.5px;<br />
}<br />
<br />
h2 {<br />
font-size: 31.5px;<br />
}<br />
<br />
h3 {<br />
font-size: 24.5px;<br />
}<br />
<br />
h4 {<br />
font-size: 17.5px;<br />
}<br />
<br />
h5 {<br />
font-size: 14px;<br />
}<br />
<br />
h6 {<br />
font-size: 11.9px;<br />
}<br />
<br />
h1 small {<br />
font-size: 24.5px;<br />
}<br />
<br />
h2 small {<br />
font-size: 17.5px;<br />
}<br />
<br />
h3 small {<br />
font-size: 14px;<br />
}<br />
<br />
h4 small {<br />
font-size: 14px;<br />
}<br />
<br />
.page-header {<br />
padding-bottom: 9px;<br />
margin: 20px 0 30px;<br />
border-bottom: 1px solid #eeeeee;<br />
}<br />
<br />
ul,<br />
ol {<br />
padding: 0;<br />
margin: 0 0 10px 25px;<br />
}<br />
<br />
ul ul,<br />
ul ol,<br />
ol ol,<br />
ol ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
li {<br />
line-height: 20px;<br />
}<br />
<br />
ul.unstyled,<br />
ol.unstyled {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline,<br />
ol.inline {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline > li,<br />
ol.inline > li {<br />
display: inline-block;<br />
*display: inline;<br />
padding-right: 5px;<br />
padding-left: 5px;<br />
*zoom: 1;<br />
}<br />
<br />
dl {<br />
margin-bottom: 20px;<br />
}<br />
<br />
dt,<br />
dd {<br />
line-height: 20px;<br />
}<br />
<br />
dt {<br />
font-weight: bold;<br />
}<br />
<br />
dd {<br />
margin-left: 10px;<br />
}<br />
<br />
.dl-horizontal {<br />
*zoom: 1;<br />
}<br />
<br />
.dl-horizontal:before,<br />
.dl-horizontal:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.dl-horizontal:after {<br />
clear: both;<br />
}<br />
<br />
.dl-horizontal dt {<br />
float: left;<br />
width: 160px;<br />
overflow: hidden;<br />
clear: left;<br />
text-align: right;<br />
text-overflow: ellipsis;<br />
white-space: nowrap;<br />
}<br />
<br />
.dl-horizontal dd {<br />
margin-left: 180px;<br />
}<br />
<br />
hr {<br />
margin: 20px 0;<br />
border: 0;<br />
border-top: 1px solid #eeeeee;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
abbr[title],<br />
abbr[data-original-title] {<br />
cursor: help;<br />
border-bottom: 1px dotted #999999;<br />
}<br />
<br />
abbr.initialism {<br />
font-size: 90%;<br />
text-transform: uppercase;<br />
}<br />
<br />
blockquote {<br />
padding: 0 0 0 15px;<br />
margin: 0 0 20px;<br />
border-left: 5px solid #eeeeee;<br />
}<br />
<br />
blockquote p {<br />
margin-bottom: 0;<br />
font-size: 17.5px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
}<br />
<br />
blockquote small {<br />
display: block;<br />
line-height: 20px;<br />
color: #999999;<br />
}<br />
<br />
blockquote small:before {<br />
content: '\2014 \00A0';<br />
}<br />
<br />
blockquote.pull-right {<br />
float: right;<br />
padding-right: 15px;<br />
padding-left: 0;<br />
border-right: 5px solid #eeeeee;<br />
border-left: 0;<br />
}<br />
<br />
blockquote.pull-right p,<br />
blockquote.pull-right small {<br />
text-align: right;<br />
}<br />
<br />
blockquote.pull-right small:before {<br />
content: '';<br />
}<br />
<br />
blockquote.pull-right small:after {<br />
content: '\00A0 \2014';<br />
}<br />
<br />
q:before,<br />
q:after,<br />
blockquote:before,<br />
blockquote:after {<br />
content: "";<br />
}<br />
<br />
address {<br />
display: block;<br />
margin-bottom: 20px;<br />
font-style: normal;<br />
line-height: 20px;<br />
}<br />
<br />
code,<br />
pre {<br />
padding: 0 3px 2px;<br />
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #333333;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
code {<br />
padding: 2px 4px;<br />
color: #d14;<br />
white-space: nowrap;<br />
background-color: #f7f7f9;<br />
border: 1px solid #e1e1e8;<br />
}<br />
<br />
pre {<br />
display: block;<br />
padding: 9.5px;<br />
margin: 0 0 10px;<br />
font-size: 13px;<br />
line-height: 20px;<br />
word-break: break-all;<br />
word-wrap: break-word;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.15);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
pre.prettyprint {<br />
margin-bottom: 20px;<br />
}<br />
<br />
pre code {<br />
padding: 0;<br />
color: inherit;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.pre-scrollable {<br />
max-height: 340px;<br />
overflow-y: scroll;<br />
}<br />
<br />
form {<br />
margin: 0 0 20px;<br />
}<br />
<br />
fieldset {<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
legend {<br />
display: block;<br />
width: 100%;<br />
padding: 0;<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
line-height: 40px;<br />
color: #333333;<br />
border: 0;<br />
border-bottom: 1px solid #e5e5e5;<br />
}<br />
<br />
legend small {<br />
font-size: 15px;<br />
color: #999999;<br />
}<br />
<br />
label,<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
}<br />
<br />
label {<br />
display: block;<br />
margin-bottom: 5px;<br />
}<br />
<br />
select,<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
display: inline-block;<br />
height: 20px;<br />
padding: 4px 6px;<br />
margin-bottom: 10px;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #555555;<br />
vertical-align: middle;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
width: 206px;<br />
}<br />
<br />
textarea {<br />
height: auto;<br />
}<br />
<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-o-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
transition: border linear 0.2s, box-shadow linear 0.2s;<br />
}<br />
<br />
textarea:focus,<br />
input[type="text"]:focus,<br />
input[type="password"]:focus,<br />
input[type="datetime"]:focus,<br />
input[type="datetime-local"]:focus,<br />
input[type="date"]:focus,<br />
input[type="month"]:focus,<br />
input[type="time"]:focus,<br />
input[type="week"]:focus,<br />
input[type="number"]:focus,<br />
input[type="email"]:focus,<br />
input[type="url"]:focus,<br />
input[type="search"]:focus,<br />
input[type="tel"]:focus,<br />
input[type="color"]:focus,<br />
.uneditable-input:focus {<br />
border-color: rgba(82, 168, 236, 0.8);<br />
outline: 0;<br />
outline: thin dotted \9;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
box-shadow: none;<br />
}<br />
<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
margin: 4px 0 0;<br />
margin-top: 1px \9;<br />
*margin-top: 0;<br />
line-height: normal;<br />
}<br />
<br />
input[type="file"],<br />
input[type="image"],<br />
input[type="submit"],<br />
input[type="reset"],<br />
input[type="button"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
width: auto;<br />
}<br />
<br />
select,<br />
input[type="file"] {<br />
height: 30px;<br />
/* In IE7, the height of the select element cannot be changed by height, only font-size */<br />
<br />
*margin-top: 4px;<br />
/* For IE7, add top margin to align select with labels */<br />
<br />
line-height: 30px;<br />
}<br />
<br />
select {<br />
width: 220px;<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
}<br />
<br />
select[multiple],<br />
select[size] {<br />
height: auto;<br />
}<br />
<br />
select:focus,<br />
input[type="file"]:focus,<br />
input[type="radio"]:focus,<br />
input[type="checkbox"]:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.uneditable-input,<br />
.uneditable-textarea {<br />
color: #999999;<br />
cursor: not-allowed;<br />
background-color: #fcfcfc;<br />
border-color: #cccccc;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
box-shadow: none;<br />
}<br />
<br />
.uneditable-input {<br />
overflow: hidden;<br />
white-space: nowrap;<br />
}<br />
<br />
.uneditable-textarea {<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
input:-moz-placeholder,<br />
textarea:-moz-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input:-ms-input-placeholder,<br />
textarea:-ms-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input::-webkit-input-placeholder,<br />
textarea::-webkit-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
.radio,<br />
.checkbox {<br />
min-height: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.radio input[type="radio"],<br />
.checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-left: -20px;<br />
}<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 5px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
display: inline-block;<br />
padding-top: 5px;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.radio.inline + .radio.inline,<br />
.checkbox.inline + .checkbox.inline {<br />
margin-left: 10px;<br />
}<br />
<br />
.input-mini {<br />
width: 60px;<br />
}<br />
<br />
.input-small {<br />
width: 90px;<br />
}<br />
<br />
.input-medium {<br />
width: 150px;<br />
}<br />
<br />
.input-large {<br />
width: 210px;<br />
}<br />
<br />
.input-xlarge {<br />
width: 270px;<br />
}<br />
<br />
.input-xxlarge {<br />
width: 530px;<br />
}<br />
<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"] {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.input-append input[class*="span"],<br />
.input-append .uneditable-input[class*="span"],<br />
.input-prepend input[class*="span"],<br />
.input-prepend .uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"],<br />
.row-fluid .input-prepend [class*="span"],<br />
.row-fluid .input-append [class*="span"] {<br />
display: inline-block;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 926px;<br />
}<br />
<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 846px;<br />
}<br />
<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 766px;<br />
}<br />
<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 686px;<br />
}<br />
<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 606px;<br />
}<br />
<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 526px;<br />
}<br />
<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 446px;<br />
}<br />
<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 366px;<br />
}<br />
<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 286px;<br />
}<br />
<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 206px;<br />
}<br />
<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 126px;<br />
}<br />
<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 46px;<br />
}<br />
<br />
.controls-row {<br />
*zoom: 1;<br />
}<br />
<br />
.controls-row:before,<br />
.controls-row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.controls-row:after {<br />
clear: both;<br />
}<br />
<br />
.controls-row [class*="span"],<br />
.row-fluid .controls-row [class*="span"] {<br />
float: left;<br />
}<br />
<br />
.controls-row .checkbox[class*="span"],<br />
.controls-row .radio[class*="span"] {<br />
padding-top: 5px;<br />
}<br />
<br />
input[disabled],<br />
select[disabled],<br />
textarea[disabled],<br />
input[readonly],<br />
select[readonly],<br />
textarea[readonly] {<br />
cursor: not-allowed;<br />
background-color: #eeeeee;<br />
}<br />
<br />
input[type="radio"][disabled],<br />
input[type="checkbox"][disabled],<br />
input[type="radio"][readonly],<br />
input[type="checkbox"][readonly] {<br />
background-color: transparent;<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #ffffff;<br />
}<br />
<br />
input:focus:invalid,<br />
textarea:focus:invalid,<br />
select:focus:invalid {<br />
color: #b94a48;<br />
border-color: #ee5f5b;<br />
}<br />
<br />
input:focus:invalid:focus,<br />
textarea:focus:invalid:focus,<br />
select:focus:invalid:focus {<br />
border-color: #e9322d;<br />
-webkit-box-shadow: 0 0 6px #f8b9b7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 6px #f8b9b7;<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 6px #f8b9b7;<br />
box-shadow: none;<br />
}<br />
<br />
.form-actions {<br />
padding: 19px 20px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #e5e5e5;<br />
*zoom: 1;<br />
}<br />
<br />
.form-actions:before,<br />
.form-actions:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-actions:after {<br />
clear: both;<br />
}<br />
<br />
.help-block,<br />
.help-inline {<br />
color: #595959;<br />
}<br />
<br />
.help-block {<br />
display: block;<br />
margin-bottom: 10px;<br />
}<br />
<br />
.help-inline {<br />
display: inline-block;<br />
*display: inline;<br />
padding-left: 5px;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.input-append,<br />
.input-prepend {<br />
display: inline-block;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input,<br />
.input-append .dropdown-menu,<br />
.input-prepend .dropdown-menu,<br />
.input-append .popover,<br />
.input-prepend .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input {<br />
position: relative;<br />
margin-bottom: 0;<br />
*margin-left: 0;<br />
vertical-align: top;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input:focus,<br />
.input-prepend input:focus,<br />
.input-append select:focus,<br />
.input-prepend select:focus,<br />
.input-append .uneditable-input:focus,<br />
.input-prepend .uneditable-input:focus {<br />
z-index: 2;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on {<br />
display: inline-block;<br />
width: auto;<br />
height: 20px;<br />
min-width: 16px;<br />
padding: 4px 5px;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on,<br />
.input-append .btn,<br />
.input-prepend .btn,<br />
.input-append .btn-group > .dropdown-toggle,<br />
.input-prepend .btn-group > .dropdown-toggle {<br />
vertical-align: top;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-append .active,<br />
.input-prepend .active {<br />
background-color: #8cd98c;<br />
border-color: #339933;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-prepend .btn {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input,<br />
.input-append select,<br />
.input-append .uneditable-input {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input + .btn-group .btn:last-child,<br />
.input-append select + .btn-group .btn:last-child,<br />
.input-append .uneditable-input + .btn-group .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-append .btn,<br />
.input-append .btn-group {<br />
margin-left: -1px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child,<br />
.input-append .btn-group:last-child > .dropdown-toggle {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append input,<br />
.input-prepend.input-append select,<br />
.input-prepend.input-append .uneditable-input {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-prepend.input-append input + .btn-group .btn,<br />
.input-prepend.input-append select + .btn-group .btn,<br />
.input-prepend.input-append .uneditable-input + .btn-group .btn {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:last-child,<br />
.input-prepend.input-append .btn:last-child {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .btn-group:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
input.search-query {<br />
padding-right: 14px;<br />
padding-right: 4px \9;<br />
padding-left: 14px;<br />
padding-left: 4px \9;<br />
/* IE7-8 doesn't have border-radius, so don't indent the padding */<br />
<br />
margin-bottom: 0;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
/* Allow for input prepend/append in search forms */<br />
<br />
.form-search .input-append .search-query,<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search input,<br />
.form-inline input,<br />
.form-horizontal input,<br />
.form-search textarea,<br />
.form-inline textarea,<br />
.form-horizontal textarea,<br />
.form-search select,<br />
.form-inline select,<br />
.form-horizontal select,<br />
.form-search .help-inline,<br />
.form-inline .help-inline,<br />
.form-horizontal .help-inline,<br />
.form-search .uneditable-input,<br />
.form-inline .uneditable-input,<br />
.form-horizontal .uneditable-input,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend,<br />
.form-horizontal .input-prepend,<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-horizontal .input-append {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.form-search .hide,<br />
.form-inline .hide,<br />
.form-horizontal .hide {<br />
display: none;<br />
}<br />
<br />
.form-search label,<br />
.form-inline label,<br />
.form-search .btn-group,<br />
.form-inline .btn-group {<br />
display: inline-block;<br />
}<br />
<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-search .radio,<br />
.form-search .checkbox,<br />
.form-inline .radio,<br />
.form-inline .checkbox {<br />
padding-left: 0;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.form-search .radio input[type="radio"],<br />
.form-search .checkbox input[type="checkbox"],<br />
.form-inline .radio input[type="radio"],<br />
.form-inline .checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-right: 3px;<br />
margin-left: 0;<br />
}<br />
<br />
.control-group {<br />
margin-bottom: 10px;<br />
}<br />
<br />
legend + .control-group {<br />
margin-top: 20px;<br />
-webkit-margin-top-collapse: separate;<br />
}<br />
<br />
.form-horizontal .control-group {<br />
margin-bottom: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.form-horizontal .control-group:before,<br />
.form-horizontal .control-group:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-horizontal .control-group:after {<br />
clear: both;<br />
}<br />
<br />
.form-horizontal .control-label {<br />
float: left;<br />
width: 160px;<br />
padding-top: 5px;<br />
text-align: right;<br />
}<br />
<br />
.form-horizontal .controls {<br />
*display: inline-block;<br />
*padding-left: 20px;<br />
margin-left: 180px;<br />
*margin-left: 0;<br />
}<br />
<br />
.form-horizontal .controls:first-child {<br />
*padding-left: 180px;<br />
}<br />
<br />
.form-horizontal .help-block {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-horizontal input + .help-block,<br />
.form-horizontal select + .help-block,<br />
.form-horizontal textarea + .help-block,<br />
.form-horizontal .uneditable-input + .help-block,<br />
.form-horizontal .input-prepend + .help-block,<br />
.form-horizontal .input-append + .help-block {<br />
margin-top: 10px;<br />
}<br />
<br />
.form-horizontal .form-actions {<br />
padding-left: 180px;<br />
}<br />
<br />
table {<br />
max-width: 100%;<br />
background-color: transparent;<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
<br />
.table {<br />
width: 100%;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
padding: 8px;<br />
line-height: 20px;<br />
text-align: left;<br />
vertical-align: top;<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-weight: bold;<br />
}<br />
<br />
.table thead th {<br />
vertical-align: bottom;<br />
}<br />
<br />
.table caption + thead tr:first-child th,<br />
.table caption + thead tr:first-child td,<br />
.table colgroup + thead tr:first-child th,<br />
.table colgroup + thead tr:first-child td,<br />
.table thead:first-child tr:first-child th,<br />
.table thead:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table tbody + tbody {<br />
border-top: 2px solid #cccccc;<br />
}<br />
<br />
.table .table {<br />
background-color: #ffffff;<br />
}<br />
<br />
.table-condensed th,<br />
.table-condensed td {<br />
padding: 4px 5px;<br />
}<br />
<br />
.table-bordered {<br />
border: 1px solid #cccccc;<br />
border-collapse: separate;<br />
*border-collapse: collapse;<br />
border-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-left: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child td,<br />
.table-bordered colgroup + thead tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child td,<br />
.table-bordered thead:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:first-child,<br />
.table-bordered tbody:first-child tr:first-child > td:first-child,<br />
.table-bordered tbody:first-child tr:first-child > th:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:last-child,<br />
.table-bordered tbody:first-child tr:first-child > td:last-child,<br />
.table-bordered tbody:first-child tr:first-child > th:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:first-child,<br />
.table-bordered tbody:last-child tr:last-child > td:first-child,<br />
.table-bordered tbody:last-child tr:last-child > th:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:last-child,<br />
.table-bordered tbody:last-child tr:last-child > td:last-child,<br />
.table-bordered tbody:last-child tr:last-child > th:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-striped tbody > tr:nth-child(odd) > td,<br />
.table-striped tbody > tr:nth-child(odd) > th {<br />
background-color: #f9f9f9;<br />
}<br />
<br />
.table-hover tbody tr:hover > td,<br />
.table-hover tbody tr:hover > th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
table td[class*="span"],<br />
table th[class*="span"],<br />
.row-fluid table td[class*="span"],<br />
.row-fluid table th[class*="span"] {<br />
display: table-cell;<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span1,<br />
.table th.span1 {<br />
float: none;<br />
width: 44px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span2,<br />
.table th.span2 {<br />
float: none;<br />
width: 124px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span3,<br />
.table th.span3 {<br />
float: none;<br />
width: 204px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span4,<br />
.table th.span4 {<br />
float: none;<br />
width: 284px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span5,<br />
.table th.span5 {<br />
float: none;<br />
width: 364px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span6,<br />
.table th.span6 {<br />
float: none;<br />
width: 444px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span7,<br />
.table th.span7 {<br />
float: none;<br />
width: 524px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span8,<br />
.table th.span8 {<br />
float: none;<br />
width: 604px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span9,<br />
.table th.span9 {<br />
float: none;<br />
width: 684px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span10,<br />
.table th.span10 {<br />
float: none;<br />
width: 764px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span11,<br />
.table th.span11 {<br />
float: none;<br />
width: 844px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span12,<br />
.table th.span12 {<br />
float: none;<br />
width: 924px;<br />
margin-left: 0;<br />
}<br />
<br />
.table tbody tr.success > td {<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error > td {<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning > td {<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info > td {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr.success:hover > td {<br />
background-color: #018a18;<br />
}<br />
<br />
.table-hover tbody tr.error:hover > td {<br />
background-color: #a6193f;<br />
}<br />
<br />
.table-hover tbody tr.warning:hover > td {<br />
background-color: #d78708;<br />
}<br />
<br />
.table-hover tbody tr.info:hover > td {<br />
background-color: #157cee;<br />
}<br />
<br />
.dropup,<br />
.dropdown {<br />
position: relative;<br />
}<br />
<br />
.dropdown-toggle {<br />
*margin-bottom: -3px;<br />
}<br />
<br />
.dropdown-toggle:active,<br />
.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.caret {<br />
display: inline-block;<br />
width: 0;<br />
height: 0;<br />
vertical-align: top;<br />
border-top: 4px solid #000000;<br />
border-right: 4px solid transparent;<br />
border-left: 4px solid transparent;<br />
content: "";<br />
}<br />
<br />
.dropdown .caret {<br />
margin-top: 8px;<br />
margin-left: 2px;<br />
}<br />
<br />
.dropdown-menu {<br />
position: absolute;<br />
top: 100%;<br />
left: 0;<br />
z-index: 1000;<br />
display: none;<br />
float: left;<br />
min-width: 160px;<br />
padding: 5px 0;<br />
margin: 2px 0 0;<br />
list-style: none;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
*border-right-width: 2px;<br />
*border-bottom-width: 2px;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropdown-menu .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.dropdown-menu > li > a {<br />
display: block;<br />
padding: 3px 20px;<br />
clear: both;<br />
font-weight: normal;<br />
line-height: 20px;<br />
color: #333333;<br />
white-space: nowrap;<br />
}<br />
<br />
.dropdown-menu > li > a:hover,<br />
.dropdown-menu > li > a:focus,<br />
.dropdown-submenu:hover > a,<br />
.dropdown-submenu:focus > a {<br />
color: #ffffff;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .active > a,<br />
.dropdown-menu > .active > a:hover,<br />
.dropdown-menu > .active > a:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
outline: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .disabled > a,<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
color: #999999;<br />
}<br />
<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
background-image: none;<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.open {<br />
*z-index: 1000;<br />
}<br />
<br />
.open > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.pull-right > .dropdown-menu {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border-top: 0;<br />
border-bottom: 4px solid #000000;<br />
content: "";<br />
}<br />
<br />
.dropup .dropdown-menu,<br />
.navbar-fixed-bottom .dropdown .dropdown-menu {<br />
top: auto;<br />
bottom: 100%;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.dropdown-submenu {<br />
position: relative;<br />
}<br />
<br />
.dropdown-submenu > .dropdown-menu {<br />
top: 0;<br />
left: 100%;<br />
margin-top: -6px;<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 6px 6px 6px;<br />
-moz-border-radius: 0 6px 6px 6px;<br />
border-radius: 0 6px 6px 6px;<br />
}<br />
<br />
.dropdown-submenu:hover > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.dropup .dropdown-submenu > .dropdown-menu {<br />
top: auto;<br />
bottom: 0;<br />
margin-top: 0;<br />
margin-bottom: -2px;<br />
-webkit-border-radius: 5px 5px 5px 0;<br />
-moz-border-radius: 5px 5px 5px 0;<br />
border-radius: 5px 5px 5px 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
display: block;<br />
float: right;<br />
width: 0;<br />
height: 0;<br />
margin-top: 5px;<br />
margin-right: -10px;<br />
border-color: transparent;<br />
border-left-color: #cccccc;<br />
border-style: solid;<br />
border-width: 5px 0 5px 5px;<br />
content: " ";<br />
}<br />
<br />
.dropdown-submenu:hover > a:after {<br />
border-left-color: #ffffff;<br />
}<br />
<br />
.dropdown-submenu.pull-left {<br />
float: none;<br />
}<br />
<br />
.dropdown-submenu.pull-left > .dropdown-menu {<br />
left: -100%;<br />
margin-left: 10px;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.dropdown .dropdown-menu .nav-header {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.typeahead {<br />
z-index: 1051;<br />
margin-top: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.well {<br />
min-height: 20px;<br />
padding: 19px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border: 1px solid #e3e3e3;<br />
}<br />
<br />
.well blockquote {<br />
border-color: #ddd;<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.well-large {<br />
padding: 24px;<br />
}<br />
<br />
.well-small {<br />
padding: 9px;<br />
}<br />
<br />
.fade {<br />
opacity: 0;<br />
-webkit-transition: opacity 0.15s linear;<br />
-moz-transition: opacity 0.15s linear;<br />
-o-transition: opacity 0.15s linear;<br />
transition: opacity 0.15s linear;<br />
}<br />
<br />
.fade.in {<br />
opacity: 1;<br />
}<br />
<br />
.collapse {<br />
position: relative;<br />
height: 0;<br />
overflow: hidden;<br />
-webkit-transition: height 0.35s ease;<br />
-moz-transition: height 0.35s ease;<br />
-o-transition: height 0.35s ease;<br />
transition: height 0.35s ease;<br />
}<br />
<br />
.collapse.in {<br />
height: auto;<br />
}<br />
<br />
.close {<br />
float: right;<br />
font-size: 20px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #000000;<br />
text-shadow: 0 1px 0 #ffffff;<br />
opacity: 0.2;<br />
filter: alpha(opacity=20);<br />
}<br />
<br />
.close:hover,<br />
.close:focus {<br />
color: #000000;<br />
text-decoration: none;<br />
cursor: pointer;<br />
opacity: 0.4;<br />
filter: alpha(opacity=40);<br />
}<br />
<br />
button.close {<br />
padding: 0;<br />
cursor: pointer;<br />
background: transparent;<br />
border: 0;<br />
-webkit-appearance: none;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
*display: inline;<br />
padding: 4px 12px;<br />
margin-bottom: 0;<br />
*margin-left: .3em;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
text-align: center;<br />
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);<br />
vertical-align: middle;<br />
cursor: pointer;<br />
background-color: #eeeeee;<br />
*background-color: #eeeeee;<br />
background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));<br />
background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #cccccc;<br />
*border: 0;<br />
border-color: #eeeeee #eeeeee #c8c8c8;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
border-bottom-color: #b3b3b3;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
color: #333333;<br />
background-color: #eeeeee;<br />
*background-color: #e1e1e1;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #d5d5d5 \9;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-position: 0 -15px;<br />
-webkit-transition: background-position 0.1s linear;<br />
-moz-transition: background-position 0.1s linear;<br />
-o-transition: background-position 0.1s linear;<br />
transition: background-position 0.1s linear;<br />
}<br />
<br />
.btn:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-image: none;<br />
outline: 0;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
cursor: default;<br />
background-image: none;<br />
opacity: 0.65;<br />
filter: alpha(opacity=65);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-large {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-large [class^="icon-"],<br />
.btn-large [class*=" icon-"] {<br />
margin-top: 4px;<br />
}<br />
<br />
.btn-small {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-small [class^="icon-"],<br />
.btn-small [class*=" icon-"] {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-mini [class^="icon-"],<br />
.btn-mini [class*=" icon-"] {<br />
margin-top: -1px;<br />
}<br />
<br />
.btn-mini {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-block {<br />
display: block;<br />
width: 100%;<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.btn-block + .btn-block {<br />
margin-top: 5px;<br />
}<br />
<br />
input[type="submit"].btn-block,<br />
input[type="reset"].btn-block,<br />
input[type="button"].btn-block {<br />
width: 100%;<br />
}<br />
<br />
.btn-primary.active,<br />
.btn-warning.active,<br />
.btn-danger.active,<br />
.btn-success.active,<br />
.btn-info.active,<br />
.btn-inverse.active {<br />
color: rgba(255, 255, 255, 0.75);<br />
}<br />
<br />
.btn-primary {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #2e7bcc;<br />
*background-color: #2e63cc;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2e63cc #2e63cc #20458e;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:focus,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
color: #ffffff;<br />
background-color: #2e63cc;<br />
*background-color: #2959b7;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #254fa2 \9;<br />
}<br />
<br />
.btn-warning {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #f5a932;<br />
*background-color: #f09609;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #f09609 #f09609 #a66806;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:focus,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
*background-color: #d78708;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #bf7707 \9;<br />
}<br />
<br />
.btn-danger {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #da4f49;<br />
*background-color: #bd362f;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #bd362f #bd362f #802420;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:focus,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
color: #ffffff;<br />
background-color: #bd362f;<br />
*background-color: #a9302a;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25 \9;<br />
}<br />
<br />
.btn-success {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #5bb75b;<br />
*background-color: #51a351;<br />
background-image: -moz-linear-gradient(top, #62c462, #51a351);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));<br />
background-image: -webkit-linear-gradient(top, #62c462, #51a351);<br />
background-image: -o-linear-gradient(top, #62c462, #51a351);<br />
background-image: linear-gradient(to bottom, #62c462, #51a351);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #51a351 #51a351 #387038;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:focus,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
color: #ffffff;<br />
background-color: #51a351;<br />
*background-color: #499249;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140 \9;<br />
}<br />
<br />
.btn-info {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #49afcd;<br />
*background-color: #2f96b4;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2f96b4 #2f96b4 #1f6377;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:focus,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
color: #ffffff;<br />
background-color: #2f96b4;<br />
*background-color: #2a85a0;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c \9;<br />
}<br />
<br />
.btn-inverse {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #414141;<br />
*background-color: #222222;<br />
background-image: -moz-linear-gradient(top, #555555, #222222);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));<br />
background-image: -webkit-linear-gradient(top, #555555, #222222);<br />
background-image: -o-linear-gradient(top, #555555, #222222);<br />
background-image: linear-gradient(to bottom, #555555, #222222);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #222222 #222222 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:focus,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
color: #ffffff;<br />
background-color: #222222;<br />
*background-color: #151515;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808 \9;<br />
}<br />
<br />
button.btn,<br />
input[type="submit"].btn {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn::-moz-focus-inner,<br />
input[type="submit"].btn::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button.btn.btn-large,<br />
input[type="submit"].btn.btn-large {<br />
*padding-top: 7px;<br />
*padding-bottom: 7px;<br />
}<br />
<br />
button.btn.btn-small,<br />
input[type="submit"].btn.btn-small {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn.btn-mini,<br />
input[type="submit"].btn.btn-mini {<br />
*padding-top: 1px;<br />
*padding-bottom: 1px;<br />
}<br />
<br />
.btn-link,<br />
.btn-link:active,<br />
.btn-link[disabled] {<br />
background-color: transparent;<br />
background-image: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-link {<br />
color: #2e8bcc;<br />
cursor: pointer;<br />
border-color: transparent;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-link:hover,<br />
.btn-link:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
background-color: transparent;<br />
}<br />
<br />
.btn-link[disabled]:hover,<br />
.btn-link[disabled]:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
}<br />
<br />
.btn-group {<br />
position: relative;<br />
display: inline-block;<br />
*display: inline;<br />
*margin-left: .3em;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn-group + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-toolbar {<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.btn-toolbar > .btn + .btn,<br />
.btn-toolbar > .btn-group + .btn,<br />
.btn-toolbar > .btn + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-group > .btn {<br />
position: relative;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group > .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.btn-group > .btn,<br />
.btn-group > .dropdown-menu,<br />
.btn-group > .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.btn-group > .btn-mini {<br />
font-size: 10.5px;<br />
}<br />
<br />
.btn-group > .btn-small {<br />
font-size: 11.9px;<br />
}<br />
<br />
.btn-group > .btn-large {<br />
font-size: 17.5px;<br />
}<br />
<br />
.btn-group > .btn:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn.large:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn.large:last-child,<br />
.btn-group > .large.dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn:hover,<br />
.btn-group > .btn:focus,<br />
.btn-group > .btn:active,<br />
.btn-group > .btn.active {<br />
z-index: 2;<br />
}<br />
<br />
.btn-group .dropdown-toggle:active,<br />
.btn-group.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
*padding-top: 5px;<br />
padding-right: 8px;<br />
*padding-bottom: 5px;<br />
padding-left: 8px;<br />
-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);<br />
-webkit-box-shadow: none;<br />
-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);<br />
-moz-box-shadow: none;<br />
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);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
*padding-top: 2px;<br />
padding-right: 5px;<br />
*padding-bottom: 2px;<br />
padding-left: 5px;<br />
}<br />
<br />
.btn-group > .btn-small + .dropdown-toggle {<br />
*padding-top: 5px;<br />
*padding-bottom: 4px;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
*padding-top: 7px;<br />
padding-right: 12px;<br />
*padding-bottom: 7px;<br />
padding-left: 12px;<br />
}<br />
<br />
.btn-group.open .dropdown-toggle {<br />
background-image: none;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group.open .btn.dropdown-toggle {<br />
background-color: #eeeeee;<br />
}<br />
<br />
.btn-group.open .btn-primary.dropdown-toggle {<br />
background-color: #2e63cc;<br />
}<br />
<br />
.btn-group.open .btn-warning.dropdown-toggle {<br />
background-color: #f09609;<br />
}<br />
<br />
.btn-group.open .btn-danger.dropdown-toggle {<br />
background-color: #bd362f;<br />
}<br />
<br />
.btn-group.open .btn-success.dropdown-toggle {<br />
background-color: #51a351;<br />
}<br />
<br />
.btn-group.open .btn-info.dropdown-toggle {<br />
background-color: #2f96b4;<br />
}<br />
<br />
.btn-group.open .btn-inverse.dropdown-toggle {<br />
background-color: #222222;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 8px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
margin-top: 6px;<br />
}<br />
<br />
.btn-large .caret {<br />
border-top-width: 5px;<br />
border-right-width: 5px;<br />
border-left-width: 5px;<br />
}<br />
<br />
.btn-mini .caret,<br />
.btn-small .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border-bottom-width: 5px;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.btn-group-vertical {<br />
display: inline-block;<br />
*display: inline;<br />
/* IE7 inline-block hack */<br />
<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group-vertical > .btn {<br />
display: block;<br />
float: none;<br />
max-width: 100%;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn + .btn {<br />
margin-top: -1px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.alert {<br />
padding: 8px 35px 8px 14px;<br />
margin-bottom: 20px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
background-color: #f09609;<br />
border: 1px solid #e16908;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.alert,<br />
.alert h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert h4 {<br />
margin: 0;<br />
}<br />
<br />
.alert .close {<br />
position: relative;<br />
top: -2px;<br />
right: -21px;<br />
line-height: 20px;<br />
}<br />
<br />
.alert-success {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #018a01;<br />
}<br />
<br />
.alert-success h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-danger,<br />
.alert-error {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #af1a5c;<br />
}<br />
<br />
.alert-danger h4,<br />
.alert-error h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-info {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #119be9;<br />
}<br />
<br />
.alert-info h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-block {<br />
padding-top: 14px;<br />
padding-bottom: 14px;<br />
}<br />
<br />
.alert-block > p,<br />
.alert-block > ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
.alert-block p + p {<br />
margin-top: 5px;<br />
}<br />
<br />
.nav {<br />
margin-bottom: 20px;<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.nav > li > a {<br />
display: block;<br />
}<br />
<br />
.nav > li > a:hover,<br />
.nav > li > a:focus {<br />
text-decoration: none;<br />
background-color: #eeeeee;<br />
}<br />
<br />
.nav > li > a > img {<br />
max-width: none;<br />
}<br />
<br />
.nav > .pull-right {<br />
float: right;<br />
}<br />
<br />
.nav-header {<br />
display: block;<br />
padding: 3px 15px;<br />
font-size: 11px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #999999;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
text-transform: uppercase;<br />
}<br />
<br />
.nav li + .nav-header {<br />
margin-top: 9px;<br />
}<br />
<br />
.nav-list {<br />
padding-right: 15px;<br />
padding-left: 15px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-list > li > a,<br />
.nav-list .nav-header {<br />
margin-right: -15px;<br />
margin-left: -15px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
}<br />
<br />
.nav-list > li > a {<br />
padding: 3px 15px;<br />
}<br />
<br />
.nav-list > .active > a,<br />
.nav-list > .active > a:hover,<br />
.nav-list > .active > a:focus {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-list [class^="icon-"],<br />
.nav-list [class*=" icon-"] {<br />
margin-right: 2px;<br />
}<br />
<br />
.nav-list .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.nav-tabs,<br />
.nav-pills {<br />
*zoom: 1;<br />
}<br />
<br />
.nav-tabs:before,<br />
.nav-pills:before,<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
clear: both;<br />
}<br />
<br />
.nav-tabs > li,<br />
.nav-pills > li {<br />
float: left;<br />
}<br />
<br />
.nav-tabs > li > a,<br />
.nav-pills > li > a {<br />
padding-right: 12px;<br />
padding-left: 12px;<br />
margin-right: 2px;<br />
line-height: 14px;<br />
}<br />
<br />
.nav-tabs {<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
.nav-tabs > li {<br />
margin-bottom: -1px;<br />
}<br />
<br />
.nav-tabs > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
line-height: 20px;<br />
border: 1px solid transparent;<br />
-webkit-border-radius: 4px 4px 0 0;<br />
-moz-border-radius: 4px 4px 0 0;<br />
border-radius: 4px 4px 0 0;<br />
}<br />
<br />
.nav-tabs > li > a:hover,<br />
.nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.nav-tabs > .active > a,<br />
.nav-tabs > .active > a:hover,<br />
.nav-tabs > .active > a:focus {<br />
color: #555555;<br />
cursor: default;<br />
background-color: #ffffff;<br />
border: 1px solid #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.nav-pills > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.nav-pills > .active > a,<br />
.nav-pills > .active > a:hover,<br />
.nav-pills > .active > a:focus {<br />
color: #ffffff;<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-stacked > li {<br />
float: none;<br />
}<br />
<br />
.nav-stacked > li > a {<br />
margin-right: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked {<br />
border-bottom: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a {<br />
-webkit-border-top-right-radius: 4px;<br />
border-top-right-radius: 4px;<br />
-webkit-border-top-left-radius: 4px;<br />
border-top-left-radius: 4px;<br />
-moz-border-radius-topright: 4px;<br />
-moz-border-radius-topleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-bottom-right-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
-webkit-border-bottom-left-radius: 4px;<br />
border-bottom-left-radius: 4px;<br />
-moz-border-radius-bottomright: 4px;<br />
-moz-border-radius-bottomleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a:hover,<br />
.nav-tabs.nav-stacked > li > a:focus {<br />
z-index: 2;<br />
border-color: #ddd;<br />
}<br />
<br />
.nav-pills.nav-stacked > li > a {<br />
margin-bottom: 3px;<br />
}<br />
<br />
.nav-pills.nav-stacked > li:last-child > a {<br />
margin-bottom: 1px;<br />
}<br />
<br />
.nav-tabs .dropdown-menu {<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
}<br />
<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 6px;<br />
border-top-color: #2e8bcc;<br />
border-bottom-color: #2e8bcc;<br />
}<br />
<br />
.nav .dropdown-toggle:hover .caret,<br />
.nav .dropdown-toggle:focus .caret {<br />
border-top-color: #20608e;<br />
border-bottom-color: #20608e;<br />
}<br />
<br />
/* move down carets for tabs */<br />
<br />
.nav-tabs .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.nav .active .dropdown-toggle .caret {<br />
border-top-color: #fff;<br />
border-bottom-color: #fff;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.nav > .dropdown.active > a:hover,<br />
.nav > .dropdown.active > a:focus {<br />
cursor: pointer;<br />
}<br />
<br />
.nav-tabs .open .dropdown-toggle,<br />
.nav-pills .open .dropdown-toggle,<br />
.nav > li.dropdown.open.active > a:hover,<br />
.nav > li.dropdown.open.active > a:focus {<br />
color: #ffffff;<br />
background-color: #999999;<br />
border-color: #999999;<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret,<br />
.nav li.dropdown.open a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.tabs-stacked .open > a:hover,<br />
.tabs-stacked .open > a:focus {<br />
border-color: #999999;<br />
}<br />
<br />
.tabbable {<br />
*zoom: 1;<br />
}<br />
<br />
.tabbable:before,<br />
.tabbable:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.tabbable:after {<br />
clear: both;<br />
}<br />
<br />
.tab-content {<br />
overflow: auto;<br />
}<br />
<br />
.tabs-below > .nav-tabs,<br />
.tabs-right > .nav-tabs,<br />
.tabs-left > .nav-tabs {<br />
border-bottom: 0;<br />
}<br />
<br />
.tab-content > .tab-pane,<br />
.pill-content > .pill-pane {<br />
display: none;<br />
}<br />
<br />
.tab-content > .active,<br />
.pill-content > .active {<br />
display: block;<br />
}<br />
<br />
.tabs-below > .nav-tabs {<br />
border-top: 1px solid #ddd;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li {<br />
margin-top: -1px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0 0 4px 4px;<br />
-moz-border-radius: 0 0 4px 4px;<br />
border-radius: 0 0 4px 4px;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a:hover,<br />
.tabs-below > .nav-tabs > li > a:focus {<br />
border-top-color: #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.tabs-below > .nav-tabs > .active > a,<br />
.tabs-below > .nav-tabs > .active > a:hover,<br />
.tabs-below > .nav-tabs > .active > a:focus {<br />
border-color: transparent #ddd #ddd #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li,<br />
.tabs-right > .nav-tabs > li {<br />
float: none;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
min-width: 74px;<br />
margin-right: 0;<br />
margin-bottom: 3px;<br />
}<br />
<br />
.tabs-left > .nav-tabs {<br />
float: left;<br />
margin-right: 19px;<br />
border-right: 1px solid #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a {<br />
margin-right: -1px;<br />
-webkit-border-radius: 4px 0 0 4px;<br />
-moz-border-radius: 4px 0 0 4px;<br />
border-radius: 4px 0 0 4px;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a:hover,<br />
.tabs-left > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #dddddd #eeeeee #eeeeee;<br />
}<br />
<br />
.tabs-left > .nav-tabs .active > a,<br />
.tabs-left > .nav-tabs .active > a:hover,<br />
.tabs-left > .nav-tabs .active > a:focus {<br />
border-color: #ddd transparent #ddd #ddd;<br />
*border-right-color: #ffffff;<br />
}<br />
<br />
.tabs-right > .nav-tabs {<br />
float: right;<br />
margin-left: 19px;<br />
border-left: 1px solid #ddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 4px 4px 0;<br />
-moz-border-radius: 0 4px 4px 0;<br />
border-radius: 0 4px 4px 0;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a:hover,<br />
.tabs-right > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs .active > a,<br />
.tabs-right > .nav-tabs .active > a:hover,<br />
.tabs-right > .nav-tabs .active > a:focus {<br />
border-color: #ddd #ddd #ddd transparent;<br />
*border-left-color: #ffffff;<br />
}<br />
<br />
.nav > .disabled > a {<br />
color: #999999;<br />
}<br />
<br />
.nav > .disabled > a:hover,<br />
.nav > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar {<br />
*position: relative;<br />
*z-index: 2;<br />
margin-bottom: 20px;<br />
overflow: visible;<br />
}<br />
<br />
.navbar-inner {<br />
min-height: 40px;<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
background-color: #fafafa;<br />
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));<br />
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #d4d4d4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inner:before,<br />
.navbar-inner:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-inner:after {<br />
clear: both;<br />
}<br />
<br />
.navbar .container {<br />
width: auto;<br />
}<br />
<br />
.nav-collapse.collapse {<br />
height: auto;<br />
overflow: visible;<br />
}<br />
<br />
.navbar .brand {<br />
display: block;<br />
float: left;<br />
padding: 10px 20px 10px;<br />
margin-left: -20px;<br />
font-size: 20px;<br />
font-weight: 200;<br />
color: #777777;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .brand:hover,<br />
.navbar .brand:focus {<br />
text-decoration: none;<br />
}<br />
<br />
.navbar-text {<br />
margin-bottom: 0;<br />
line-height: 40px;<br />
color: #777777;<br />
}<br />
<br />
.navbar-link {<br />
color: #777777;<br />
}<br />
<br />
.navbar-link:hover,<br />
.navbar-link:focus {<br />
color: #333333;<br />
}<br />
<br />
.navbar .divider-vertical {<br />
height: 40px;<br />
margin: 0 9px;<br />
border-right: 1px solid #ffffff;<br />
border-left: 1px solid #f2f2f2;<br />
}<br />
<br />
.navbar .btn,<br />
.navbar .btn-group {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar .btn-group .btn,<br />
.navbar .input-prepend .btn,<br />
.navbar .input-append .btn,<br />
.navbar .input-prepend .btn-group,<br />
.navbar .input-append .btn-group {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-form {<br />
margin-bottom: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.navbar-form:before,<br />
.navbar-form:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-form:after {<br />
clear: both;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .radio,<br />
.navbar-form .checkbox {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-form input[type="image"],<br />
.navbar-form input[type="checkbox"],<br />
.navbar-form input[type="radio"] {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar-form .input-append,<br />
.navbar-form .input-prepend {<br />
margin-top: 5px;<br />
white-space: nowrap;<br />
}<br />
<br />
.navbar-form .input-append input,<br />
.navbar-form .input-prepend input {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search {<br />
position: relative;<br />
float: left;<br />
margin-top: 5px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
padding: 4px 14px;<br />
margin-bottom: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 13px;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.navbar-static-top {<br />
position: static;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-static-top .navbar-inner {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: fixed;<br />
right: 0;<br />
left: 0;<br />
z-index: 1030;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
border-width: 0 0 1px;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
border-width: 1px 0 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.navbar-fixed-top {<br />
top: 0px;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-fixed-bottom {<br />
bottom: 0;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav {<br />
position: relative;<br />
left: 0;<br />
display: block;<br />
float: left;<br />
margin: 0 10px 0 0;<br />
}<br />
<br />
.navbar .nav.pull-right {<br />
float: right;<br />
margin-right: 0;<br />
}<br />
<br />
.navbar .nav > li {<br />
float: left;<br />
}<br />
<br />
.navbar .nav > li > a {<br />
float: none;<br />
padding: 10px 15px 10px;<br />
color: #777777;<br />
text-decoration: none;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.navbar .nav > li > a:focus,<br />
.navbar .nav > li > a:hover {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
color: #555555;<br />
text-decoration: none;<br />
background-color: #e5e5e5;<br />
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
display: none;<br />
float: right;<br />
padding: 7px 10px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #ededed;<br />
*background-color: #e5e5e5;<br />
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));<br />
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #e5e5e5 #e5e5e5 #bfbfbf;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar:hover,<br />
.navbar .btn-navbar:focus,<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active,<br />
.navbar .btn-navbar.disabled,<br />
.navbar .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #e5e5e5;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active {<br />
background-color: #cccccc \9;<br />
}<br />
<br />
.navbar .btn-navbar .icon-bar {<br />
display: block;<br />
width: 18px;<br />
height: 2px;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px;<br />
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-navbar .icon-bar + .icon-bar {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:before {<br />
position: absolute;<br />
top: -7px;<br />
left: 9px;<br />
display: inline-block;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-left: 7px solid transparent;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
content: '';<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:after {<br />
position: absolute;<br />
top: -6px;<br />
left: 10px;<br />
display: inline-block;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
border-left: 6px solid transparent;<br />
content: '';<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {<br />
top: auto;<br />
bottom: -7px;<br />
border-top: 7px solid #ccc;<br />
border-bottom: 0;<br />
border-top-color: rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {<br />
top: auto;<br />
bottom: -6px;<br />
border-top: 6px solid #ffffff;<br />
border-bottom: 0;<br />
}<br />
<br />
.navbar .nav li.dropdown > a:hover .caret,<br />
.navbar .nav li.dropdown > a:focus .caret {<br />
border-top-color: #333333;<br />
border-bottom-color: #333333;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #555555;<br />
background-color: #e5e5e5;<br />
}<br />
<br />
.navbar .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #777777;<br />
border-bottom-color: #777777;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:before,<br />
.navbar .nav > li > .dropdown-menu.pull-right:before {<br />
right: 12px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:after,<br />
.navbar .nav > li > .dropdown-menu.pull-right:after {<br />
right: 13px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {<br />
right: 100%;<br />
left: auto;<br />
margin-right: -1px;<br />
margin-left: 0;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.navbar-inverse .navbar-inner {<br />
background-color: #1b1b1b;<br />
background-image: -moz-linear-gradient(top, #222222, #111111);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));<br />
background-image: -webkit-linear-gradient(top, #222222, #111111);<br />
background-image: -o-linear-gradient(top, #222222, #111111);<br />
background-image: linear-gradient(to bottom, #222222, #111111);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #252525;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .brand,<br />
.navbar-inverse .nav > li > a {<br />
color: #999999;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
<br />
.navbar-inverse .brand:hover,<br />
.navbar-inverse .nav > li > a:hover,<br />
.navbar-inverse .brand:focus,<br />
.navbar-inverse .nav > li > a:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .brand {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-text {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav > li > a:focus,<br />
.navbar-inverse .nav > li > a:hover {<br />
color: #ffffff;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar-inverse .nav .active > a,<br />
.navbar-inverse .nav .active > a:hover,<br />
.navbar-inverse .nav .active > a:focus {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .navbar-link {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-link:hover,<br />
.navbar-inverse .navbar-link:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .divider-vertical {<br />
border-right-color: #222222;<br />
border-left-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > a:hover .caret,<br />
.navbar-inverse .nav li.dropdown > a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #999999;<br />
border-bottom-color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query {<br />
color: #ffffff;<br />
background-color: #515151;<br />
border-color: #111111;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
box-shadow: none;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-moz-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:focus,<br />
.navbar-inverse .navbar-search .search-query.focused {<br />
padding: 5px 15px;<br />
color: #333333;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #ffffff;<br />
border: 0;<br />
outline: 0;<br />
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inverse .btn-navbar {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e0e0e;<br />
*background-color: #040404;<br />
background-image: -moz-linear-gradient(top, #151515, #040404);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));<br />
background-image: -webkit-linear-gradient(top, #151515, #040404);<br />
background-image: -o-linear-gradient(top, #151515, #040404);<br />
background-image: linear-gradient(to bottom, #151515, #040404);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #040404 #040404 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .btn-navbar:hover,<br />
.navbar-inverse .btn-navbar:focus,<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active,<br />
.navbar-inverse .btn-navbar.disabled,<br />
.navbar-inverse .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #040404;<br />
*background-color: #000000;<br />
}<br />
<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active {<br />
background-color: #000000 \9;<br />
}<br />
<br />
.breadcrumb {<br />
padding: 8px 15px;<br />
margin: 0 0 20px;<br />
list-style: none;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.breadcrumb > li {<br />
display: inline-block;<br />
*display: inline;<br />
text-shadow: 0 1px 0 #ffffff;<br />
*zoom: 1;<br />
}<br />
<br />
.breadcrumb > li > .divider {<br />
padding: 0 5px;<br />
color: #ccc;<br />
}<br />
<br />
.breadcrumb > .active {<br />
color: #999999;<br />
}<br />
<br />
.pagination {<br />
margin: 20px 0;<br />
}<br />
<br />
.pagination ul {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.pagination ul > li {<br />
display: inline;<br />
}<br />
<br />
.pagination ul > li > a,<br />
.pagination ul > li > span {<br />
float: left;<br />
padding: 4px 12px;<br />
line-height: 20px;<br />
text-decoration: none;<br />
background-color: #ffffff;<br />
border: 1px solid #dddddd;<br />
border-left-width: 0;<br />
}<br />
<br />
.pagination ul > li > a:hover,<br />
.pagination ul > li > a:focus,<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
color: #999999;<br />
cursor: default;<br />
}<br />
<br />
.pagination ul > .disabled > span,<br />
.pagination ul > .disabled > a,<br />
.pagination ul > .disabled > a:hover,<br />
.pagination ul > .disabled > a:focus {<br />
color: #999999;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.pagination ul > li:first-child > a,<br />
.pagination ul > li:first-child > span {<br />
border-left-width: 1px;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination ul > li:last-child > a,<br />
.pagination ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-centered {<br />
text-align: center;<br />
}<br />
<br />
.pagination-right {<br />
text-align: right;<br />
}<br />
<br />
.pagination-large ul > li > a,<br />
.pagination-large ul > li > span {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
}<br />
<br />
.pagination-large ul > li:first-child > a,<br />
.pagination-large ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-large ul > li:last-child > a,<br />
.pagination-large ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-mini ul > li:first-child > a,<br />
.pagination-small ul > li:first-child > a,<br />
.pagination-mini ul > li:first-child > span,<br />
.pagination-small ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-mini ul > li:last-child > a,<br />
.pagination-small ul > li:last-child > a,<br />
.pagination-mini ul > li:last-child > span,<br />
.pagination-small ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-small ul > li > a,<br />
.pagination-small ul > li > span {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
}<br />
<br />
.pagination-mini ul > li > a,<br />
.pagination-mini ul > li > span {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
}<br />
<br />
.pager {<br />
margin: 20px 0;<br />
text-align: center;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.pager:before,<br />
.pager:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.pager:after {<br />
clear: both;<br />
}<br />
<br />
.pager li {<br />
display: inline;<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
display: inline-block;<br />
padding: 5px 14px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.pager li > a:hover,<br />
.pager li > a:focus {<br />
text-decoration: none;<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pager .next > a,<br />
.pager .next > span {<br />
float: right;<br />
}<br />
<br />
.pager .previous > a,<br />
.pager .previous > span {<br />
float: left;<br />
}<br />
<br />
.pager .disabled > a,<br />
.pager .disabled > a:hover,<br />
.pager .disabled > a:focus,<br />
.pager .disabled > span {<br />
color: #999999;<br />
cursor: default;<br />
background-color: #fff;<br />
}<br />
<br />
.modal-backdrop {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
z-index: 1040;<br />
background-color: #000000;<br />
}<br />
<br />
.modal-backdrop.fade {<br />
opacity: 0;<br />
}<br />
<br />
.modal-backdrop,<br />
.modal-backdrop.fade.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.modal {<br />
position: fixed;<br />
top: 10%;<br />
left: 50%;<br />
z-index: 1050;<br />
width: 560px;<br />
margin-left: -280px;<br />
background-color: #ffffff;<br />
border: 1px solid #999;<br />
border: 1px solid rgba(0, 0, 0, 0.3);<br />
*border: 1px solid #999;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
outline: none;<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding-box;<br />
background-clip: padding-box;<br />
}<br />
<br />
.modal.fade {<br />
top: -25%;<br />
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-o-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
transition: opacity 0.3s linear, top 0.3s ease-out;<br />
}<br />
<br />
.modal.fade.in {<br />
top: 10%;<br />
}<br />
<br />
.modal-header {<br />
padding: 9px 15px;<br />
border-bottom: 1px solid #eee;<br />
}<br />
<br />
.modal-header .close {<br />
margin-top: 2px;<br />
}<br />
<br />
.modal-header h3 {<br />
margin: 0;<br />
line-height: 30px;<br />
}<br />
<br />
.modal-body {<br />
position: relative;<br />
max-height: 400px;<br />
padding: 15px;<br />
overflow-y: auto;<br />
}<br />
<br />
.modal-form {<br />
margin-bottom: 0;<br />
}<br />
<br />
.modal-footer {<br />
padding: 14px 15px 15px;<br />
margin-bottom: 0;<br />
text-align: right;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #ddd;<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.modal-footer:before,<br />
.modal-footer:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.modal-footer:after {<br />
clear: both;<br />
}<br />
<br />
.modal-footer .btn + .btn {<br />
margin-bottom: 0;<br />
margin-left: 5px;<br />
}<br />
<br />
.modal-footer .btn-group .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.modal-footer .btn-block + .btn-block {<br />
margin-left: 0;<br />
}<br />
<br />
.tooltip {<br />
position: absolute;<br />
z-index: 1030;<br />
display: block;<br />
font-size: 11px;<br />
line-height: 1.4;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
visibility: visible;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.tooltip.top {<br />
padding: 5px 0;<br />
margin-top: -3px;<br />
}<br />
<br />
.tooltip.right {<br />
padding: 0 5px;<br />
margin-left: 3px;<br />
}<br />
<br />
.tooltip.bottom {<br />
padding: 5px 0;<br />
margin-top: 3px;<br />
}<br />
<br />
.tooltip.left {<br />
padding: 0 5px;<br />
margin-left: -3px;<br />
}<br />
<br />
.tooltip-inner {<br />
max-width: 200px;<br />
padding: 8px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-decoration: none;<br />
background-color: #000000;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tooltip-arrow {<br />
position: absolute;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.tooltip.top .tooltip-arrow {<br />
bottom: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-top-color: #000000;<br />
border-width: 5px 5px 0;<br />
}<br />
<br />
.tooltip.right .tooltip-arrow {<br />
top: 50%;<br />
left: 0;<br />
margin-top: -5px;<br />
border-right-color: #000000;<br />
border-width: 5px 5px 5px 0;<br />
}<br />
<br />
.tooltip.left .tooltip-arrow {<br />
top: 50%;<br />
right: 0;<br />
margin-top: -5px;<br />
border-left-color: #000000;<br />
border-width: 5px 0 5px 5px;<br />
}<br />
<br />
.tooltip.bottom .tooltip-arrow {<br />
top: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-bottom-color: #000000;<br />
border-width: 0 5px 5px;<br />
}<br />
<br />
.popover {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1010;<br />
display: none;<br />
max-width: 276px;<br />
padding: 1px;<br />
text-align: left;<br />
white-space: normal;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.popover.top {<br />
margin-top: -10px;<br />
}<br />
<br />
.popover.right {<br />
margin-left: 10px;<br />
}<br />
<br />
.popover.bottom {<br />
margin-top: 10px;<br />
}<br />
<br />
.popover.left {<br />
margin-left: -10px;<br />
}<br />
<br />
.popover-title {<br />
padding: 8px 14px;<br />
margin: 0;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
background-color: #f7f7f7;<br />
border-bottom: 1px solid #ebebeb;<br />
-webkit-border-radius: 5px 5px 0 0;<br />
-moz-border-radius: 5px 5px 0 0;<br />
border-radius: 5px 5px 0 0;<br />
}<br />
<br />
.popover-title:empty {<br />
display: none;<br />
}<br />
<br />
.popover-content {<br />
padding: 9px 14px;<br />
}<br />
<br />
.popover .arrow,<br />
.popover .arrow:after {<br />
position: absolute;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.popover .arrow {<br />
border-width: 11px;<br />
}<br />
<br />
.popover .arrow:after {<br />
border-width: 10px;<br />
content: "";<br />
}<br />
<br />
.popover.top .arrow {<br />
bottom: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-top-color: #999;<br />
border-top-color: rgba(0, 0, 0, 0.25);<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.top .arrow:after {<br />
bottom: 1px;<br />
margin-left: -10px;<br />
border-top-color: #ffffff;<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.right .arrow {<br />
top: 50%;<br />
left: -11px;<br />
margin-top: -11px;<br />
border-right-color: #999;<br />
border-right-color: rgba(0, 0, 0, 0.25);<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.right .arrow:after {<br />
bottom: -10px;<br />
left: 1px;<br />
border-right-color: #ffffff;<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow {<br />
top: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-bottom-color: #999;<br />
border-bottom-color: rgba(0, 0, 0, 0.25);<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow:after {<br />
top: 1px;<br />
margin-left: -10px;<br />
border-bottom-color: #ffffff;<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.left .arrow {<br />
top: 50%;<br />
right: -11px;<br />
margin-top: -11px;<br />
border-left-color: #999;<br />
border-left-color: rgba(0, 0, 0, 0.25);<br />
border-right-width: 0;<br />
}<br />
<br />
.popover.left .arrow:after {<br />
right: 1px;<br />
bottom: -10px;<br />
border-left-color: #ffffff;<br />
border-right-width: 0;<br />
}<br />
<br />
.thumbnails {<br />
margin-left: -20px;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.thumbnails:before,<br />
.thumbnails:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.thumbnails:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
<br />
.thumbnails > li {<br />
float: left;<br />
margin-bottom: 20px;<br />
margin-left: 20px;<br />
}<br />
<br />
.thumbnail {<br />
display: block;<br />
padding: 4px;<br />
line-height: 20px;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
box-shadow: none;<br />
-webkit-transition: all 0.2s ease-in-out;<br />
-moz-transition: all 0.2s ease-in-out;<br />
-o-transition: all 0.2s ease-in-out;<br />
transition: all 0.2s ease-in-out;<br />
}<br />
<br />
a.thumbnail:hover,<br />
a.thumbnail:focus {<br />
border-color: #2e8bcc;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.thumbnail > img {<br />
display: block;<br />
max-width: 100%;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}<br />
<br />
.thumbnail .caption {<br />
padding: 9px;<br />
color: #555555;<br />
}<br />
<br />
.media,<br />
.media-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.media,<br />
.media .media {<br />
margin-top: 15px;<br />
}<br />
<br />
.media:first-child {<br />
margin-top: 0;<br />
}<br />
<br />
.media-object {<br />
display: block;<br />
}<br />
<br />
.media-heading {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.media > .pull-left {<br />
margin-right: 10px;<br />
}<br />
<br />
.media > .pull-right {<br />
margin-left: 10px;<br />
}<br />
<br />
.media-list {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.label,<br />
.badge {<br />
display: inline-block;<br />
padding: 2px 4px;<br />
font-size: 11.844px;<br />
font-weight: bold;<br />
line-height: 14px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
white-space: nowrap;<br />
vertical-align: baseline;<br />
background-color: #999999;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
.badge {<br />
padding-right: 9px;<br />
padding-left: 9px;<br />
-webkit-border-radius: 9px;<br />
-moz-border-radius: 9px;<br />
border-radius: 9px;<br />
}<br />
<br />
.label:empty,<br />
.badge:empty {<br />
display: none;<br />
}<br />
<br />
a.label:hover,<br />
a.label:focus,<br />
a.badge:hover,<br />
a.badge:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
cursor: pointer;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
.btn .label,<br />
.btn .badge {<br />
position: relative;<br />
top: -1px;<br />
}<br />
<br />
.btn-mini .label,<br />
.btn-mini .badge {<br />
top: 0;<br />
}<br />
<br />
@-webkit-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-moz-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-ms-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-o-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 0 0;<br />
}<br />
to {<br />
background-position: 40px 0;<br />
}<br />
}<br />
<br />
@keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
.progress {<br />
height: 20px;<br />
margin-bottom: 20px;<br />
overflow: hidden;<br />
background-color: #f7f7f7;<br />
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));<br />
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.progress .bar {<br />
float: left;<br />
width: 0;<br />
height: 100%;<br />
font-size: 12px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e90d2;<br />
background-image: -moz-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));<br />
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -o-linear-gradient(top, #149bdf, #0480be);<br />
background-image: linear-gradient(to bottom, #149bdf, #0480be);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-transition: width 0.6s ease;<br />
-moz-transition: width 0.6s ease;<br />
-o-transition: width 0.6s ease;<br />
transition: width 0.6s ease;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.progress-striped .bar {<br />
background-color: #149bdf;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
-webkit-background-size: 40px 40px;<br />
-moz-background-size: 40px 40px;<br />
-o-background-size: 40px 40px;<br />
background-size: 40px 40px;<br />
}<br />
<br />
.progress.active .bar {<br />
-webkit-animation: progress-bar-stripes 2s linear infinite;<br />
-moz-animation: progress-bar-stripes 2s linear infinite;<br />
-ms-animation: progress-bar-stripes 2s linear infinite;<br />
-o-animation: progress-bar-stripes 2s linear infinite;<br />
animation: progress-bar-stripes 2s linear infinite;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger {<br />
background-color: #dd514c;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger {<br />
background-color: #ee5f5b;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-success .bar,<br />
.progress .bar-success {<br />
background-color: #5eb95e;<br />
background-image: -moz-linear-gradient(top, #62c462, #57a957);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));<br />
background-image: -webkit-linear-gradient(top, #62c462, #57a957);<br />
background-image: -o-linear-gradient(top, #62c462, #57a957);<br />
background-image: linear-gradient(to bottom, #62c462, #57a957);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success {<br />
background-color: #62c462;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-info .bar,<br />
.progress .bar-info {<br />
background-color: #4bb1cf;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info {<br />
background-color: #5bc0de;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-warning .bar,<br />
.progress .bar-warning {<br />
background-color: #f5a932;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-color: #f8b64d;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.accordion {<br />
margin-bottom: 20px;<br />
}<br />
<br />
.accordion-group {<br />
margin-bottom: 2px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.accordion-heading {<br />
border-bottom: 0;<br />
}<br />
<br />
.accordion-heading .accordion-toggle {<br />
display: block;<br />
padding: 8px 15px;<br />
}<br />
<br />
.accordion-toggle {<br />
cursor: pointer;<br />
}<br />
<br />
.accordion-inner {<br />
padding: 9px 15px;<br />
border-top: 1px solid #e5e5e5;<br />
}<br />
<br />
.carousel {<br />
position: relative;<br />
margin-bottom: 20px;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.carousel-inner > .item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.6s ease-in-out left;<br />
-moz-transition: 0.6s ease-in-out left;<br />
-o-transition: 0.6s ease-in-out left;<br />
transition: 0.6s ease-in-out left;<br />
}<br />
<br />
.carousel-inner > .item > img,<br />
.carousel-inner > .item > a > img {<br />
display: block;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner > .active,<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
display: block;<br />
}<br />
<br />
.carousel-inner > .active {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.carousel-inner > .next {<br />
left: 100%;<br />
}<br />
<br />
.carousel-inner > .prev {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .next.left,<br />
.carousel-inner > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .active.right {<br />
left: 100%;<br />
}<br />
<br />
.carousel-control {<br />
position: absolute;<br />
top: 40%;<br />
left: 15px;<br />
width: 40px;<br />
height: 40px;<br />
margin-top: -20px;<br />
font-size: 60px;<br />
font-weight: 100;<br />
line-height: 30px;<br />
color: #ffffff;<br />
text-align: center;<br />
background: #222222;<br />
border: 3px solid #ffffff;<br />
-webkit-border-radius: 23px;<br />
-moz-border-radius: 23px;<br />
border-radius: 23px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
}<br />
<br />
.carousel-control.right {<br />
right: 15px;<br />
left: auto;<br />
}<br />
<br />
.carousel-control:hover,<br />
.carousel-control:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel-indicators {<br />
position: absolute;<br />
top: 15px;<br />
right: 15px;<br />
z-index: 5;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
.carousel-indicators li {<br />
display: block;<br />
float: left;<br />
width: 10px;<br />
height: 10px;<br />
margin-left: 5px;<br />
text-indent: -999px;<br />
background-color: #ccc;<br />
background-color: rgba(255, 255, 255, 0.25);<br />
border-radius: 5px;<br />
}<br />
<br />
.carousel-indicators .active {<br />
background-color: #fff;<br />
}<br />
<br />
.carousel-caption {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
padding: 15px;<br />
background: #333333;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
.carousel-caption h4,<br />
.carousel-caption p {<br />
line-height: 20px;<br />
color: #ffffff;<br />
}<br />
<br />
.carousel-caption h4 {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.carousel-caption p {<br />
margin-bottom: 0;<br />
}<br />
<br />
.hero-unit {<br />
padding: 60px;<br />
margin-bottom: 30px;<br />
font-size: 18px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
color: inherit;<br />
background-color: #eeeeee;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.hero-unit h1 {<br />
margin-bottom: 0;<br />
font-size: 60px;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
color: inherit;<br />
}<br />
<br />
.hero-unit li {<br />
line-height: 30px;<br />
}<br />
<br />
.pull-right {<br />
float: right;<br />
}<br />
<br />
.pull-left {<br />
float: left;<br />
}<br />
<br />
.hide {<br />
display: none;<br />
}<br />
<br />
.show {<br />
display: block;<br />
}<br />
<br />
.invisible {<br />
visibility: hidden;<br />
}<br />
<br />
.affix {<br />
position: fixed;<br />
}<br />
<br />
body {<br />
position: relative;<br />
font-weight: 300;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
}<br />
<br />
/*<br />
No border on images when in a link.<br />
*/<br />
<br />
img {<br />
border-style: none;<br />
}<br />
<br />
#top-info {<br />
display: block;<br />
}<br />
<br />
#top-info > a {<br />
padding: 0;<br />
}<br />
<br />
#header-container {<br />
display: inline-block;<br />
margin-left: 50px;<br />
vertical-align: top;<br />
}<br />
<br />
header h1 {<br />
display: inline;<br />
}<br />
<br />
#nav-bar {<br />
position: relative;<br />
display: block;<br />
height: auto;<br />
padding-top: 24px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
.row-fluid .hide {<br />
display: none;<br />
}<br />
<br />
.form-actions {<br />
background-color: inherit;<br />
}<br />
<br />
.label {<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
textarea {<br />
width: 260px;<br />
height: auto;<br />
min-width: 260px;<br />
min-height: 39px;<br />
padding: 4px 4px 4px 8px;<br />
overflow-y: scroll;<br />
word-wrap: break-word;<br />
}<br />
<br />
input[type=text],<br />
input[type=password],<br />
input[type=email],<br />
input[type=number],<br />
input[type=tel],<br />
input[type=url],<br />
input[type=search],<br />
textarea {<br />
min-width: 64px;<br />
min-height: 28px;<br />
font-weight: 400;<br />
line-height: 1.3636;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-append .add-on {<br />
height: 16px;<br />
line-height: 15px;<br />
}<br />
<br />
.input-prepend .btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 0 2px 2px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 2px 2px 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-append .btn {<br />
height: 28px;<br />
min-height: 28px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
padding-top: 0;<br />
}<br />
<br />
/*<br />
Select control.<br />
*/<br />
<br />
select {<br />
min-width: 80px;<br />
min-height: 24px;<br />
padding: 2px;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Range control.<br />
*/<br />
<br />
input[type=range] {<br />
width: 280px;<br />
height: auto;<br />
padding: 17px 0 32px 0;<br />
}<br />
<br />
input.search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn,<br />
.form-search .input-append input[type="submit"].btn {<br />
padding-right: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn .icon-search,<br />
.form-search .input-append input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-append .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-append .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn,<br />
.form-search .input-prepend input[type="submit"].btn {<br />
padding-left: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn .icon-search,<br />
.form-search .input-prepend input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-prepend .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #f09609;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #bf7707;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #f09609;<br />
background-color: #f09609;<br />
border-color: #f09609;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #bc1c48;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #901537;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #bc1c48;<br />
background-color: #bc1c48;<br />
border-color: #bc1c48;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #01a31c;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #017013;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #01a31c;<br />
background-color: #01a31c;<br />
border-color: #01a31c;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #2d89f0;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #106fda;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #2d89f0;<br />
background-color: #2d89f0;<br />
border-color: #2d89f0;<br />
}<br />
<br />
/* Metro Radio button<br />
-------------------------------------------------- */<br />
<br />
/*<br />
NOTE:<br />
Originally the following rules used the adjacent sibling selector '+ span'<br />
but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following<br />
the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a<br />
custom class to the span.<br />
Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7.<br />
*/<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 0;<br />
}<br />
<br />
label.radio,<br />
label.checkbox {<br />
position: relative;<br />
padding-left: 0;<br />
cursor: pointer;<br />
}<br />
<br />
input[type=radio],<br />
input[type=radio] ~ span.metro-radio,<br />
input[type=radio] ~ span.metro-radio::before,<br />
input[type=radio] ~ span.metro-radio::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
input[type=radio] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio::before {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: 10px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #FFF;<br />
border: 2px solid #BABABA;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:checked ~ span.metro-radio::after {<br />
position: absolute;<br />
top: 8px;<br />
left: 6px;<br />
z-index: 999;<br />
width: 12px;<br />
height: 12px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #000;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:not(:checked):disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::after {<br />
cursor: default;<br />
background: #868686;<br />
}<br />
<br />
/* Metro Checkbox<br />
-------------------------------------------------- */<br />
<br />
label.checkbox input[type=checkbox],<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::before,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
label.checkbox input[type=checkbox] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
color: #202020;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\e379";<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\2003";<br />
}<br />
<br />
label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after,<br />
label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after,<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
cursor: default;<br />
background: #BABABA;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
color: #4c4c4c;<br />
}<br />
<br />
/* RTL support<br />
-------------------------------------------------- */<br />
<br />
[dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox,<br />
[dir="rtl"] input[type="radio"] ~ span.metro-radio {<br />
padding-right: 36px;<br />
padding-left: 0;<br />
}<br />
<br />
[dir="rtl"] input[type=radio] ~ span.metro-radio::before {<br />
right: -10px;<br />
}<br />
<br />
[dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after {<br />
right: 6px;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
.table thead {<br />
border-bottom: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-size: 9pt;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:first-child,<br />
.table-bordered tbody:first-child tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:last-child,<br />
.table-bordered tbody:first-child tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:first-child,<br />
.table-bordered tbody:last-child tr:last-child td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:last-child,<br />
.table-bordered tbody:last-child tr:last-child td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table tbody tr.success td {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error td {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning td {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info td {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr:hover td,<br />
.table-hover tbody tr:hover th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.table-cell-hover tbody tr td:hover,<br />
.table-cell-hover tbody tr th:hover {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
/* CheckBox cells */<br />
<br />
table td label.checkbox,<br />
table th label.checkbox {<br />
width: 24px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
/*<br />
Dropdown submenu<br />
*/<br />
<br />
.dropdown .caret {<br />
margin: 0;<br />
}<br />
<br />
.caret:after {<br />
content: "\e12c";<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret {<br />
margin-top: 6px;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle:hover .caret,<br />
.nav-pills .dropdown-toggle:hover .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret,<br />
.nav-pills .active .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle .caret,<br />
.nav-pills .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.dropdown-menu li > a:hover,<br />
.dropdown-menu li > a:focus,<br />
.dropdown-submenu:hover > a {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn-mini .caret {<br />
margin-top: 5px;<br />
}<br />
<br />
.dropdown-menu .active > a,<br />
.dropdown-menu .active > a:hover {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 4px;<br />
}<br />
<br />
.dropup .caret:after {<br />
content: "\e131";<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
a.header-dropdown .caret {<br />
width: auto;<br />
height: 24px;<br />
font-size: 24px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
vertical-align: middle;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-small .caret {<br />
margin: 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
margin-top: 0;<br />
margin-right: -5px;<br />
font-family: 'IcoMoon';<br />
color: #CCC;<br />
border: 0;<br />
content: "\e12a";<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border: 0;<br />
content: "";<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
.dropdown:hover .caret,<br />
.open .caret {<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
}<br />
<br />
.caret {<br />
min-width: 14px;<br />
min-height: 18px;<br />
padding: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
font-family: 'IcoMoon';<br />
font-size: inherit;<br />
font-weight: normal;<br />
line-height: 1;<br />
text-indent: 0;<br />
cursor: default;<br />
cursor: pointer;<br />
border: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
vertical-position: bottom;<br />
}<br />
<br />
h1 {<br />
font-size: 40px;<br />
font-weight: 300;<br />
line-height: 48px;<br />
}<br />
<br />
h2 {<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
}<br />
<br />
h3 {<br />
font-size: 20px;<br />
font-weight: 600;<br />
line-height: 26px;<br />
}<br />
<br />
h4 {<br />
font-size: 15px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
}<br />
<br />
h5,<br />
legend {<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
h6,<br />
caption,<br />
figcaption,<br />
small {<br />
font-size: 11px;<br />
font-weight: 400;<br />
line-height: 11px;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
<br />
#header-container a.header-dropdown {<br />
font-size: 26px;<br />
font-weight: 200;<br />
line-height: 34px;<br />
text-decoration: none;<br />
}<br />
<br />
#header-container .dropdown-menu .divider {<br />
background-color: #717171;<br />
}<br />
<br />
#header-container .dropdown.open .dropdown-toggle {<br />
color: inherit;<br />
background: inherit;<br />
}<br />
<br />
#header-container h5 {<br />
font-size: 14px;<br />
}<br />
<br />
.text-warning {<br />
color: #f09609;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #bf7707;<br />
}<br />
<br />
.text-error {<br />
color: #bc1c48;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #901537;<br />
}<br />
<br />
.text-info {<br />
color: #2d89f0;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #106fda;<br />
}<br />
<br />
.text-success {<br />
color: #01a31c;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #017013;<br />
}<br />
<br />
dt,<br />
th {<br />
font-size: 16px;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
/* 20px when font-size is 11pt */<br />
<br />
}<br />
<br />
abbr,<br />
acronym,<br />
address,<br />
blockquote,<br />
cite,<br />
dl,<br />
dd,<br />
li,<br />
ol,<br />
p,<br />
q,<br />
td,<br />
tr {<br />
font-weight: 300;<br />
}<br />
<br />
blockquote {<br />
padding-top: 5px;<br />
padding-bottom: 5px;<br />
background-color: #eeeeee;<br />
border-left: 5px solid #0177db;<br />
}<br />
<br />
blockquote.pull-right {<br />
padding-left: 15px;<br />
border-right: 5px solid #0177db;<br />
}<br />
<br />
b,<br />
strong {<br />
font-weight: 600;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
p {<br />
font-weight: 300;<br />
}<br />
<br />
/* Additional letter-spacing for the document and its controls.<br />
-------------------------------------------------- */<br />
<br />
body,<br />
button,<br />
input,<br />
textarea,<br />
select,<br />
option {<br />
letter-spacing: 0.02em;<br />
}<br />
<br />
.page-header {<br />
border-bottom: 0;<br />
}<br />
<br />
/*<br />
Button control.<br />
*/<br />
<br />
button,<br />
input[type=button],<br />
input[type=reset],<br />
input[type=submit] {<br />
padding: 4px 8px;<br />
margin-bottom: 0;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
border: 2px solid #cccccc;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
File upload control.<br />
*/<br />
<br />
input[type=file] {<br />
width: 340px;<br />
height: 32px;<br />
min-width: 100px;<br />
min-height: 20px;<br />
padding: 0;<br />
margin: 7px 8px 21px 8px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Back button.<br />
*/<br />
<br />
.win-backbutton {<br />
display: inline-block;<br />
width: 38px;<br />
height: 38px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 20px;<br />
line-height: 38px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
.win-backbutton:before {<br />
font-family: 'IcoMoon';<br />
font-size: 22px;<br />
font-weight: normal;<br />
vertical-align: top;<br />
content: "\e41c";<br />
}<br />
<br />
.win-backbutton:disabled,<br />
.win-backbutton:disabled:active {<br />
visibility: hidden;<br />
background-clip: padding-box;<br />
}<br />
<br />
#nav-bar .win-backbutton {<br />
position: absolute;<br />
top: 30px;<br />
left: 0;<br />
}<br />
<br />
/*<br />
Command buttons.<br />
*/<br />
<br />
.win-command {<br />
display: inline-block;<br />
height: auto;<br />
margin: 0 5px;<br />
font-size: 9pt;<br />
font-weight: normal;<br />
line-height: 16px;<br />
letter-spacing: 0.02em;<br />
text-align: center;<br />
vertical-align: top;<br />
cursor: pointer;<br />
background: none;<br />
border: 0;<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button icons.<br />
*/<br />
<br />
.win-commandicon {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 24px;<br />
line-height: 40px !important;<br />
}<br />
<br />
.win-commandimage {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
letter-spacing: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
/*<br />
Command button "ring".<br />
*/<br />
<br />
.win-commandring {<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
a:hover:active .win-commandring,<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button:hover:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button labels.<br />
*/<br />
<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
position: relative;<br />
display: block;<br />
width: 100%;<br />
padding-right: 4px;<br />
padding-left: 4px;<br />
margin-top: 3px;<br />
overflow: hidden;<br />
line-height: 15px;<br />
word-break: keep-all;<br />
word-wrap: break-word;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
a.win-command,<br />
a.win-command:hover {<br />
text-decoration: none;<br />
}<br />
<br />
.win-command.win-command-large .win-commandicon {<br />
width: 60px;<br />
height: 60px;<br />
font-size: 40px;<br />
line-height: 60px !important;<br />
text-align: center;<br />
}<br />
<br />
.win-command.win-command-small .win-commandicon {<br />
width: 24px;<br />
height: 24px;<br />
font-size: 16px;<br />
line-height: 24px !important;<br />
}<br />
<br />
/*<br />
AppBarCommand separator.<br />
*/<br />
<br />
hr.win-command {<br />
display: inline-block;<br />
width: 1px;<br />
height: 40px;<br />
padding: 0;<br />
margin: 14px 29px 34px 30px;<br />
vertical-align: top;<br />
border: 0;<br />
}<br />
<br />
/*<br />
AppBar Edgy Container<br />
*/<br />
<br />
.win-appbar {<br />
position: fixed;<br />
left: 0;<br />
z-index: 1001;<br />
width: 100%;<br />
height: auto;<br />
border-width: 0;<br />
}<br />
<br />
/*<br />
AppBar control.<br />
*/<br />
<br />
.win-commandlayout {<br />
min-height: 88px;<br />
padding-left: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.win-commandlayout .win-selection {<br />
float: left;<br />
}<br />
<br />
.win-commandlayout .win-command {<br />
padding: 12px 0;<br />
}<br />
<br />
.btn {<br />
line-height: 18px;<br />
}<br />
<br />
.btn.btn-link {<br />
color: #0088CC;<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
<br />
.btn.btn-link:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
-webkit-transition: none 0s ease 0s;<br />
-moz-transition: none 0s ease 0s;<br />
-o-transition: none 0s ease 0s;<br />
transition: none 0s ease 0s;<br />
}<br />
<br />
.btn-large.dropdown-toggle {<br />
padding-top: 2px;<br />
padding-bottom: 2px;<br />
}<br />
<br />
.btn-mini.dropdown-toggle {<br />
padding-top: 5px;<br />
}<br />
<br />
.btn-small {<br />
min-height: 20px;<br />
padding: 3px 9px;<br />
line-height: 16px;<br />
}<br />
<br />
.btn-primary,<br />
.btn-primary:hover,<br />
.btn-warning,<br />
.btn-warning:hover,<br />
.btn-danger,<br />
.btn-danger:hover,<br />
.btn-success,<br />
.btn-success:hover,<br />
.btn-info,<br />
.btn-info:hover,<br />
.btn-inverse,<br />
.btn-inverse:hover {<br />
text-shadow: none;<br />
}<br />
<br />
.btn.btn-warning,<br />
.btn.btn-danger,<br />
.btn.btn-success,<br />
.btn.btn-info,<br />
.btn.btn-inverse {<br />
color: #FFF;<br />
}<br />
<br />
.btn-group > .btn:first-child,<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .dropdown-toggle {<br />
min-width: 20px;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
padding-top: 0;<br />
*padding-top: 0;<br />
padding-bottom: 0;<br />
*padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle .caret {<br />
margin-top: 2px;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle {<br />
padding-top: 0;<br />
padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
padding-top: 10px;<br />
*padding-top: 10px;<br />
padding-bottom: 8px;<br />
*padding-bottom: 8px;<br />
}<br />
<br />
.btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.notifications {<br />
position: fixed;<br />
}<br />
<br />
.notifications.top-right {<br />
top: 0;<br />
right: 0;<br />
}<br />
<br />
.notifications > div {<br />
position: relative;<br />
z-index: 1060;<br />
}<br />
<br />
.alert {<br />
position: relative;<br />
z-index: 1060;<br />
text-shadow: none;<br />
}<br />
<br />
.alert .close:hover {<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.alert .alert-heading {<br />
font-weight: 600;<br />
}<br />
<br />
.toast {<br />
position: relative;<br />
z-index: 1060;<br />
width: 400px;<br />
height: 90px;<br />
margin-top: 15px;<br />
margin-bottom: 10px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
background-color: #2e8bcc;<br />
border: 2px solid #54a2d9;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body {<br />
height: 64px;<br />
padding: 13px 60px 13px 15px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body p {<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast-object {<br />
display: block;<br />
}<br />
<br />
.toast-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast.toasttext01 p {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 p {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 h4 {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
display: inline-block;<br />
width: 30px;<br />
height: 30px;<br />
min-width: 0;<br />
min-height: 0;<br />
font-family: 'IcoMoon';<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 12px;<br />
text-align: center;<br />
text-indent: 0;<br />
text-shadow: none;<br />
vertical-align: baseline;<br />
border: 0;<br />
opacity: 1;<br />
box-sizing: border-box;<br />
background-clip: border-box;<br />
}<br />
<br />
.toast .close:after,<br />
.modal .close:after,<br />
.alert .close:after {<br />
font-size: 14px;<br />
content: "\e37a";<br />
}<br />
<br />
.toast .close {<br />
display: none;<br />
}<br />
<br />
.toast:hover .close {<br />
display: inline-block;<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.nav-header {<br />
font-size: 14px;<br />
font-weight: 300;<br />
text-shadow: none;<br />
}<br />
<br />
.nav-pills > li > a,<br />
.nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a,<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-menu,<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
/* Nav: first level */<br />
<br />
.metro-nav-list {<br />
margin: 0 0 25px 0;<br />
}<br />
<br />
.metro-nav-list > li {<br />
position: relative;<br />
}<br />
<br />
.metro-nav-list > li > a {<br />
display: block;<br />
padding: 4px 25px;<br />
font-size: 18px;<br />
text-shadow: none;<br />
}<br />
<br />
.metro-nav-list > li > a:hover,<br />
.metro-nav-list > li > a:focus {<br />
color: #FFF;<br />
text-decoration: none;<br />
background-color: #0177db;<br />
}<br />
<br />
.metro-nav-list > .active > a,<br />
.metro-nav-list > .active:hover > a,<br />
.metro-nav-list > .active:focus > a {<br />
font-weight: 600;<br />
}<br />
<br />
/* Section headings for groups of links */<br />
<br />
.metro-nav-list > .nav-header {<br />
margin-top: 20px;<br />
margin-bottom: 5px;<br />
font-size: 14px;<br />
font-weight: 500;<br />
color: #333;<br />
}<br />
<br />
/* Nav: second level (shown on .active) */<br />
<br />
.metro-nav-list .nav {<br />
margin-bottom: 5px;<br />
}<br />
<br />
.metro-nav-list > .active > ul {<br />
display: block;<br />
}<br />
<br />
.metro-nav-list .nav > li > a {<br />
display: inline-block;<br />
padding-top: 2px;<br />
padding-left: 10px;<br />
margin-bottom: 2px;<br />
margin-left: 40px;<br />
font-size: 90%;<br />
border-left: 3px solid #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > li > a:hover {<br />
color: #FFF;<br />
background-color: #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > .active > a,<br />
.metro-nav-list .nav > .active:hover > a,<br />
.metro-nav-list .nav > .active:focus > a {<br />
font-weight: 600;<br />
border-left: 3px solid #0177db;<br />
}<br />
<br />
/* Nav: third level (shown on .active) */<br />
<br />
.metro-nav-list .nav .nav {<br />
margin-left: 20px;<br />
}<br />
<br />
.navbar-inner {<br />
background-color: transparent;<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret,<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar.metro-navbar .navbar-inner {<br />
height: 60px;<br />
min-height: 60px;<br />
background-color: #EEEEEE;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li {<br />
line-height: 40px;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li > a {<br />
margin-right: 4px;<br />
text-shadow: none;<br />
text-transform: uppercase;<br />
background-color: #DDD;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li.active > a {<br />
background-color: #FFF;<br />
}<br />
<br />
.navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar.metro-navbar .nav li.dropdown.open .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.pager .next a:after {<br />
font-family: 'IcoMoon';<br />
content: "\e12a";<br />
}<br />
<br />
.pager .previous a:before {<br />
font-family: 'IcoMoon';<br />
content: "\e127";<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.pagination a:hover,<br />
.pagination .active a {<br />
background-color: #CCC;<br />
}<br />
<br />
.pagination .active a {<br />
color: #FFF;<br />
}<br />
<br />
.pagination ul {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal {<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal .close:hover {<br />
margin-top: 0;<br />
color: #FFF;<br />
background-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.modal.warning.fade.in {<br />
top: 0;<br />
}<br />
<br />
.modal.message.fade.in {<br />
top: 20%;<br />
}<br />
<br />
.modal-header {<br />
border: 0;<br />
}<br />
<br />
.modal.message,<br />
.modal.warning {<br />
left: 0;<br />
width: 60%;<br />
padding: 0 20%;<br />
margin: 0;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal.warning {<br />
width: 100%;<br />
padding: 0 1%;<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.modal.warning .modal-body {<br />
display: inline-block;<br />
width: 60%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal.warning .modal-footer {<br />
display: inline-block;<br />
width: 30%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal-body {<br />
max-height: 300px;<br />
}<br />
<br />
.modal-footer {<br />
background-color: transparent;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.popover {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.popover-title {<br />
line-height: 1;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.popover-inner {<br />
overflow: hidden;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
#content-filters {<br />
margin-top: 10px;<br />
}<br />
<br />
#content-filters .nav-pills > li > a {<br />
display: inline-block;<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
#content-filters .nav > li > a:hover {<br />
text-decoration: none;<br />
background-color: inherit;<br />
}<br />
<br />
#content-filters .nav-pills > .active > a,<br />
#content-filters .nav-pills > .active > a:hover {<br />
color: inherit;<br />
background-color: transparent;<br />
}<br />
<br />
#content-filters .nav-pills > .open > a,<br />
#content-filters .nav-pills > .open > a:hover {<br />
color: #FFF;<br />
background-color: #999;<br />
}<br />
<br />
#content-filters .nav-pills > li > span {<br />
display: inline-block;<br />
padding: 8px 0;<br />
margin: 1px 0;<br />
font-size: 13px;<br />
line-height: 15px;<br />
vertical-align: top;<br />
}<br />
<br />
#content-filters div {<br />
position: relative;<br />
}<br />
<br />
#content-filters a {<br />
font-size: 15px;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.badge {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
color: #ffffff;<br />
background-color: #901537;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
color: #ffffff;<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #01a31c;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
color: #ffffff;<br />
background-color: #017013;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
color: #ffffff;<br />
background-color: #106fda;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
/*<br />
Progress control. */<br />
<br />
.progress {<br />
height: auto;<br />
background-image: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.progress .bar {<br />
height: 5px;<br />
}<br />
<br />
.progress.progress-indeterminate {<br />
height: auto;<br />
background-color: transparent;<br />
}<br />
<br />
.progress.progress-indeterminate .bar {<br />
position: static;<br />
display: block;<br />
width: 88px;<br />
height: 8px;<br />
margin: 4px auto;<br />
background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring {<br />
display: inline-block;<br />
width: 50px;<br />
height: 50px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .bar {<br />
background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger,<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger,<br />
.progress-success .bar,<br />
.progress .bar-success,<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success,<br />
.progress-info .bar,<br />
.progress .bar-info,<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info,<br />
.progress-warning .bar,<br />
.progress .bar-warning,<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.carousel-control {<br />
font-family: "IcoMoon";<br />
font-size: 40px;<br />
line-height: 40px;<br />
border-width: 2px;<br />
}<br />
<br />
.carousel.flipview .carousel-control {<br />
left: 0;<br />
display: none;<br />
width: 60px;<br />
height: 40px;<br />
font-size: 20px;<br />
line-height: 40px;<br />
color: #000000;<br />
background: rgba(255, 255, 255, 0.6);<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.carousel.flipview .carousel-control.right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.carousel.flipview .carousel-control:hover {<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel.flipview:hover .carousel-control {<br />
display: block;<br />
}<br />
<br />
.hero-unit {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.bg-color-orange {<br />
background-color: #f09609 !important;<br />
}<br />
<br />
.bg-color-purple {<br />
background-color: #7b4f9d !important;<br />
}<br />
<br />
.bg-color-greenDark {<br />
background-color: #008641 !important;<br />
}<br />
<br />
.bg-color-blue {<br />
background-color: #2e8bcc !important;<br />
}<br />
<br />
.bg-color-red {<br />
background-color: #e51400 !important;<br />
}<br />
<br />
.bg-color-green {<br />
background-color: #339933 !important;<br />
}<br />
<br />
.bg-color-blueDark {<br />
background-color: #20608e !important;<br />
}<br />
<br />
.bg-color-yellow {<br />
background-color: #ffc40d !important;<br />
}<br />
<br />
.bg-color-pink {<br />
background-color: #e671b8 !important;<br />
}<br />
<br />
.bg-color-darken {<br />
background-color: #1c1c1c !important;<br />
}<br />
<br />
.bg-color-gray {<br />
background-color: #555555 !important;<br />
}<br />
<br />
.bg-color-grayLight {<br />
background-color: #999999 !important;<br />
}<br />
<br />
.metro {<br />
position: relative;<br />
}<br />
<br />
.tile-column {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.tile-column-span-1 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 162px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-2 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 324px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-3 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 480px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-4 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-5 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-6 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 800px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-7 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 960px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-8 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 1120px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.panorama {<br />
position: relative;<br />
width: 100%;<br />
margin: 0 40px;<br />
overflow: hidden;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.panorama.nohidden {<br />
width: auto;<br />
overflow: inherit;<br />
}<br />
<br />
.panorama .panorama-sections {<br />
position: relative;<br />
width: 10000px;<br />
height: auto;<br />
padding-bottom: 24px;<br />
overflow: hidden;<br />
}<br />
<br />
.panorama .panorama-sections h2 {<br />
margin-left: 5px;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
margin-right: 75px;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-1 {<br />
width: 160px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-2 {<br />
width: 320px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-3 {<br />
width: 480px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-4 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-5 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-6 {<br />
width: 800px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-7 {<br />
width: 960px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-8 {<br />
width: 1120px;<br />
margin-left: 0;<br />
}<br />
<br />
.metro .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
border: 1px solid rgba(255, 255, 255, 0.3);<br />
-webkit-background-clip: padding;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.metro .tile.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.metro .tile.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.metro .tile.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.metro .tile .app-label,<br />
.metro .tile .label {<br />
position: absolute;<br />
bottom: 5px;<br />
left: 20px;<br />
font-size: 12px;<br />
}<br />
<br />
.metro .tile .app-count,<br />
.metro .tile .count {<br />
position: absolute;<br />
right: 20px;<br />
bottom: 5px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
}<br />
<br />
.metro .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro .tile .textover-wrapper {<br />
position: absolute;<br />
bottom: 0;<br />
height: 48px;<br />
padding: 2px 20px;<br />
background-color: inherit;<br />
}<br />
<br />
.metro .tile .textover-wrapper.transparent {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column3-text {<br />
display: block;<br />
float: left;<br />
width: 200px;<br />
}<br />
<br />
.metro .tile .column3-label {<br />
display: block;<br />
float: left;<br />
width: 50px;<br />
}<br />
<br />
.metro .tile .column2-text {<br />
display: block;<br />
float: left;<br />
width: 160px;<br />
}<br />
<br />
.metro .tile .column2-label {<br />
display: block;<br />
float: left;<br />
width: 90px;<br />
}<br />
<br />
.metro .tile .text2 {<br />
max-height: 44px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text3 {<br />
max-height: 56px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text4 {<br />
max-height: 72px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column {<br />
display: block;<br />
float: left;<br />
width: 130px;<br />
}<br />
<br />
.metro .tile .text5 {<br />
max-height: 92px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text {<br />
height: 18px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile:hover {<br />
outline: 3px #225a68 solid;<br />
}<br />
<br />
.metro .tile.app .image-wrapper {<br />
display: block;<br />
width: 150px;<br />
height: 80px;<br />
padding: 8px 0;<br />
margin-top: 20px;<br />
text-align: center;<br />
vertical-align: middle;<br />
}<br />
<br />
.metro .tile.app .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
margin: 0 auto;<br />
}<br />
<br />
.metro .tile.square.text {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.square.text .text-big {<br />
overflow: hidden;<br />
font-size: 76px;<br />
line-height: 76px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.text.tilesquareblock .text {<br />
overflow: hidden;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.image {<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.square.image img {<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek {<br />
width: 150px;<br />
height: 312px;<br />
}<br />
<br />
.metro .tile.squarepeek img {<br />
width: 150px;<br />
height: 150px;<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek .text-inner {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.app {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.app .image-wrapper {<br />
width: 310px;<br />
}<br />
<br />
.metro .tile.wide.text {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
margin-left: 10px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big .text-big {<br />
overflow: hidden;<br />
font-size: 74px;<br />
line-height: 60px;<br />
text-align: right;<br />
}<br />
<br />
.metro .tile.wide.text .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.imagetext {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
margin-right: 10px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.image {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image img {<br />
max-width: 310px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles {<br />
display: inline-block;<br />
float: left;<br />
width: 152px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles img {<br />
display: inline-block;<br />
float: left;<br />
max-width: 75px;<br />
max-height: 75px;<br />
border-left: 1px solid #2A2A2A;<br />
}<br />
<br />
.metro .tile.wide.imagetext.wideimage {<br />
width: 310px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.wide.image.collection img {<br />
float: left;<br />
max-width: 158px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.widepeek {<br />
width: 310px;<br />
height: 300px;<br />
}<br />
<br />
.metro .tile.widepeek .tile {<br />
margin: 0;<br />
}<br />
<br />
.metro .tile.widepeek .tile:hover {<br />
outline: 0;<br />
}<br />
<br />
.metro .tile.square .textover-wrapper,<br />
.metro .tile.squarepeek .textover-wrapper {<br />
width: 130px;<br />
}<br />
<br />
.metro .tile.wide .textover-wrapper,<br />
.metro .tile.widepeek .textover-wrapper {<br />
width: 270px;<br />
}<br />
<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
position: absolute;<br />
top: 96px;<br />
left: 4px;<br />
z-index: 1061;<br />
display: inline-block;<br />
width: 42px;<br />
width: 32px;<br />
height: 42px;<br />
height: 32px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-family: 'icomoon';<br />
font-size: 24px;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 40px !important;<br />
line-height: 1;<br />
text-align: center;<br />
text-decoration: none;<br />
text-transform: none;<br />
background: none;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
outline: 0;<br />
background-clip: border-box;<br />
font-variant: normal;<br />
}<br />
<br />
#panorama-scroll-next {<br />
right: 4px;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev:hover,<br />
#panorama-scroll-next:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
#panorama-scroll-prev:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a4";<br />
}<br />
<br />
#panorama-scroll-next:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a0";<br />
}<br />
<br />
#panorama-scroll-prev-bkg,<br />
#panorama-scroll-next-bkg {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1060;<br />
display: block;<br />
width: 40px;<br />
height: 100%;<br />
background-color: transparent;<br />
}<br />
<br />
#panorama-scroll-next-bkg {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev-bkg:hover,<br />
#panorama-scroll-next-bkg:hover {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro-responsive-tiles .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
height: 150px;<br />
padding: 20px;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header2 {<br />
max-height: 80px;<br />
overflow: hidden;<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
padding-left: 10px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .tile-form {<br />
margin: 10px 0;<br />
}<br />
<br />
.pivot {<br />
position: relative;<br />
}<br />
<br />
.pivot > .pivot-headers {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.pivot > .pivot-headers > a {<br />
margin: 0 10px 0 0;<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #555555;<br />
text-decoration: none;<br />
text-transform: lowercase;<br />
}<br />
<br />
.pivot > .pivot-headers > a:hover {<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-headers > a.active {<br />
font-weight: 400;<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-items {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.pivot > .pivot-items > .pivot-item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.4s ease-in-out left;<br />
-moz-transition: 0.4s ease-in-out left;<br />
-o-transition: 0.4s ease-in-out left;<br />
transition: 0.4s ease-in-out left;<br />
}<br />
<br />
.pivot > .pivot-items > .active,<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
display: block;<br />
}<br />
<br />
.pivot > .pivot-items > .active {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next {<br />
left: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .prev {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next.left,<br />
.pivot > .pivot-items > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items .active.right {<br />
left: 100%;<br />
}<br />
<br />
.listview.grid-layout {<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.grid-layout .listview-item {<br />
margin-right: 24px;<br />
}<br />
<br />
.listview.list-layout {<br />
width: 330px;<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.list-layout.big {<br />
width: 430px;<br />
}<br />
<br />
.listview-item {<br />
position: relative;<br />
display: inline-block;<br />
width: 282px;<br />
min-height: 60px;<br />
padding: 10px;<br />
margin-top: 15px;<br />
margin-bottom: 7px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
vertical-align: top;<br />
border: solid 3px transparent;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item:hover {<br />
cursor: pointer;<br />
border: solid 3px #225a68;<br />
}<br />
<br />
.listview-item.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.listview-item.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.listview-item.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.listview-item-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item-body p {<br />
height: 20px;<br />
margin: 0;<br />
overflow: hidden;<br />
line-height: 20px;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-body p.two-lines {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-body p.three-lines {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-object {<br />
display: block;<br />
width: 60px;<br />
height: 60px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 60px;<br />
height: 60px;<br />
font-size: 60px;<br />
line-height: 60px;<br />
}<br />
<br />
.listview-item-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-subheading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
color: #eeeeee;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item.big {<br />
width: 380px;<br />
}<br />
<br />
.listview-item.big .listview-item-object {<br />
display: block;<br />
width: 112px;<br />
height: 112px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item.big .listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 112px;<br />
height: 112px;<br />
font-size: 112px;<br />
line-height: 112px;<br />
}<br />
<br />
/*<br />
Tile ListView<br />
*/<br />
<br />
.metro .tile-listviewitem-container {<br />
overflow: auto;<br />
}<br />
<br />
.metro .tile-listviewitem {<br />
position: relative;<br />
display: block;<br />
height: 113px;<br />
padding: 7px 0;<br />
margin: 0 0 13px 0;<br />
overflow: hidden;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: transparent;<br />
}<br />
<br />
.metro .tile-listviewitem img {<br />
display: inline-block;<br />
width: 100%;<br />
height: 100%;<br />
margin-left: 7px;<br />
vertical-align: top;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro .tile-listviewitem .detail {<br />
display: inline-block;<br />
height: 113px;<br />
margin-right: 7px;<br />
margin-left: 10px;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
vertical-align: top;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .title {<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .subtitle {<br />
font-size: 10px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem.selected {<br />
color: #FFF;<br />
background-color: #4617b4;<br />
}<br />
<br />
.metro .tile-listviewitem:hover {<br />
background-color: #b3b3b3;<br />
}<br />
<br />
.metro .tile-listviewitem.selected:hover {<br />
background-color: #4617b4;<br />
}<br />
<br />
article.tile-listviewitem-detail {<br />
margin-left: 72px;<br />
}<br />
<br />
article.tile-listviewitem-detail header img {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h1 {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h2 {<br />
font-size: 14px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail section {<br />
padding-top: 20px;<br />
}<br />
<br />
#charms {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
display: block;<br />
width: 320px;<br />
height: 100%;<br />
padding: 0;<br />
margin: 0;<br />
background-color: #004D60;<br />
}<br />
<br />
#charms a.win-command {<br />
display: inline-block;<br />
padding: 0;<br />
margin: 0;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
#charms .charms-section {<br />
margin: 0 40px 40px 40px;<br />
}<br />
<br />
#charms a:hover {<br />
background-color: #216475;<br />
}<br />
<br />
#charms .charms-header {<br />
position: relative;<br />
padding: 40px 0 30px 0;<br />
}<br />
<br />
#charms .charms-header a#pin-charms {<br />
position: absolute;<br />
top: 2px;<br />
right: 2px;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: -24px;<br />
font-size: 11px;<br />
color: #FFF;<br />
text-align: center;<br />
}<br />
<br />
#charms .charms-header a#pin-charms.active {<br />
color: #000;<br />
background-color: #FFF;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
}<br />
<br />
#charms .charms-header h2 {<br />
display: inline-block;<br />
margin-left: 10px;<br />
color: #FFF;<br />
}<br />
<br />
#charms hr {<br />
border: 1px solid #357281;<br />
}<br />
<br />
#charms h2,<br />
#charms h3,<br />
#charms h4,<br />
#charms p,<br />
#charms a,<br />
#charms label {<br />
color: #19BFC9;<br />
}<br />
<br />
#charms .charms-header a.win-backbutton {<br />
width: 32px;<br />
height: 32px;<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
}<br />
<br />
#charms-body {<br />
min-width: 350px;<br />
}<br />
<br />
#charms.slide {<br />
right: -320px;<br />
-webkit-transition: all 0.36s ease;<br />
-moz-transition: all 0.36s ease;<br />
-ms-transition: all 0.36s ease;<br />
-o-transition: all 0.36s ease;<br />
transition: all 0.36s ease;<br />
}<br />
<br />
#charms.slide.in {<br />
right: 0;<br />
}<br />
<br />
#wizard-step-content {<br />
padding: 0;<br />
margin-top: 20px;<br />
vertical-align: top;<br />
}<br />
<br />
.wizard {<br />
background-color: #FFF;<br />
}<br />
<br />
#wizard-steps-container {<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
}<br />
<br />
#wizard-steps-container h2 {<br />
padding: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
ul#wizard-steps {<br />
margin: 0;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li.active {<br />
background-color: #FFF;<br />
}<br />
<br />
ul#wizard-steps li.active a {<br />
color: #666;<br />
}<br />
<br />
ul#wizard-steps li {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li a {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
padding: 0 20px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
color: #FFF;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
/*!<br />
* Bootstrap Responsive v2.2.1<br />
*<br />
* Copyright 2012 Twitter, Inc<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
* Designed and built with all the love in the world @twitter by @mdo and @fat.<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
@-ms-viewport {<br />
width: device-width;<br />
}<br />
<br />
.hidden {<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
.visible-phone {<br />
display: none !important;<br />
}<br />
<br />
.visible-tablet {<br />
display: none !important;<br />
}<br />
<br />
.hidden-desktop {<br />
display: none !important;<br />
}<br />
<br />
.visible-desktop {<br />
display: inherit !important;<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important ;<br />
}<br />
.visible-tablet {<br />
display: inherit !important;<br />
}<br />
.hidden-tablet {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important;<br />
}<br />
.visible-phone {<br />
display: inherit !important;<br />
}<br />
.hidden-phone {<br />
display: none !important;<br />
}<br />
}<br />
<br />
.visible-print {<br />
display: none !important;<br />
}<br />
<br />
@media print {<br />
.visible-print {<br />
display: inherit !important;<br />
}<br />
.hidden-print {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
.row {<br />
margin-left: -30px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 30px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 1170px;<br />
}<br />
.span12 {<br />
width: 1170px;<br />
}<br />
.span11 {<br />
width: 1070px;<br />
}<br />
.span10 {<br />
width: 970px;<br />
}<br />
.span9 {<br />
width: 870px;<br />
}<br />
.span8 {<br />
width: 770px;<br />
}<br />
.span7 {<br />
width: 670px;<br />
}<br />
.span6 {<br />
width: 570px;<br />
}<br />
.span5 {<br />
width: 470px;<br />
}<br />
.span4 {<br />
width: 370px;<br />
}<br />
.span3 {<br />
width: 270px;<br />
}<br />
.span2 {<br />
width: 170px;<br />
}<br />
.span1 {<br />
width: 70px;<br />
}<br />
.offset12 {<br />
margin-left: 1230px;<br />
}<br />
.offset11 {<br />
margin-left: 1130px;<br />
}<br />
.offset10 {<br />
margin-left: 1030px;<br />
}<br />
.offset9 {<br />
margin-left: 930px;<br />
}<br />
.offset8 {<br />
margin-left: 830px;<br />
}<br />
.offset7 {<br />
margin-left: 730px;<br />
}<br />
.offset6 {<br />
margin-left: 630px;<br />
}<br />
.offset5 {<br />
margin-left: 530px;<br />
}<br />
.offset4 {<br />
margin-left: 430px;<br />
}<br />
.offset3 {<br />
margin-left: 330px;<br />
}<br />
.offset2 {<br />
margin-left: 230px;<br />
}<br />
.offset1 {<br />
margin-left: 130px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
*margin-left: 2.5109110747408616%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.45299145299145%;<br />
*width: 91.39979996362975%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.90598290598291%;<br />
*width: 82.8527914166212%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
*width: 74.30578286961266%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.81196581196582%;<br />
*width: 65.75877432260411%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.26495726495726%;<br />
*width: 57.21176577559556%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.717948717948715%;<br />
*width: 48.664757228587014%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.17094017094017%;<br />
*width: 40.11774868157847%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.623931623931625%;<br />
*width: 31.570740134569924%;<br />
}<br />
.row-fluid .span3 {<br />
width: 23.076923076923077%;<br />
*width: 23.023731587561375%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.52991452991453%;<br />
*width: 14.476723040552828%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
*width: 5.929714493544281%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.12820512820512%;<br />
*margin-left: 105.02182214948171%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.56410256410257%;<br />
*margin-left: 102.45771958537915%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.58119658119658%;<br />
*margin-left: 96.47481360247316%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.01709401709402%;<br />
*margin-left: 93.91071103837061%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.03418803418803%;<br />
*margin-left: 87.92780505546462%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.47008547008548%;<br />
*margin-left: 85.36370249136206%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.48717948717949%;<br />
*margin-left: 79.38079650845607%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.92307692307693%;<br />
*margin-left: 76.81669394435352%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 70.94017094017094%;<br />
*margin-left: 70.83378796144753%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.37606837606839%;<br />
*margin-left: 68.26968539734497%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.393162393162385%;<br />
*margin-left: 62.28677941443899%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.82905982905982%;<br />
*margin-left: 59.72267685033642%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 53.84615384615384%;<br />
*margin-left: 53.739770867430444%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.28205128205128%;<br />
*margin-left: 51.175668303327875%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.299145299145295%;<br />
*margin-left: 45.1927623204219%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.73504273504273%;<br />
*margin-left: 42.62865975631933%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 36.75213675213675%;<br />
*margin-left: 36.645753773413354%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.18803418803419%;<br />
*margin-left: 34.081651209310785%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.205128205128204%;<br />
*margin-left: 28.0987452264048%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.641025641025642%;<br />
*margin-left: 25.53464266230224%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.65811965811966%;<br />
*margin-left: 19.551736679396257%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.094017094017094%;<br />
*margin-left: 16.98763411529369%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.11111111111111%;<br />
*margin-left: 11.004728132387708%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.547008547008547%;<br />
*margin-left: 8.440625568285142%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 30px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 1156px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 1056px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 956px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 856px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 756px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 656px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 556px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 456px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 356px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 256px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 156px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 56px;<br />
}<br />
.thumbnails {<br />
margin-left: -30px;<br />
}<br />
.thumbnails > li {<br />
margin-left: 30px;<br />
}<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 724px;<br />
}<br />
.span12 {<br />
width: 724px;<br />
}<br />
.span11 {<br />
width: 662px;<br />
}<br />
.span10 {<br />
width: 600px;<br />
}<br />
.span9 {<br />
width: 538px;<br />
}<br />
.span8 {<br />
width: 476px;<br />
}<br />
.span7 {<br />
width: 414px;<br />
}<br />
.span6 {<br />
width: 352px;<br />
}<br />
.span5 {<br />
width: 290px;<br />
}<br />
.span4 {<br />
width: 228px;<br />
}<br />
.span3 {<br />
width: 166px;<br />
}<br />
.span2 {<br />
width: 104px;<br />
}<br />
.span1 {<br />
width: 42px;<br />
}<br />
.offset12 {<br />
margin-left: 764px;<br />
}<br />
.offset11 {<br />
margin-left: 702px;<br />
}<br />
.offset10 {<br />
margin-left: 640px;<br />
}<br />
.offset9 {<br />
margin-left: 578px;<br />
}<br />
.offset8 {<br />
margin-left: 516px;<br />
}<br />
.offset7 {<br />
margin-left: 454px;<br />
}<br />
.offset6 {<br />
margin-left: 392px;<br />
}<br />
.offset5 {<br />
margin-left: 330px;<br />
}<br />
.offset4 {<br />
margin-left: 268px;<br />
}<br />
.offset3 {<br />
margin-left: 206px;<br />
}<br />
.offset2 {<br />
margin-left: 144px;<br />
}<br />
.offset1 {<br />
margin-left: 82px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.7624309392265194%;<br />
*margin-left: 2.709239449864817%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.7624309392265194%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.43646408839778%;<br />
*width: 91.38327259903608%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.87292817679558%;<br />
*width: 82.81973668743387%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.30939226519337%;<br />
*width: 74.25620077583166%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.74585635359117%;<br />
*width: 65.69266486422946%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.18232044198895%;<br />
*width: 57.12912895262725%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.61878453038674%;<br />
*width: 48.56559304102504%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.05524861878453%;<br />
*width: 40.00205712942283%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.491712707182323%;<br />
*width: 31.43852121782062%;<br />
}<br />
.row-fluid .span3 {<br />
width: 22.92817679558011%;<br />
*width: 22.87498530621841%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.3646408839779%;<br />
*width: 14.311449394616199%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.801104972375691%;<br />
*width: 5.747913483013988%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.52486187845304%;<br />
*margin-left: 105.41847889972962%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.76243093922652%;<br />
*margin-left: 102.6560479605031%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.96132596685082%;<br />
*margin-left: 96.8549429881274%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.1988950276243%;<br />
*margin-left: 94.09251204890089%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.39779005524862%;<br />
*margin-left: 88.2914070765252%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.6353591160221%;<br />
*margin-left: 85.52897613729868%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.8342541436464%;<br />
*margin-left: 79.72787116492299%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 77.07182320441989%;<br />
*margin-left: 76.96544022569647%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 71.2707182320442%;<br />
*margin-left: 71.16433525332079%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.50828729281768%;<br />
*margin-left: 68.40190431409427%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.70718232044199%;<br />
*margin-left: 62.600799341718584%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.94475138121547%;<br />
*margin-left: 59.838368402492065%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 54.14364640883978%;<br />
*margin-left: 54.037263430116376%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.38121546961326%;<br />
*margin-left: 51.27483249088986%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.58011049723757%;<br />
*margin-left: 45.47372751851417%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.81767955801105%;<br />
*margin-left: 42.71129657928765%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 37.01657458563536%;<br />
*margin-left: 36.91019160691196%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.25414364640884%;<br />
*margin-left: 34.14776066768544%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.45303867403315%;<br />
*margin-left: 28.346655695309746%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.69060773480663%;<br />
*margin-left: 25.584224756083227%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.88950276243094%;<br />
*margin-left: 19.783119783707537%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.12707182320442%;<br />
*margin-left: 17.02068884448102%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.32596685082873%;<br />
*margin-left: 11.219583872105325%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.56353591160221%;<br />
*margin-left: 8.457152932878806%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 710px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 648px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 586px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 524px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 462px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 400px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 338px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 276px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 214px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 152px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 90px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 28px;<br />
}<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (min-width: 321px) and (max-width: 1023px) {<br />
hr.win-command {<br />
margin-right: 9px;<br />
margin-left: 10px;<br />
}<br />
}<br />
<br />
/* Narrow buttons and no labels when < 1024px. */<br />
<br />
@media (max-width: 1023px) {<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
display: none;<br />
}<br />
a.win-command .win-commandicon,<br />
button.win-command .win-commandicon {<br />
margin: 0 8px;<br />
/* 2px margin for focus */<br />
<br />
}<br />
.win-commandlayout {<br />
min-height: 68px;<br />
}<br />
hr.win-command {<br />
margin-top: 14px;<br />
margin-bottom: 14px;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
body {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom,<br />
.navbar-static-top {<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.dl-horizontal dt {<br />
float: none;<br />
width: auto;<br />
clear: none;<br />
text-align: left;<br />
}<br />
.dl-horizontal dd {<br />
margin-left: 0;<br />
}<br />
.container {<br />
width: auto;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
}<br />
.row,<br />
.thumbnails {<br />
margin-left: 0;<br />
}<br />
.thumbnails > li {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: none;<br />
width: 100%;<br />
margin-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.span12,<br />
.row-fluid .span12 {<br />
width: 100%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="offset"]:first-child {<br />
margin-left: 0;<br />
}<br />
.input-large,<br />
.input-xlarge,<br />
.input-xxlarge,<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.input-prepend input,<br />
.input-append input,<br />
.input-prepend input[class*="span"],<br />
.input-append input[class*="span"] {<br />
display: inline-block;<br />
width: auto;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 0;<br />
}<br />
.modal {<br />
position: fixed;<br />
top: 20px;<br />
right: 20px;<br />
left: 20px;<br />
width: auto;<br />
margin: 0;<br />
}<br />
.modal.fade {<br />
top: -100px;<br />
}<br />
.modal.fade.in {<br />
top: 20px;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.nav-collapse {<br />
-webkit-transform: translate3d(0, 0, 0);<br />
}<br />
.page-header h1 small {<br />
display: block;<br />
line-height: 20px;<br />
}<br />
input[type="checkbox"],<br />
input[type="radio"] {<br />
border: 1px solid #ccc;<br />
}<br />
.form-horizontal .control-label {<br />
float: none;<br />
width: auto;<br />
padding-top: 0;<br />
text-align: left;<br />
}<br />
.form-horizontal .controls {<br />
margin-left: 0;<br />
}<br />
.form-horizontal .control-list {<br />
padding-top: 0;<br />
}<br />
.form-horizontal .form-actions {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
.media .pull-left,<br />
.media .pull-right {<br />
display: block;<br />
float: none;<br />
margin-bottom: 10px;<br />
}<br />
.media-object {<br />
margin-right: 0;<br />
margin-left: 0;<br />
}<br />
.modal {<br />
top: 10px;<br />
right: 10px;<br />
left: 10px;<br />
}<br />
.modal-header .close {<br />
padding: 10px;<br />
margin: -10px;<br />
}<br />
.carousel-caption {<br />
position: static;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.panorama {<br />
margin: 0;<br />
}<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
top: 0;<br />
}<br />
}<br />
<br />
@media (max-width: 979px) {<br />
body {<br />
padding-top: 0;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: static;<br />
}<br />
.navbar-fixed-top {<br />
margin-bottom: 20px;<br />
}<br />
.navbar-fixed-bottom {<br />
margin-top: 20px;<br />
}<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding: 5px;<br />
}<br />
.navbar .container {<br />
width: auto;<br />
padding: 0;<br />
}<br />
.navbar .brand {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
margin: 0 0 0 -5px;<br />
}<br />
.nav-collapse {<br />
clear: both;<br />
}<br />
.nav-collapse .nav {<br />
float: none;<br />
margin: 0 0 10px;<br />
}<br />
.nav-collapse .nav > li {<br />
float: none;<br />
}<br />
.nav-collapse .nav > li > a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > .divider-vertical {<br />
display: none;<br />
}<br />
.nav-collapse .nav .nav-header {<br />
color: #777777;<br />
text-shadow: none;<br />
}<br />
.nav-collapse .nav > li > a,<br />
.nav-collapse .dropdown-menu a {<br />
padding: 9px 15px;<br />
font-weight: bold;<br />
color: #777777;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
.nav-collapse .btn {<br />
padding: 4px 10px 4px;<br />
font-weight: normal;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.nav-collapse .dropdown-menu li + li a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > li > a:hover,<br />
.nav-collapse .nav > li > a:focus,<br />
.nav-collapse .dropdown-menu a:hover,<br />
.nav-collapse .dropdown-menu a:focus {<br />
background-color: #f2f2f2;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a,<br />
.navbar-inverse .nav-collapse .dropdown-menu a {<br />
color: #999999;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a:hover,<br />
.navbar-inverse .nav-collapse .nav > li > a:focus,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:hover,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:focus {<br />
background-color: #111111;<br />
}<br />
.nav-collapse.in .btn-group {<br />
padding: 0;<br />
margin-top: 5px;<br />
}<br />
.nav-collapse .dropdown-menu {<br />
position: static;<br />
top: auto;<br />
left: auto;<br />
display: none;<br />
float: none;<br />
max-width: none;<br />
padding: 0;<br />
margin: 0 15px;<br />
background-color: transparent;<br />
border: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
.nav-collapse .open > .dropdown-menu {<br />
display: block;<br />
}<br />
.nav-collapse .dropdown-menu:before,<br />
.nav-collapse .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .dropdown-menu .divider {<br />
display: none;<br />
}<br />
.nav-collapse .nav > li > .dropdown-menu:before,<br />
.nav-collapse .nav > li > .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .navbar-form,<br />
.nav-collapse .navbar-search {<br />
float: none;<br />
padding: 10px 15px;<br />
margin: 10px 0;<br />
border-top: 1px solid #f2f2f2;<br />
border-bottom: 1px solid #f2f2f2;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
}<br />
.navbar-inverse .nav-collapse .navbar-form,<br />
.navbar-inverse .nav-collapse .navbar-search {<br />
border-top-color: #111111;<br />
border-bottom-color: #111111;<br />
}<br />
.navbar .nav-collapse .nav.pull-right {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
.nav-collapse,<br />
.nav-collapse.collapse {<br />
height: 0;<br />
overflow: hidden;<br />
}<br />
.navbar .btn-navbar {<br />
display: block;<br />
}<br />
.navbar-static .navbar-inner {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
}<br />
<br />
@media (min-width: 980px) {<br />
.nav-collapse.collapse {<br />
height: auto !important;<br />
overflow: visible !important;<br />
}<br />
}<br />
<br />
/*<br />
Typographic color definitions.<br />
*/<br />
.win-ui-dark body {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
html,<br />
body {<br />
color: #333;<br />
background-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
This class reverses the colors on the subtree to which it is applied.<br />
*/<br />
.win-ui-dark {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
/*<br />
Text selection color<br />
*/<br />
<br />
::selection, select:focus::-ms-value {<br />
background-color: rgb(87, 41, 193);<br />
color: #FFF;<br />
}<br />
<br />
/*<br />
Text input, checkbox, radio, and select control colors.<br />
*/<br />
.win-ui-dark input[type=text], .win-ui-dark input[type=password],<br />
.win-ui-dark input[type=email], .win-ui-dark input[type=number],<br />
.win-ui-dark input[type=tel], .win-ui-dark input[type=url],<br />
.win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea,<br />
.win-ui-dark select, .win-ui-dark input::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover,<br />
.win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover,<br />
.win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover,<br />
.win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover,<br />
.win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active,<br />
.win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active,<br />
.win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active,<br />
.win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active,<br />
.win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active,<br />
.win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active,<br />
.win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active,<br />
.win-ui-dark textarea:focus, .win-ui-dark textarea:active,<br />
.win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active,<br />
.win-ui-dark select:focus, .win-ui-dark select:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled,<br />
.win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled,<br />
.win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled,<br />
.win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value,<br />
.win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled,<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
border-color: transparent;<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=text], input[type=password],<br />
input[type=email], input[type=number],<br />
input[type=tel], input[type=url],<br />
input[type=search], select, textarea,<br />
.win-textarea, input::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: rgba(0, 0, 0, 0.27);<br />
color: #000;<br />
}<br />
input[type=text]:hover, input[type=password]:hover,<br />
input[type=email]:hover, input[type=number]:hover,<br />
input[type=tel]:hover, input[type=url]:hover,<br />
input[type=search]:hover, textarea:hover,<br />
select:hover, .win-textarea:hover, input:hover::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: rgba(0, 0, 0, 0.44);<br />
color: #000;<br />
}<br />
input[type=text]:focus, input[type=text]:active,<br />
input[type=password]:focus, input[type=password]:active,<br />
input[type=email]:focus, input[type=email]:active,<br />
input[type=number]:focus, input[type=number]:active,<br />
input[type=tel]:focus, input[type=tel]:active,<br />
input[type=url]:focus, input[type=url]:active,<br />
input[type=search]:focus, input[type=search]:active,<br />
textarea:focus, textarea:active,<br />
.win-textarea:focus, .win-textarea:active,<br />
select:focus, select:active {<br />
background-color: #FFF;<br />
border-color: rgba(0, 0, 0, 0.6);<br />
color: #000;<br />
}<br />
input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
input[type=text]:disabled, input[type=password]:disabled,<br />
input[type=email]:disabled, input[type=number]:disabled,<br />
input[type=tel]:disabled, input[type=url]:disabled,<br />
input[type=search]:disabled, textarea:disabled,<br />
.win-textarea:disabled, select:disabled,<br />
input:disabled::-ms-check, input:disabled:active::-ms-check {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.15);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
/*<br />
Placeholder text.<br />
*/<br />
.win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder,<br />
.win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.6); /* same in dark and light */<br />
}<br />
.win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder {<br />
color: rgba(255, 255, 255, 0.22);<br />
}<br />
input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.22);<br />
}<br />
<br />
/*<br />
Invalid style.<br />
*/<br />
input[type]:invalid {<br />
outline-color: rgb(255, 128, 51);<br />
outline-width: 2px;<br />
}<br />
<br />
/*<br />
Option for select control (all colors are same for both light and dark).<br />
*/<br />
option:checked, select:focus::-ms-value {<br />
color: #FFF;<br />
background-color: rgb(70, 23, 180);<br />
}<br />
option:hover {<br />
color: #000;<br />
background-color: rgb(197, 197, 197);<br />
}<br />
select:focus option:hover {<br />
color: #000;<br />
background-color: rgb(222, 222, 222);<br />
}<br />
option:checked:hover, select:focus option:checked:hover {<br />
color: #FFF;<br />
background-color: rgb(95, 55, 190);<br />
}<br />
option:hover:active, select:focus option:hover:active{<br />
color: #000;<br />
background-color: rgb(211, 211, 211);<br />
}<br />
.win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active,<br />
.win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active,<br />
.win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active,<br />
.win-ui-dark select:disabled:focus::-ms-value {<br />
background-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
option:checked:disabled, option:checked:disabled:active,<br />
optgroup:disabled option:checked, optgroup:disabled option:checked:active,<br />
select:disabled option:checked, select:disabled option:checked:active,<br />
select:disabled:focus::-ms-value {<br />
background-color: rgba(0, 0, 0, 0.55);<br />
color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
<br />
/*<br />
Button control colors.<br />
*/<br />
.win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit],<br />
.win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[type=submit], .win-ui-dark input[type=submit] {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover,<br />
.win-ui-dark input[type=file]::-ms-browse:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
}<br />
.win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active,<br />
.win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active,<br />
.win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled,<br />
.win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled,<br />
.win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse,<br />
.win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active,<br />
.win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active,<br />
.win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
button, input[type=button], input[type=submit],<br />
input[type=reset], input[type=file]::-ms-browse {<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
}<br />
button[type=submit], input[type=submit]{<br />
background-clip: border-box;<br />
background-color: rgb(70, 23, 180);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover, input[type=button]:hover, input[type=reset]:hover,<br />
input[type=file]::-ms-browse:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(164, 164, 164, 0.45);<br />
}<br />
button[type=submit]:hover, input[type=submit]:hover {<br />
background-clip: border-box;<br />
background-color: rgb(95, 55, 190);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover:active, button[type=submit]:hover:active,<br />
input[type=button]:hover:active, input[type=reset]:hover:active,<br />
input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:disabled, button[type=submit]:disabled,<br />
input[type=button]:disabled, input[type=reset]:disabled,<br />
input[type=submit]:disabled, input[type=file]:disabled::-ms-browse,<br />
button:disabled:active, button[type=submit]:disabled:active,<br />
input[type=button]:disabled:active, input[type=reset]:disabled:active,<br />
input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active {<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
<br />
/*<br />
File upload control colors.<br />
*/<br />
input[type=file] {<br />
background-color: transparent;<br />
border-color: transparent;<br />
color: transparent;<br />
}<br />
<br />
<br />
<br />
/*<br />
Headers colors.<br />
*/<br />
.accent-color,<br />
header h1,<br />
header h2,<br />
table th {color: #24A0DA;}<br />
.accent-bg {background:#24A0DA;}<br />
<br />
a#user-info h3,<br />
a#user-info h4 { color: rgb(0, 130, 135); }<br />
a#user-info:hover { background-color: rgb(0, 130, 135); }<br />
a#user-info:hover h3,<br />
a#user-info:hover h4 { color: #FFF; }<br />
<br />
/*<br />
Link colors.<br />
*/<br />
.win-ui-dark a {<br />
color: rgb(156, 114, 255);<br />
}<br />
.win-ui-dark a:hover:active {<br />
color: rgba(156, 114, 255, 0.6);<br />
}<br />
.win-ui-dark a:hover {<br />
color: rgba(156, 114, 255, 0.8);<br />
}<br />
.win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a {<br />
color: rgb(79, 26, 203);<br />
}<br />
a:hover:active {<br />
color: rgba(79, 26, 203, 0.6);<br />
}<br />
a:hover {<br />
color: rgba(79, 26, 203, 0.8);<br />
}<br />
a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
/*<br />
Range control colors.<br />
*/<br />
input[type=range], input[type=range]::-ms-track {<br />
background-color: transparent;<br />
}<br />
<br />
/*<br />
Progress control colors.<br />
*/<br />
.win-ui-dark.progress.progress-indeterminate {<br />
background-color: #1D1D1D;<br />
}<br />
.progress {<br />
background-color: #D4D4D4;<br />
color: rgb(70, 23, 180);<br />
}<br />
<br />
<br />
/*<br />
FlipView control colors.<br />
*/<br />
.win-flipview .win-navbutton {<br />
background-color: rgba(213, 213, 213, 0.35);<br />
color: rgba(0, 0, 0, 0.60);<br />
}<br />
.win-flipview .win-navbutton:hover {<br />
background-color: rgba(215, 215, 215, 0.94);<br />
color: rgba(0, 0, 0, 1.0);<br />
}<br />
.win-flipview .win-navbutton:hover:active {<br />
background-color: rgba(41, 41, 41, 0.74);<br />
color: rgba(255, 255, 255, 1.0);<br />
}<br />
<br />
/*<br />
ListView control colors.<br />
*/<br />
.win-ui-dark .win-listview .win-container:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
outline: rgba(255, 255, 255, 0.3) solid 3px;<br />
}<br />
.win-ui-dark .win-listview .win-focusedoutline {<br />
outline: #FFF solid 2px;<br />
}<br />
.win-listview .win-container:hover {<br />
background-color: rgba(0, 0, 0, 0.3);<br />
outline: rgba(0, 0, 0, 0.3) solid 3px;<br />
}<br />
.win-listview .win-focusedoutline {<br />
outline: #000 solid 2px;<br />
}<br />
.win-listview .win-container.win-selected:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-listview .win-container.win-swipe:hover {<br />
background-color: transparent;<br />
outline: none;<br />
}<br />
.win-listview .win-selected {<br />
color: #FFF;<br />
}<br />
.win-container.win-selected .win-selectionborder {<br />
border-color: rgb(70, 23, 180);<br />
}<br />
.win-container.win-selected:hover .win-selectionborder {<br />
border-color: rgb(95, 55, 190);<br />
}<br />
.win-selected .win-selectionbackground {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-selected:hover .win-selectionbackground {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-selectioncheckmark {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-selectionhint {<br />
color: #FFF;<br />
}<br />
.win-selectionhint {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-selectioncheckmarkbackground {<br />
border-top-color: rgb(70, 23, 180);<br />
border-right-color: rgb(70, 23, 180);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-top-color: rgb(95, 55, 190);<br />
border-right-color: rgb(95, 55, 190);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(70, 23, 180);<br />
border-right-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(95, 55, 190);<br />
border-right-color: transparent;<br />
}<br />
<br />
<br />
/*<br />
Back button control colors.<br />
*/<br />
.win-ui-dark .win-backbutton {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover:active {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
color: #000;<br />
}<br />
.win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-backbutton {<br />
background-color: transparent;<br />
border-color: #000;<br />
color: #000;<br />
}<br />
.win-backbutton:hover {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
color: #000;<br />
text-decoration: none;<br />
}<br />
.win-backbutton:hover:active {<br />
background-color: #000;<br />
border-color: #000;<br />
color: #FFF;<br />
}<br />
.win-backbutton:disabled, .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button colors.<br />
*/<br />
button.win-command {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:hover:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:disabled {<br />
border-color: transparent;<br />
background-color: transparent;<br />
}<br />
.win-ui-dark button.win-command:focus {<br />
border-color: #FFF;<br />
}<br />
button.win-command:focus {<br />
border-color: #000;<br />
}<br />
button.win-hidefocus:focus {<br />
outline: none;<br />
}<br />
button.win-command.win-hidefocus:focus {<br />
border-color: transparent;<br />
}<br />
.win-ui-dark .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled .win-commandimage,<br />
.win-ui-dark button:disabled:active .win-commandimage {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark button[aria-checked=true] .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
.win-commandimage {<br />
color: #000;<br />
}<br />
button:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button:disabled .win-commandimage,<br />
button:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
button[aria-checked=true] .win-commandimage,<br />
button[aria-checked=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button[aria-checked=true]:hover .win-commandimage,<br />
button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
button[aria-checked=true]:disabled .win-commandimage,<br />
button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Command ring colors.<br />
*/<br />
.win-ui-dark .win-commandring.active,<br />
.win-ui-dark .win-commandring.active {<br />
background-color: #FFF;<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring,<br />
.win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:hover .win-commandring,<br />
.win-ui-dark button:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:hover:active .win-commandring,<br />
.win-ui-dark button:hover:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:disabled .win-commandring,<br />
.win-ui-dark a:disabled:active .win-commandring,<br />
.win-ui-dark button:disabled .win-commandring,<br />
.win-ui-dark button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark a[aria-checked=true] .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true] .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a.active .win-commandring,<br />
.win-ui-dark button.active .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:hover .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:hover:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:disabled:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring,<br />
.win-commandring, button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #000;<br />
}<br />
a:hover .win-commandring,<br />
button:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a:hover:active .win-commandring,<br />
button:hover:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a:disabled .win-commandring,<br />
a:disabled:active .win-commandring,<br />
button:disabled .win-commandring,<br />
button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover .win-commandring,<br />
button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover:active .win-commandring,<br />
button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.4);<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button labels colors.<br />
*/<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark a.win-command .win-label,<br />
.win-ui-dark button.win-command .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a.win-command:disabled .win-label,<br />
.win-ui-dark a.win-command:disabled:active .win-label,<br />
.win-ui-dark button.win-command:disabled .win-label,<br />
.win-ui-dark button.win-command:disabled:active .win-label {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a.win-command:disabled .win-label,<br />
a.win-command:disabled:active .win-label,<br />
button.win-command:disabled .win-label,<br />
button.win-command:disabled:active .win-label {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
AppBarCommand (and MenuCommand) separator.<br />
*/<br />
hr.win-command {<br />
/* Same color in both light and dark. */<br />
background-color: rgb(123, 123, 123);<br />
}<br />
/*<br />
AppBar control colors.<br />
*/<br />
.win-ui-dark.win-appbar, .win-ui-dark .win-appbar {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
.win-appbar {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Flyout control colors, flyout normally has light theme.<br />
*/<br />
.win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-settingsflyout {<br />
border-color: rgba(0, 0, 0, 0.24);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-ui-dark.win-flyout, .win-ui-dark .win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #000;<br />
}<br />
<br />
.win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout {<br />
border-color: rgba(255, 255, 255, 0.24);<br />
background-color: #000;<br />
}<br />
<br />
/*<br />
Menu button colors, menu is always light theme.<br />
*/<br />
.win-menu button {<br />
background-color: transparent;<br />
color: #000;<br />
}<br />
.win-menu button:focus,<br />
.win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-menu button:hover:active {<br />
color: #FFF;<br />
background-color: #000;<br />
}<br />
.win-menu button:disabled,<br />
.win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(0, 0, 0, 0.1);<br />
}<br />
.win-ui-dark.win-menu button, .win-ui-dark .win-menu button {<br />
background-color: transparent;<br />
color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus,<br />
.win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active {<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled,<br />
.win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(255, 255, 255, 0.1);<br />
}<br />
<br />
/*<br />
Rating control colors.<br />
*/<br />
.win-ui-dark .win-rating .win-star.win-user.win-full,<br />
.win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(91, 46, 197);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-tentative.win-full {<br />
color: rgb(129, 82, 239);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-average.win-full,<br />
.win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-rating .win-star.win-empty {<br />
color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-rating .win-star.win-user.win-full,<br />
.win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-rating .win-star.win-tentative.win-full {<br />
color: rgb(114, 65, 228);<br />
}<br />
.win-rating .win-star.win-average.win-full,<br />
.win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #000;<br />
}<br />
.win-rating .win-star.win-empty {<br />
color: rgba(0, 0, 0, 0.35);<br />
}<br />
<br />
<br />
<br />
/*<br />
Toggleswitch control colors.<br />
*/<br />
<br />
.win-ui-dark .win-toggleswitch .win-title {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-title.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-title {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-title.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-ui-dark .win-toggleswitch .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-label.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-label {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-label.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-toggleswitch .win-switch::-ms-track {<br />
background-color: transparent;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.26);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.29);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.2);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.12);<br />
}<br />
.win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.26);<br />
}<br />
.win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.29);<br />
}<br />
.win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.2);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.12);<br />
}<br />
<br />
<br />
/*<br />
Tooltip control colors.<br />
*/<br />
.win-tooltip {<br />
background-color: #FFF;<br />
border-color: rgb(128, 128, 128);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
/*<br />
Label colors.<br />
*/<br />
label {<br />
/*color: rgba(0, 0, 0, 0.6);*/<br />
}<br />
<br />
.win-ui-dark label {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
/*<br />
Workaround appbar icon touch colors for Consumer Preview<br />
*/<br />
.win-ui-dark a:active .win-commandimage,<br />
.win-ui-dark button:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandimage,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:active .win-commandring,<br />
.win-ui-dark button:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandring,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
a:active .win-commandimage,<br />
button:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
a[aria-selected=true]:active .win-commandimage,<br />
button[aria-selected=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
a:active .win-commandring,<br />
button:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-selected=true]:active .win-commandring,<br />
button[aria-selected=true]:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Bootstrap Metro button<br />
-------------------------------------------------- */<br />
input.btn, button.btn, a.btn {<br />
font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif;<br />
}<br />
<br />
.btn {<br />
/*font-size: 11pt;*/<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
border: 2px solid #cccccc;<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: #e6e6e6;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #cccccc;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(205, 205, 205, 0.82);<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-ms-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.btn:focus {<br />
outline: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-color: #000;<br />
border-color:#000;<br />
color: #FFF;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
<br />
.btn-primary {<br />
background-color: #59008C;<br />
border-color: #59008C;<br />
color: #FFF;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
background-color: #781096;<br />
border-color: #781096;<br />
color: #CCC;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #781096;<br />
border-color: #781096;<br />
}<br />
<br />
<br />
.btn-warning {<br />
background-color: #faa732;<br />
border-color: #faa732;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
background-color: #f89406;<br />
border-color: #f89406;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #c67605;<br />
border-color: #c67605;<br />
}<br />
<br />
.btn-danger {<br />
background-color: #da4f49;<br />
border-color: #da4f49;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
background-color: #bd362f;<br />
border-color: #bd362f;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25;<br />
border-color: #942a25;<br />
}<br />
<br />
.btn-success {<br />
background-color: #5bb75b;<br />
border-color: #5bb75b;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
background-color: #51a351;<br />
border-color: #51a351;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140;<br />
border-color: #408140;<br />
}<br />
<br />
.btn-info {<br />
background-color: #49afcd;<br />
border-color: #49afcd;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
background-color: #2f96b4;<br />
border-color: #2f96b4;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c;<br />
border-color: #24748c;<br />
}<br />
<br />
.btn-inverse {<br />
background-color: #414141;<br />
border-color: #414141;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
background-color: #222222;<br />
border-color: #222222;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808;<br />
border-color: #080808;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.dropdown-menu {<br />
border: 2px solid #bababa;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
.alert .close {<br />
color: #FFF;<br />
/*opacity: 0.4;*/<br />
/*filter: alpha(opacity=40);*/<br />
}<br />
<br />
<br />
.well {<br />
background-color: #FFF;<br />
}<br />
<br />
/*!<br />
* Datepicker for Bootstrap<br />
*<br />
* Copyright 2012 Stefan Petre<br />
* Improvements by Andrew Rowls<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
.datepicker {<br />
padding: 4px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
direction: ltr;<br />
/*.dow {<br />
border-top: 1px solid #ddd !important;<br />
}*/<br />
<br />
}<br />
.datepicker-inline {<br />
width: 220px;<br />
}<br />
.datepicker.datepicker-rtl {<br />
direction: rtl;<br />
}<br />
.datepicker.datepicker-rtl table tr td span {<br />
float: right;<br />
}<br />
.datepicker-dropdown {<br />
top: 0;<br />
left: 0;<br />
}<br />
.datepicker-dropdown:before {<br />
content: '';<br />
display: inline-block;<br />
border-left: 7px solid transparent;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
position: absolute;<br />
top: -7px;<br />
left: 6px;<br />
}<br />
.datepicker-dropdown:after {<br />
content: '';<br />
display: inline-block;<br />
border-left: 6px solid transparent;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
position: absolute;<br />
top: -6px;<br />
left: 7px;<br />
}<br />
.datepicker > div {<br />
display: none;<br />
}<br />
.datepicker.days div.datepicker-days {<br />
display: block;<br />
}<br />
.datepicker.months div.datepicker-months {<br />
display: block;<br />
}<br />
.datepicker.years div.datepicker-years {<br />
display: block;<br />
}<br />
.datepicker table {<br />
margin: 0;<br />
}<br />
.datepicker td,<br />
.datepicker th {<br />
text-align: center;<br />
width: 20px;<br />
height: 20px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
border: none;<br />
}<br />
.table-striped .datepicker table tr td,<br />
.table-striped .datepicker table tr th {<br />
background-color: transparent;<br />
}<br />
.datepicker table tr td.day:hover {<br />
background: #eeeeee;<br />
cursor: pointer;<br />
}<br />
.datepicker table tr td.old,<br />
.datepicker table tr td.new {<br />
color: #999999;<br />
}<br />
.datepicker table tr td.disabled,<br />
.datepicker table tr td.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td.today,<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today.disabled:hover {<br />
background-color: #fde19a;<br />
/*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/<br />
/*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/<br />
border-color: #fdf59a #fdf59a #fbed50;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #000 !important;<br />
}<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today:hover:hover,<br />
.datepicker table tr td.today.disabled:hover,<br />
.datepicker table tr td.today.disabled:hover:hover,<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today:hover.disabled,<br />
.datepicker table tr td.today.disabled.disabled,<br />
.datepicker table tr td.today.disabled:hover.disabled,<br />
.datepicker table tr td.today[disabled],<br />
.datepicker table tr td.today:hover[disabled],<br />
.datepicker table tr td.today.disabled[disabled],<br />
.datepicker table tr td.today.disabled:hover[disabled] {<br />
background-color: #fdf59a;<br />
}<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active {<br />
background-color: #fbf069 \9;<br />
}<br />
.datepicker table tr td.range,<br />
.datepicker table tr td.range:hover,<br />
.datepicker table tr td.range.disabled,<br />
.datepicker table tr td.range.disabled:hover {<br />
background: #eeeeee;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today,<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today.disabled:hover {<br />
background-color: #f3d17a;<br />
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));<br />
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: linear-gradient(top, #f3c17a, #f3e97a);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);<br />
border-color: #f3e97a #f3e97a #edde34;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today:hover:hover,<br />
.datepicker table tr td.range.today.disabled:hover,<br />
.datepicker table tr td.range.today.disabled:hover:hover,<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today:hover.disabled,<br />
.datepicker table tr td.range.today.disabled.disabled,<br />
.datepicker table tr td.range.today.disabled:hover.disabled,<br />
.datepicker table tr td.range.today[disabled],<br />
.datepicker table tr td.range.today:hover[disabled],<br />
.datepicker table tr td.range.today.disabled[disabled],<br />
.datepicker table tr td.range.today.disabled:hover[disabled] {<br />
background-color: #f3e97a;<br />
}<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active {<br />
background-color: #efe24b \9;<br />
}<br />
.datepicker table tr td.selected,<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected.disabled:hover {<br />
background-color: #9e9e9e;<br />
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));<br />
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -o-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: linear-gradient(top, #b3b3b3, #808080);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);<br />
border-color: #808080 #808080 #595959;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected:hover:hover,<br />
.datepicker table tr td.selected.disabled:hover,<br />
.datepicker table tr td.selected.disabled:hover:hover,<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected:hover.disabled,<br />
.datepicker table tr td.selected.disabled.disabled,<br />
.datepicker table tr td.selected.disabled:hover.disabled,<br />
.datepicker table tr td.selected[disabled],<br />
.datepicker table tr td.selected:hover[disabled],<br />
.datepicker table tr td.selected.disabled[disabled],<br />
.datepicker table tr td.selected.disabled:hover[disabled] {<br />
background-color: #808080;<br />
}<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active {<br />
background-color: #666666 \9;<br />
}<br />
.datepicker table tr td.active,<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active:hover:hover,<br />
.datepicker table tr td.active.disabled:hover,<br />
.datepicker table tr td.active.disabled:hover:hover,<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active:hover.disabled,<br />
.datepicker table tr td.active.disabled.disabled,<br />
.datepicker table tr td.active.disabled:hover.disabled,<br />
.datepicker table tr td.active[disabled],<br />
.datepicker table tr td.active:hover[disabled],<br />
.datepicker table tr td.active.disabled[disabled],<br />
.datepicker table tr td.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span {<br />
display: block;<br />
width: 23%;<br />
height: 54px;<br />
line-height: 54px;<br />
float: left;<br />
margin: 1%;<br />
cursor: pointer;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td span:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker table tr td span.disabled,<br />
.datepicker table tr td span.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td span.active,<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active:hover:hover,<br />
.datepicker table tr td span.active.disabled:hover,<br />
.datepicker table tr td span.active.disabled:hover:hover,<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active:hover.disabled,<br />
.datepicker table tr td span.active.disabled.disabled,<br />
.datepicker table tr td span.active.disabled:hover.disabled,<br />
.datepicker table tr td span.active[disabled],<br />
.datepicker table tr td span.active:hover[disabled],<br />
.datepicker table tr td span.active.disabled[disabled],<br />
.datepicker table tr td span.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span.old {<br />
color: #999999;<br />
}<br />
.datepicker th.datepicker-switch {<br />
width: 145px;<br />
}<br />
.datepicker thead tr:first-child th,<br />
.datepicker tfoot tr:first-child th {<br />
cursor: pointer;<br />
}<br />
.datepicker thead tr:first-child th:hover,<br />
.datepicker tfoot tr:first-child th:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker .cw {<br />
font-size: 10px;<br />
width: 12px;<br />
padding: 0 2px 0 5px;<br />
vertical-align: middle;<br />
}<br />
.datepicker thead tr:first-child th.cw {<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
.input-append.date .add-on i,<br />
.input-prepend.date .add-on i {<br />
display: block;<br />
cursor: pointer;<br />
width: 16px;<br />
height: 16px;<br />
}<br />
.input-daterange input {<br />
text-align: center;<br />
}<br />
.input-daterange input:first-child {<br />
-webkit-border-radius: 3px 0 0 3px;<br />
-moz-border-radius: 3px 0 0 3px;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.input-daterange input:last-child {<br />
-webkit-border-radius: 0 3px 3px 0;<br />
-moz-border-radius: 0 3px 3px 0;<br />
border-radius: 0 3px 3px 0;<br />
}<br />
.input-daterange .add-on {<br />
display: inline-block;<br />
width: auto;<br />
min-width: 16px;<br />
height: 18px;<br />
padding: 4px 5px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
vertical-align: middle;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
margin-left: -5px;<br />
margin-right: -5px;<br />
}<br />
<br />
/* Demo styles for Hub and other metro pages<br />
-------------------------------------------------- */<br />
<br />
<br />
/* Body and structure<br />
-------------------------------------------------- */<br />
html{<br />
height:100%;<br />
}<br />
body{<br />
width:100%;<br />
height:100%;<br />
}<br />
html,<br />
body {<br />
position: relative;<br />
background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0;<br />
/*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/<br />
/*background-color: #f2f0e4;*/<br />
margin:0;<br />
padding:0;<br />
height:100%; /* needed for container min-height */<br />
color: #FFF; /*#847d6b;*/<br />
}<br />
<br />
<br />
#wrap {<br />
position:relative; /* needed for footer positioning*/<br />
margin:0 auto; /* center, not in IE5 */<br />
height:auto !important; /* real browsers */<br />
height:100%; /* IE6: treaded as min-height*/<br />
min-height:100%; /* real browsers */<br />
<br />
/* Win8 animation */<br />
width:100%;<br />
perspective:3300px;<br />
position:relative;<br />
}<br />
<br />
<br />
.panorama-parallax {<br />
-webkit-transition: background-position 0.4s;<br />
-moz-transition: background-position 0.4s;<br />
-o-transition: background-position 0.4s;<br />
transition: background-position 0.4s;<br />
}<br />
<br />
<br />
<br />
/* custom styles */<br />
.win-commandicon {<br />
color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring {<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
#nav-bar {<br />
/*position: fixed;*/<br />
/*top: 0;*/<br />
/*left: 0;*/<br />
height: 54px;<br />
width: 100%;<br />
}<br />
<br />
#metro-container {<br />
margin-top: 94px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
height: 100%;<br />
min-height: 100%;<br />
}<br />
<br />
<br />
<br />
<br />
.accent-color, header h1, header h2, table th {<br />
color: #FFF;<br />
}<br />
<br />
/*header h1 {*/<br />
/*font-size: 50px;*/<br />
/*font-weight: 300;*/<br />
/*line-height: 54px;*/<br />
/*color: #444;*/<br />
/*}*/<br />
/*header h1 small {font-weight: 300;}*/<br />
<br />
<br />
/* Tweak navbar brand link to be super sleek<br />
-------------------------------------------------- */<br />
<br />
<br />
<br />
body > .navbar {<br />
font-size: 13px;<br />
}<br />
<br />
#header-nav {<br />
position: relative;<br />
}<br />
#header-nav .nav.nav-links {<br />
*zoom: 1;<br />
}<br />
#header-nav .nav.nav-links:before,<br />
#header-nav .nav.nav-links:after {<br />
display: table;<br />
content: "";<br />
line-height: 0;<br />
}<br />
#header-nav .nav.nav-links:after {<br />
clear: both;<br />
}<br />
<br />
#header-nav .nav.nav-links {<br />
margin-bottom: 10px;<br />
}<br />
#header-nav .nav.nav-links > li {<br />
float: left;<br />
}<br />
#header-nav .nav.nav-links a {<br />
margin: 0 30px 0 0;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
text-decoration: none;<br />
font-size: 32px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #847d6b;<br />
}<br />
#header-nav .nav.nav-links a:hover {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
#header-nav .nav.nav-links li.active a {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Sections<br />
-------------------------------------------------- */<br />
<br />
/* padding for in-page bookmarks and fixed navbar */<br />
section {<br />
padding-top: 30px;<br />
}<br />
section > .page-header,<br />
section > .lead {<br />
color: #5a5a5a;<br />
}<br />
section > ul li {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Separators (hr) */<br />
.bs-docs-separator {<br />
margin: 40px 0 39px;<br />
}<br />
<br />
/* Faded out hr */<br />
hr.soften {<br />
height: 1px;<br />
margin: 70px 0;<br />
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
border: 0;<br />
}<br />
<br />
<br />
<br />
/* Jumbotrons<br />
-------------------------------------------------- */<br />
<br />
/* Base class<br />
------------------------- */<br />
.jumbotron {<br />
position: relative;<br />
padding: 40px 0;<br />
color: #fff;<br />
/*text-align: center;*/<br />
/*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/<br />
background: #287EB7;<br />
}<br />
.jumbotron h1 {<br />
font-size: 80px;<br />
font-weight: 300;<br />
letter-spacing: -1px;<br />
line-height: 1;<br />
}<br />
.jumbotron p {<br />
font-size: 24px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
margin-bottom: 30px;<br />
}<br />
<br />
/* Link styles (used on .masthead-links as well) */<br />
.jumbotron a {<br />
/*color: #fff;*/<br />
color: rgba(255,255,255,.5);<br />
-webkit-transition: all .2s ease-in-out;<br />
-moz-transition: all .2s ease-in-out;<br />
transition: all .2s ease-in-out;<br />
}<br />
.jumbotron a:hover {<br />
color: #fff;<br />
text-shadow: 0 0 10px rgba(255,255,255,.25);<br />
}<br />
<br />
.jumbotron a.link {<br />
color: #4F1ACB;<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
/* Download button<br />
.masthead .btn {<br />
padding: 19px 24px;<br />
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;<br />
font-size: 24px;<br />
line-height: 28px;;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
transition: none;<br />
}<br />
.masthead .btn [class^="icon-"] {<br />
font-size: 24px;<br />
line-height: 24px;<br />
}<br />
<br />
.masthead .btn:hover {<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
}<br />
.masthead .btn:active {<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
}<br />
*/<br />
<br />
/* Pattern overlay<br />
------------------------- */<br />
.jumbotron .container {<br />
position: relative;<br />
z-index: 2;<br />
}<br />
<br />
<br />
/* Masthead (docs home)<br />
------------------------- */<br />
.masthead {<br />
padding: 0;<br />
margin-bottom: 0;<br />
}<br />
.masthead h1 {<br />
/*font-size: 120px;*/<br />
line-height: 1;<br />
letter-spacing: -2px;<br />
}<br />
.masthead p {<br />
/*font-size: 40px;*/<br />
font-weight: 200;<br />
line-height: 1.25;<br />
}<br />
<br />
/* Textual links in masthead */<br />
.masthead-links {<br />
margin: 0;<br />
list-style: none;<br />
}<br />
.masthead-links li {<br />
display: inline;<br />
padding: 0 10px;<br />
color: rgba(255,255,255,.25);<br />
}<br />
<br />
#hero {<br />
display: block;<br />
position: relative;<br />
margin: 30px 0 0 0;<br />
}<br />
#hero p.lead {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
#hero .btn {<br />
padding: 19px 24px;<br />
font-size: 24px;<br />
line-height: 32px;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
}<br />
#hero .btn [class^="icon-"] {<br />
font-size: 32px;<br />
line-height: 32px;<br />
margin: 0;<br />
vertical-align: bottom;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
#features-container {<br />
margin-top: 60px;<br />
}<br />
<br />
<br />
.list-tile {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
border-left: 3px solid transparent;<br />
color: #FFF;<br />
display: inline-block;<br />
min-height: 62px;<br />
margin-bottom: 10px;<br />
padding: 10px;<br />
position: relative;<br />
vertical-align: top;<br />
}<br />
<br />
.list-tile.blue {<br />
background-color: #2E8BCC;<br />
border-color: #2E8BCC;<br />
}<br />
.list-tile.green {<br />
background-color: #339933;<br />
border-color: #339933;<br />
}<br />
<br />
.list-tile h4, .list-tile h5 {<br />
display: inline;<br />
}<br />
.list-tile h4 {<br />
font-size: 20px;<br />
font-weight: 400;<br />
line-height: 40px;<br />
}<br />
.list-tile h5 {<br />
font-size: 18px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
padding-right: 80px;<br />
}<br />
<br />
.list-tile .list-tile-icon {<br />
color: #FFFFFF;<br />
display: block;<br />
font-size: 40px;<br />
font-weight: 400;<br />
height: 100%;<br />
line-height: 62px;<br />
position: absolute;<br />
right: 0;<br />
text-align: center;<br />
top: 0;<br />
width: 80px;<br />
}<br />
/*.list-tile.blue .list-tile-icon {*/<br />
/*background-color: #2E8BCC;*/<br />
/*}*/<br />
/*.list-tile.green .list-tile-icon {*/<br />
/*background-color: #339933;*/<br />
/*}*/<br />
<br />
.list-tile .donate-form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
/* hover */<br />
.list-tile.blue:hover {<br />
text-decoration: none;<br />
background-color: #C9E2F3;<br />
color: #2E8BCC;<br />
}<br />
.list-tile.blue:hover .list-tile-icon { color: #2E8BCC; }<br />
<br />
.list-tile.green:hover {<br />
text-decoration: none;<br />
background-color: #ABE3AB;<br />
color: #339933;<br />
}<br />
.list-tile.green:hover .list-tile-icon { color: #339933; }<br />
<br />
<br />
<br />
/* Social proof buttons from GitHub & Twitter */<br />
.bs-docs-social {<br />
padding: 15px 0;<br />
text-align: center;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #fff;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
/* Quick links on Home */<br />
.bs-docs-social-buttons {<br />
margin-left: 0;<br />
margin-bottom: 0;<br />
padding-left: 0;<br />
list-style: none;<br />
}<br />
.bs-docs-social-buttons li {<br />
display: inline-block;<br />
padding: 5px 8px;<br />
line-height: 1;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
<br />
/*<br />
Index Donate tile<br />
*/<br />
.metro .tile.wide.donate {<br />
height: 110px;<br />
padding: 20px;<br />
width: 270px;<br />
cursor: default;<br />
}<br />
.metro .tile.wide.donate .text {<br />
font-size: 15px;<br />
font-weight: normal;<br />
height: 18px;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate .text-header3 {<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
max-height: 110px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
<br />
/* Subhead (other pages)<br />
------------------------- */<br />
.subhead {<br />
text-align: left;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
.subhead h1 {<br />
font-size: 60px;<br />
}<br />
.subhead p {<br />
margin-bottom: 20px;<br />
}<br />
.subhead .navbar {<br />
display: none;<br />
}<br />
<br />
<br />
<br />
/* Marketing section of Overview<br />
-------------------------------------------------- */<br />
<br />
.marketing {<br />
text-align: center;<br />
color: #5a5a5a;<br />
}<br />
.marketing h1 {<br />
margin: 60px 0 10px;<br />
font-size: 60px;<br />
font-weight: 200;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
}<br />
.marketing h2 {<br />
font-weight: 200;<br />
margin-bottom: 5px;<br />
}<br />
.marketing p {<br />
font-size: 16px;<br />
line-height: 1.5;<br />
}<br />
.marketing.metro .tile.wide {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 100%;<br />
}<br />
<br />
.marketing .marketing-byline {<br />
margin-bottom: 40px;<br />
font-size: 20px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
color: #999;<br />
}<br />
/*.marketing img {*/<br />
/*display: block;*/<br />
/*margin: 0 auto 30px;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Footer<br />
-------------------------------------------------- */<br />
<br />
/*.footer {*/<br />
/*padding: 70px 0;*/<br />
/*margin-top: 70px;*/<br />
/*border-top: 1px solid #e5e5e5;*/<br />
/*background-color: #f5f5f5;*/<br />
/*}*/<br />
/*.footer p {*/<br />
/*margin-bottom: 0;*/<br />
/*color: #777;*/<br />
/*}*/<br />
/*.footer-links {*/<br />
/*margin: 10px 0;*/<br />
/*}*/<br />
/*.footer-links li {*/<br />
/*display: inline;*/<br />
/*padding: 0 2px;*/<br />
/*}*/<br />
/*.footer-links li:first-child {*/<br />
/*padding-left: 0;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Special grid styles<br />
-------------------------------------------------- */<br />
<br />
.show-grid {<br />
margin-top: 10px;<br />
margin-bottom: 20px;<br />
}<br />
.show-grid [class*="span"] {<br />
background-color: #eee;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
min-height: 40px;<br />
line-height: 40px;<br />
}<br />
.show-grid:hover [class*="span"] {<br />
background: #ddd;<br />
}<br />
.show-grid .show-grid {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
.show-grid .show-grid [class*="span"] {<br />
background-color: #ccc;<br />
}<br />
<br />
<br />
<br />
/* Mini layout previews<br />
-------------------------------------------------- */<br />
.mini-layout {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
}<br />
.mini-layout,<br />
.mini-layout .mini-layout-body,<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
height: 300px;<br />
}<br />
.mini-layout {<br />
margin-bottom: 20px;<br />
padding: 9px;<br />
}<br />
.mini-layout div {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.mini-layout .mini-layout-body {<br />
background-color: #dceaf4;<br />
margin: 0 auto;<br />
width: 70%;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar,<br />
.mini-layout.fluid .mini-layout-header,<br />
.mini-layout.fluid .mini-layout-body {<br />
float: left;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
background-color: #bbd8e9;<br />
width: 20%;<br />
}<br />
.mini-layout.fluid .mini-layout-body {<br />
width: 77.5%;<br />
margin-left: 2.5%;<br />
}<br />
<br />
<br />
<br />
/* Download page<br />
-------------------------------------------------- */<br />
<br />
.download .page-header {<br />
margin-top: 36px;<br />
}<br />
.page-header .toggle-all {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Space out h3s when following a section */<br />
.download h3 {<br />
margin-bottom: 5px;<br />
}<br />
.download-builder input + h3,<br />
.download-builder .checkbox + h3 {<br />
margin-top: 9px;<br />
}<br />
<br />
/* Fields for variables */<br />
.download-builder input[type=text] {<br />
margin-bottom: 9px;<br />
font-family: Menlo, Monaco, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #d14;<br />
}<br />
.download-builder input[type=text]:focus {<br />
background-color: #fff;<br />
}<br />
<br />
/* Custom, larger checkbox labels */<br />
.download .checkbox {<br />
padding: 6px 10px 6px 25px;<br />
font-size: 13px;<br />
line-height: 18px;<br />
color: #555;<br />
background-color: #f9f9f9;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
cursor: pointer;<br />
}<br />
.download .checkbox:hover {<br />
color: #333;<br />
background-color: #f5f5f5;<br />
}<br />
.download .checkbox small {<br />
font-size: 12px;<br />
color: #777;<br />
}<br />
<br />
/* Variables section */<br />
#variables label {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Giant download button */<br />
.download-btn {<br />
margin: 36px 0 108px;<br />
}<br />
#download p,<br />
#download h4 {<br />
max-width: 50%;<br />
margin: 0 auto;<br />
color: #999;<br />
text-align: center;<br />
}<br />
#download h4 {<br />
margin-bottom: 0;<br />
}<br />
#download p {<br />
margin-bottom: 18px;<br />
}<br />
.download-btn .btn {<br />
display: block;<br />
width: auto;<br />
padding: 19px 24px;<br />
margin-bottom: 27px;<br />
font-size: 30px;<br />
line-height: 1;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
/* Misc<br />
-------------------------------------------------- */<br />
<br />
/* Make tables spaced out a bit more */<br />
h2 + table,<br />
h3 + table,<br />
h4 + table,<br />
h2 + .row {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Example sites showcase */<br />
.example-sites {<br />
margin-left: 20px;<br />
}<br />
.example-sites img {<br />
max-width: 100%;<br />
margin: 0 auto;<br />
}<br />
<br />
<br />
<br />
/* Fake the :focus state to demo it */<br />
.focused {<br />
border-color: rgba(82,168,236,.8);<br />
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
outline: 0;<br />
}<br />
<br />
/* For input sizes, make them display block */<br />
.docs-input-sizes select,<br />
.docs-input-sizes input[type=text] {<br />
display: block;<br />
margin-bottom: 9px;<br />
}<br />
<br />
/* Icons<br />
------------------------- */<br />
.the-icons {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
.the-icons li {<br />
float: left;<br />
width: 25%;<br />
line-height: 25px;<br />
}<br />
.the-icons i:hover {<br />
background-color: rgba(255,0,0,.25);<br />
}<br />
<br />
/* Example page<br />
------------------------- */<br />
.bootstrap-examples p {<br />
font-size: 13px;<br />
line-height: 18px;<br />
}<br />
.bootstrap-examples .thumbnail {<br />
margin-bottom: 9px;<br />
background-color: #fff;<br />
}<br />
<br />
<br />
/* Toasts<br />
------------------------- */<br />
<br />
#alerts-container {<br />
position: fixed;<br />
top: 5px;<br />
right: 5px;<br />
padding: 0;<br />
z-index: 1100;<br />
}<br />
<br />
#alerts-container .toast {<br />
/* add a shadow */<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
}<br />
<br />
<br />
/* Bootstrap code examples<br />
-------------------------------------------------- */<br />
<br />
/* Base class */<br />
.bs-docs-example {<br />
position: relative;<br />
margin: 15px 0;<br />
padding: 39px 19px 14px;<br />
*padding-top: 19px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Echo out a label for the example */<br />
.bs-docs-example:after {<br />
content: "Example";<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
padding: 3px 7px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ddd;<br />
color: #9da0a4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Remove spacing between an example and it's code */<br />
.bs-docs-example + .prettyprint {<br />
margin-top: -20px;<br />
padding-top: 15px;<br />
}<br />
<br />
/* Tweak examples<br />
------------------------- */<br />
.bs-docs-example > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.bs-docs-example .table,<br />
.bs-docs-example .progress,<br />
.bs-docs-example .well,<br />
.bs-docs-example .alert,<br />
.bs-docs-example .hero-unit,<br />
.bs-docs-example .pagination,<br />
.bs-docs-example .navbar,<br />
.bs-docs-example > .nav,<br />
.bs-docs-example blockquote {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example .pagination {<br />
margin-top: 0;<br />
}<br />
<br />
.bs-docs-example-commands {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example-commands .win-command{<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
/* sample customization of win-command */<br />
.bs-docs-example .win-command.orange .win-commandicon,<br />
.bs-docs-example .win-command.orange .win-label {<br />
color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange .win-commandring {<br />
border-color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange:hover .win-commandring {<br />
background-color: rgba(240, 150, 9, 0.4);<br />
}<br />
<br />
<br />
.bs-navbar-top-example,<br />
.bs-navbar-bottom-example {<br />
z-index: 1;<br />
padding: 0;<br />
height: 90px;<br />
overflow: hidden; /* cut the drop shadows off */<br />
}<br />
.bs-navbar-top-example .navbar-fixed-top,<br />
.bs-navbar-bottom-example .navbar-fixed-bottom {<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
.bs-navbar-top-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-top-example:after {<br />
top: auto;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example .navbar {<br />
margin-bottom: 0;<br />
}<br />
form.bs-docs-example {<br />
padding-bottom: 19px;<br />
}<br />
<br />
/* Images */<br />
.bs-docs-example-images img {<br />
margin: 10px;<br />
display: inline-block;<br />
}<br />
<br />
/* Tooltips */<br />
.bs-docs-tooltip-examples {<br />
text-align: center;<br />
margin: 0 0 10px;<br />
list-style: none;<br />
}<br />
.bs-docs-tooltip-examples li {<br />
display: inline;<br />
padding: 0 10px;<br />
}<br />
<br />
/* Popovers */<br />
.bs-docs-example-popover {<br />
padding-bottom: 24px;<br />
background-color: #f9f9f9;<br />
}<br />
.bs-docs-example-popover .popover {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 260px;<br />
margin: 20px;<br />
}<br />
<br />
<br />
<br />
/* Responsive docs<br />
-------------------------------------------------- */<br />
<br />
/* Utility classes table<br />
------------------------- */<br />
.responsive-utilities th small {<br />
display: block;<br />
font-weight: normal;<br />
color: #999;<br />
}<br />
.responsive-utilities tbody th {<br />
font-weight: normal;<br />
}<br />
.responsive-utilities td {<br />
text-align: center;<br />
}<br />
.responsive-utilities td.is-visible {<br />
color: #468847;<br />
background-color: #dff0d8 !important;<br />
}<br />
.responsive-utilities td.is-hidden {<br />
color: #ccc;<br />
background-color: #f9f9f9 !important;<br />
}<br />
<br />
/* Responsive tests<br />
------------------------- */<br />
.responsive-utilities-test {<br />
margin-top: 5px;<br />
margin-left: 0;<br />
list-style: none;<br />
overflow: hidden; /* clear floats */<br />
}<br />
.responsive-utilities-test li {<br />
position: relative;<br />
float: left;<br />
width: 25%;<br />
height: 43px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
line-height: 43px;<br />
color: #999;<br />
text-align: center;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test li + li {<br />
margin-left: 10px;<br />
}<br />
.responsive-utilities-test span {<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
right: -1px;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test span {<br />
color: #468847;<br />
background-color: #dff0d8;<br />
border: 1px solid #d6e9c6;<br />
}<br />
<br />
<br />
<br />
/* Sidenav for Docs<br />
-------------------------------------------------- */<br />
<br />
.bs-docs-sidenav {<br />
width: 228px;<br />
margin: 30px 0 0;<br />
padding: 0;<br />
background-color: #fff;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
}<br />
<br />
.bs-docs-sidenav > li > a {<br />
display: block;<br />
width: 190px \9;<br />
margin: 0 0 -1px;<br />
padding: 8px 14px;<br />
border: 1px solid #e5e5e5;<br />
}<br />
.bs-docs-sidenav > li:first-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > .active > a {<br />
position: relative;<br />
z-index: 2;<br />
padding: 9px 15px;<br />
border: 0;<br />
text-shadow: 0 1px 0 rgba(0,0,0,.15);<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
}<br />
/* Chevrons */<br />
.bs-docs-sidenav .icon-chevron-right {<br />
float: right;<br />
margin-top: 2px;<br />
margin-right: -6px;<br />
opacity: .25;<br />
}<br />
.bs-docs-sidenav > li > a:hover {<br />
background-color: #f5f5f5;<br />
}<br />
.bs-docs-sidenav a:hover .icon-chevron-right {<br />
opacity: .5;<br />
}<br />
.bs-docs-sidenav .active .icon-chevron-right,<br />
.bs-docs-sidenav .active a:hover .icon-chevron-right {<br />
background-image: url(../img/glyphicons-halflings-white.png);<br />
opacity: 1;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
.bs-docs-sidenav.affix-bottom {<br />
position: absolute;<br />
top: auto;<br />
bottom: 270px;<br />
}<br />
<br />
<br />
<br />
/* Icons demo page<br />
-------------------------------------------------- */<br />
#icomoon-container {<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container section,<br />
#icomoon-container header,<br />
#icomoon-container footer {<br />
display: block;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container .glyph {<br />
float: left;<br />
text-align: center;<br />
background: #F4F4F4;<br />
padding: .75em;<br />
margin: .75em 1.5em .75em 0;<br />
width: 7em;<br />
}<br />
#icomoon-container .glyph input {<br />
width: 100%;<br />
text-align: center;<br />
font-family: consolas, monospace;<br />
}<br />
#icomoon-container .glyph input,<br />
#icomoon-container .mtm {<br />
margin-top: .75em;<br />
border: 0;<br />
padding: 0 10px;<br />
}<br />
<br />
.fs1 {<br />
font-size: 2em;<br />
}<br />
#icomoon-container header {<br />
}<br />
#icomoon-container header h1 {<br />
}<br />
#icomoon-container .clearfix:before,<br />
#icomoon-container .clearfix:after { content: ""; display: table; }<br />
#icomoon-container .clearfix:after { clear: both; }<br />
#icomoon-container footer {<br />
margin-top: 2em;<br />
padding: .5em 0;<br />
box-shadow: 0 -2px #eee;<br />
}<br />
#icomoon-container .box1 {<br />
display: inline-block;<br />
width: 11em;<br />
padding: .25em .5em;<br />
background-color: #fff;<br />
margin: .5em 1em .5em 0;<br />
font-size: 16px;<br />
text-align: center;<br />
}<br />
#icomoon-container .box1 span {<br />
display: block;<br />
font-size: 32px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
/*<br />
ListView demo<br />
*/<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"],<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
<br />
/* Responsive<br />
-------------------------------------------------- */<br />
<br />
/* Desktop large<br />
------------------------- */<br />
@media (min-width: 1200px) {<br />
.bs-docs-container {<br />
max-width: 970px;<br />
}<br />
.bs-docs-sidenav {<br />
width: 258px;<br />
}<br />
.bs-docs-sidenav > li > a {<br />
width: 230px \9; /* Override the previous IE8-9 hack */<br />
}<br />
}<br />
<br />
/* Desktop<br />
------------------------- */<br />
@media (max-width: 980px) {<br />
/* Unfloat brand */<br />
body > .navbar-fixed-top .brand {<br />
float: left;<br />
margin-left: 0;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
}<br />
<br />
/* Inline-block quick links for more spacing */<br />
.quick-links li {<br />
display: inline-block;<br />
margin: 5px;<br />
}<br />
<br />
/* When affixed, space properly */<br />
.bs-docs-sidenav {<br />
top: 0;<br />
margin-top: 30px;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/* Tablet to desktop<br />
------------------------- */<br />
@media (min-width: 768px) and (max-width: 980px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
}<br />
/* Adjust sidenav width */<br />
.bs-docs-sidenav {<br />
width: 166px;<br />
margin-top: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
}<br />
<br />
/* Tablet<br />
------------------------- */<br />
@media (max-width: 767px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
padding: 40px 20px;<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.masthead h1 {<br />
font-size: 90px;<br />
}<br />
.masthead p,<br />
.masthead .btn {<br />
font-size: 24px;<br />
}<br />
.marketing .span4 {<br />
margin-bottom: 40px;<br />
}<br />
.bs-docs-social {<br />
margin: 0 -20px;<br />
}<br />
<br />
/* Space out the show-grid examples */<br />
.show-grid [class*="span"] {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Sidenav */<br />
.bs-docs-sidenav {<br />
width: auto;<br />
margin-bottom: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
position: static;<br />
width: auto;<br />
top: 0;<br />
}<br />
<br />
/* Unfloat the back to top link in footer */<br />
.footer {<br />
margin-left: -20px;<br />
margin-right: -20px;<br />
padding-left: 20px;<br />
padding-right: 20px;<br />
}<br />
.footer p {<br />
margin-bottom: 9px;<br />
}<br />
}<br />
<br />
/* Landscape phones<br />
------------------------- */<br />
@media (max-width: 480px) {<br />
/* Remove padding above jumbotron */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Change up some type stuff */<br />
h2 small {<br />
display: block;<br />
}<br />
<br />
/* Downsize the jumbotrons */<br />
.jumbotron h1 {<br />
font-size: 45px;<br />
}<br />
.jumbotron p,<br />
.jumbotron .btn {<br />
font-size: 18px;<br />
}<br />
.jumbotron .btn {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
/* center align subhead text like the masthead */<br />
.subhead h1,<br />
.subhead p {<br />
text-align: center;<br />
}<br />
<br />
/* Marketing on home */<br />
.marketing h1 {<br />
font-size: 30px;<br />
}<br />
.marketing-byline {<br />
font-size: 18px;<br />
}<br />
<br />
/* center example sites */<br />
.example-sites {<br />
margin-left: 0;<br />
}<br />
.example-sites > li {<br />
float: none;<br />
display: block;<br />
max-width: 280px;<br />
margin: 0 auto 18px;<br />
text-align: center;<br />
}<br />
.example-sites .thumbnail > img {<br />
max-width: 270px;<br />
}<br />
<br />
#hero-image {<br />
margin: 0;<br />
}<br />
<br />
/* Do our best to make tables work in narrow viewports */<br />
table code {<br />
white-space: normal;<br />
word-wrap: break-word;<br />
word-break: break-all;<br />
}<br />
<br />
/* Modal example */<br />
.modal-example .modal {<br />
position: relative;<br />
top: auto;<br />
right: auto;<br />
bottom: auto;<br />
left: auto;<br />
}<br />
<br />
/* Tighten up footer */<br />
.footer {<br />
padding-top: 20px;<br />
padding-bottom: 20px;<br />
}<br />
/* Unfloat the back to top in footer to prevent odd text wrapping */<br />
.footer .pull-right {<br />
float: none;<br />
}<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* Win8 animation<br />
-------------------------------------------------- */<br />
.metro .tile {<br />
-webkit-transition: all 0.3s ease-out;<br />
-moz-transition: all 0.3s ease-out;<br />
-o-transition: all 0.3s ease-out;<br />
-ms-transition: all 0.3s ease-out;<br />
transition: all 0.3s ease-out;<br />
}<br />
<br />
.fadeOutback {<br />
-webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
}<br />
<br />
.fadeInForward-1,.fadeInForward-2,.fadeInForward-3 {<br />
/*remember: in the second animation u have to set the final values reached by the first one*/<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
<br />
-webkit-transform: translateZ(-5em) scale(0.75);<br />
-moz-transform: translateZ(-5em) scale(0.75);<br />
-o-transform: translateZ(-5em) scale(0.75);<br />
-ms-transform: translateZ(-5em) scale(0.75);<br />
transform: translateZ(-5em) scale(0.75);<br />
}<br />
<br />
.fadeInForward-2 {<br />
-webkit-animation-delay: .55s;<br />
-moz-animation-delay: .55s;<br />
-ms-animation-delay: .55s;<br />
-o-animation-delay: .55s;<br />
animation-delay: .55s;<br />
}<br />
<br />
.fadeInForward-3 {<br />
-webkit-animation-delay: .7s;<br />
-moz-animation-delay: .7s;<br />
-ms-animation-delay: .7s;<br />
-o-animation-delay: .7s;<br />
animation-delay: .7s;<br />
}<br />
<br />
@keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
-moz-transform: translateX(-2em) scale(1);<br />
-o-transform: translateX(-2em) scale(1);<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeOutBack {<br />
0% {<br />
-moz-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeOutBack" {<br />
0% {<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeOutBack" {<br />
0% {<br />
-o-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
-moz-transform: translateZ(0) scale(1);<br />
-o-transform: translateZ(0) scale(1);<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeInForward {<br />
0% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-moz-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeInForward" {<br />
0% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeInForward" {<br />
0% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-o-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
<br />
--> <br />
</style> <br />
<!-- bootmetro-icons.css --><br />
<br />
<style type="text/css"> <br />
<!-- <br />
<br />
#globalWrapper{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
<br />
}<br />
<br />
#top-section{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
}<br />
<br />
#p-logo{<br />
border: 0px;<br />
padding: 0px;<br />
max-height: 0px;<br />
}<br />
<br />
#menubar{<br />
border: 0px;<br />
padding: 0px;<br />
font-size: 8px;<br />
<br />
}<br />
<br />
body{<br />
min-width:1400px;<br />
}<br />
<br />
.navbar{<br />
background-color: white;<br />
padding-left: 30px;<br />
}<br />
<br />
--> <br />
</style> <br />
<br />
<!-- All JavaScript at the bottom, except for Modernizr and Respond.<br />
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries<br />
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --><br />
<script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script><br />
<br />
<script type="text/javascript"><br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-3182578-6']);<br />
_gaq.push(['_trackPageview']);<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
</script><br />
<br />
<br />
<br />
</head><br />
<br />
<body><br />
<!--[if lt IE 7]><br />
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p><br />
<![endif]--><br />
<br />
<div class="navbar navbar-fixed-top"><br />
<div class="navbar-inner" style="padding-top:12px;"><br />
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a><br />
<ul class="nav"><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol">Protocol</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#DNA purification and precipitation">DNA purification and precipitation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#PCR">PCR</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#SDS polyacrylamide gel electrophoresis (SDS-PAGE)">SDS-PAGE</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Isolation and purification of DNA bands">Isolation and purification of DNA bands</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Ligation">Ligation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Transformation">Transformation</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Humanpractice&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Overview">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#opencampus">At the campus visit</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Survey">Survey</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Bioart">Introduction the class of Bioart</a></li><br />
<br />
<br />
</ul><br />
<br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Team">OUR TEAM</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li><br />
<br />
</ul><br />
<br />
<ul class="nav pull-right"><br />
<li><a href="https://2013.igem.org/Main_Page">iGEM</a></li><br />
</ul><br />
</div><!-- /navbar-inner --><br />
</div><!-- /navbar --><br />
<br />
<!-- Grab Google CDN's jQuery. fall back to local if necessary --><br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><br />
<script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script><br />
<br />
<!--[if IE 7]><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"><br />
<![endif]--><br />
<br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script><br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script><br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
$('.panorama').panorama({<br />
//nicescroll: false,<br />
showscrollbuttons: true,<br />
keyboard: true,<br />
parallax: true<br />
});<br />
<br />
// $(".panorama").perfectScrollbar();<br />
<br />
$('#pivot').pivot();<br />
<br />
</script><br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Template:KIT-Kyoto-header
Template:KIT-Kyoto-header
2013-09-27T16:26:21Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
<br />
<html class="no-js"><br />
<head><br />
<meta charset="utf-8" /><br />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><br />
<!-- Mobile viewport optimized: h5bp.com/viewport --><br />
<meta name="viewport" content="width=device-width"><br />
<br />
<meta name="robots" content="noindex, nofollow"><br />
<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." /><br />
<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" /><br />
<meta name="author" content="AozoraLabs by Marcello Palmitessa"/><br />
<br />
<!-- remove or comment this line if you want to use the local fonts --><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'><br />
<br />
<style type="text/css"> <br />
<!-- <br />
/*!<br />
* BootMetro v1.0.0-alpha1<br />
*<br />
* Copyright 2012 Marcello Palmitessa<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.no-border-radius {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.no-box-shadow {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.text-overflow-wrap {<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
/* General alignment styles<br />
-------------------------------------------------- */<br />
<br />
.align-right,<br />
th.align-right,<br />
td.align-right,<br />
.table th.align-right,<br />
.table td.align-right {<br />
text-align: right;<br />
}<br />
<br />
.align-left,<br />
th.align-left,<br />
td.align-left,<br />
.table th.align-left,<br />
.table td.align-left {<br />
text-align: left;<br />
}<br />
<br />
.align-center,<br />
th.align-center,<br />
td.align-center,<br />
.table th.align-center,<br />
.table td.align-center {<br />
text-align: center;<br />
}<br />
<br />
.block {<br />
display: block;<br />
}<br />
<br />
/* General form mixins<br />
-------------------------------------------------- */<br />
<br />
.formBorder {<br />
border: 2px solid #cccccc;<br />
}<br />
<br />
article,<br />
aside,<br />
details,<br />
figcaption,<br />
figure,<br />
footer,<br />
header,<br />
hgroup,<br />
nav,<br />
section {<br />
display: block;<br />
}<br />
<br />
audio,<br />
canvas,<br />
video {<br />
display: inline-block;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
audio:not([controls]) {<br />
display: none;<br />
}<br />
<br />
html {<br />
font-size: 100%;<br />
-webkit-text-size-adjust: 100%;<br />
-ms-text-size-adjust: 100%;<br />
}<br />
<br />
a:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
a:hover,<br />
a:active {<br />
outline: 0;<br />
}<br />
<br />
sub,<br />
sup {<br />
position: relative;<br />
font-size: 75%;<br />
line-height: 0;<br />
vertical-align: baseline;<br />
}<br />
<br />
sup {<br />
top: -0.5em;<br />
}<br />
<br />
sub {<br />
bottom: -0.25em;<br />
}<br />
<br />
img {<br />
width: auto\9;<br />
height: auto;<br />
max-width: 100%;<br />
vertical-align: middle;<br />
border: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
<br />
#map_canvas img,<br />
.google-maps img {<br />
max-width: none;<br />
}<br />
<br />
button,<br />
input,<br />
select,<br />
textarea {<br />
margin: 0;<br />
font-size: 100%;<br />
vertical-align: middle;<br />
}<br />
<br />
button,<br />
input {<br />
*overflow: visible;<br />
line-height: normal;<br />
}<br />
<br />
button::-moz-focus-inner,<br />
input::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button,<br />
html input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"] {<br />
cursor: pointer;<br />
-webkit-appearance: button;<br />
}<br />
<br />
label,<br />
select,<br />
button,<br />
input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
cursor: pointer;<br />
}<br />
<br />
input[type="search"] {<br />
-webkit-box-sizing: content-box;<br />
-moz-box-sizing: content-box;<br />
box-sizing: content-box;<br />
-webkit-appearance: textfield;<br />
}<br />
<br />
input[type="search"]::-webkit-search-decoration,<br />
input[type="search"]::-webkit-search-cancel-button {<br />
-webkit-appearance: none;<br />
}<br />
<br />
textarea {<br />
overflow: auto;<br />
vertical-align: top;<br />
}<br />
<br />
@media print {<br />
* {<br />
color: #000 !important;<br />
text-shadow: none !important;<br />
background: transparent !important;<br />
box-shadow: none !important;<br />
}<br />
a,<br />
a:visited {<br />
text-decoration: underline;<br />
}<br />
a[href]:after {<br />
content: " (" attr(href) ")";<br />
}<br />
abbr[title]:after {<br />
content: " (" attr(title) ")";<br />
}<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: "";<br />
}<br />
pre,<br />
blockquote {<br />
border: 1px solid #999;<br />
page-break-inside: avoid;<br />
}<br />
thead {<br />
display: table-header-group;<br />
}<br />
tr,<br />
img {<br />
page-break-inside: avoid;<br />
}<br />
img {<br />
max-width: 100% !important;<br />
}<br />
@page {<br />
margin: 0.5cm;<br />
}<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3;<br />
}<br />
h2,<br />
h3 {<br />
page-break-after: avoid;<br />
}<br />
}<br />
<br />
body {<br />
margin: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
background-color: #ffffff;<br />
}<br />
<br />
a {<br />
color: #2e8bcc;<br />
text-decoration: none;<br />
}<br />
<br />
a:hover,<br />
a:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
}<br />
<br />
.img-rounded {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.img-polaroid {<br />
padding: 4px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.img-circle {<br />
-webkit-border-radius: 500px;<br />
-moz-border-radius: 500px;<br />
border-radius: 500px;<br />
}<br />
<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row:after {<br />
clear: both;<br />
}<br />
<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.span12 {<br />
width: 940px;<br />
}<br />
<br />
.span11 {<br />
width: 860px;<br />
}<br />
<br />
.span10 {<br />
width: 780px;<br />
}<br />
<br />
.span9 {<br />
width: 700px;<br />
}<br />
<br />
.span8 {<br />
width: 620px;<br />
}<br />
<br />
.span7 {<br />
width: 540px;<br />
}<br />
<br />
.span6 {<br />
width: 460px;<br />
}<br />
<br />
.span5 {<br />
width: 380px;<br />
}<br />
<br />
.span4 {<br />
width: 300px;<br />
}<br />
<br />
.span3 {<br />
width: 220px;<br />
}<br />
<br />
.span2 {<br />
width: 140px;<br />
}<br />
<br />
.span1 {<br />
width: 60px;<br />
}<br />
<br />
.offset12 {<br />
margin-left: 980px;<br />
}<br />
<br />
.offset11 {<br />
margin-left: 900px;<br />
}<br />
<br />
.offset10 {<br />
margin-left: 820px;<br />
}<br />
<br />
.offset9 {<br />
margin-left: 740px;<br />
}<br />
<br />
.offset8 {<br />
margin-left: 660px;<br />
}<br />
<br />
.offset7 {<br />
margin-left: 580px;<br />
}<br />
<br />
.offset6 {<br />
margin-left: 500px;<br />
}<br />
<br />
.offset5 {<br />
margin-left: 420px;<br />
}<br />
<br />
.offset4 {<br />
margin-left: 340px;<br />
}<br />
<br />
.offset3 {<br />
margin-left: 260px;<br />
}<br />
<br />
.offset2 {<br />
margin-left: 180px;<br />
}<br />
<br />
.offset1 {<br />
margin-left: 100px;<br />
}<br />
<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
*margin-left: 2.074468085106383%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.127659574468085%;<br />
}<br />
<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
<br />
.row-fluid .span11 {<br />
width: 91.48936170212765%;<br />
*width: 91.43617021276594%;<br />
}<br />
<br />
.row-fluid .span10 {<br />
width: 82.97872340425532%;<br />
*width: 82.92553191489361%;<br />
}<br />
<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
*width: 74.41489361702126%;<br />
}<br />
<br />
.row-fluid .span8 {<br />
width: 65.95744680851064%;<br />
*width: 65.90425531914893%;<br />
}<br />
<br />
.row-fluid .span7 {<br />
width: 57.44680851063829%;<br />
*width: 57.39361702127659%;<br />
}<br />
<br />
.row-fluid .span6 {<br />
width: 48.93617021276595%;<br />
*width: 48.88297872340425%;<br />
}<br />
<br />
.row-fluid .span5 {<br />
width: 40.42553191489362%;<br />
*width: 40.37234042553192%;<br />
}<br />
<br />
.row-fluid .span4 {<br />
width: 31.914893617021278%;<br />
*width: 31.861702127659576%;<br />
}<br />
<br />
.row-fluid .span3 {<br />
width: 23.404255319148934%;<br />
*width: 23.351063829787233%;<br />
}<br />
<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
*width: 14.840425531914894%;<br />
}<br />
<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
*width: 6.329787234042553%;<br />
}<br />
<br />
.row-fluid .offset12 {<br />
margin-left: 104.25531914893617%;<br />
*margin-left: 104.14893617021275%;<br />
}<br />
<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.12765957446808%;<br />
*margin-left: 102.02127659574467%;<br />
}<br />
<br />
.row-fluid .offset11 {<br />
margin-left: 95.74468085106382%;<br />
*margin-left: 95.6382978723404%;<br />
}<br />
<br />
.row-fluid .offset11:first-child {<br />
margin-left: 93.61702127659574%;<br />
*margin-left: 93.51063829787232%;<br />
}<br />
<br />
.row-fluid .offset10 {<br />
margin-left: 87.23404255319149%;<br />
*margin-left: 87.12765957446807%;<br />
}<br />
<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.1063829787234%;<br />
*margin-left: 84.99999999999999%;<br />
}<br />
<br />
.row-fluid .offset9 {<br />
margin-left: 78.72340425531914%;<br />
*margin-left: 78.61702127659572%;<br />
}<br />
<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.59574468085106%;<br />
*margin-left: 76.48936170212764%;<br />
}<br />
<br />
.row-fluid .offset8 {<br />
margin-left: 70.2127659574468%;<br />
*margin-left: 70.10638297872339%;<br />
}<br />
<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.08510638297872%;<br />
*margin-left: 67.9787234042553%;<br />
}<br />
<br />
.row-fluid .offset7 {<br />
margin-left: 61.70212765957446%;<br />
*margin-left: 61.59574468085106%;<br />
}<br />
<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.574468085106375%;<br />
*margin-left: 59.46808510638297%;<br />
}<br />
<br />
.row-fluid .offset6 {<br />
margin-left: 53.191489361702125%;<br />
*margin-left: 53.085106382978715%;<br />
}<br />
<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.063829787234035%;<br />
*margin-left: 50.95744680851063%;<br />
}<br />
<br />
.row-fluid .offset5 {<br />
margin-left: 44.68085106382979%;<br />
*margin-left: 44.57446808510638%;<br />
}<br />
<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.5531914893617%;<br />
*margin-left: 42.4468085106383%;<br />
}<br />
<br />
.row-fluid .offset4 {<br />
margin-left: 36.170212765957444%;<br />
*margin-left: 36.06382978723405%;<br />
}<br />
<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.04255319148936%;<br />
*margin-left: 33.93617021276596%;<br />
}<br />
<br />
.row-fluid .offset3 {<br />
margin-left: 27.659574468085104%;<br />
*margin-left: 27.5531914893617%;<br />
}<br />
<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.53191489361702%;<br />
*margin-left: 25.425531914893618%;<br />
}<br />
<br />
.row-fluid .offset2 {<br />
margin-left: 19.148936170212764%;<br />
*margin-left: 19.04255319148936%;<br />
}<br />
<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.02127659574468%;<br />
*margin-left: 16.914893617021278%;<br />
}<br />
<br />
.row-fluid .offset1 {<br />
margin-left: 10.638297872340425%;<br />
*margin-left: 10.53191489361702%;<br />
}<br />
<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.51063829787234%;<br />
*margin-left: 8.404255319148938%;<br />
}<br />
<br />
[class*="span"].hide,<br />
.row-fluid [class*="span"].hide {<br />
display: none;<br />
}<br />
<br />
[class*="span"].pull-right,<br />
.row-fluid [class*="span"].pull-right {<br />
float: right;<br />
}<br />
<br />
.container {<br />
margin-right: auto;<br />
margin-left: auto;<br />
*zoom: 1;<br />
}<br />
<br />
.container:before,<br />
.container:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container:after {<br />
clear: both;<br />
}<br />
<br />
.container-fluid {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.container-fluid:before,<br />
.container-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container-fluid:after {<br />
clear: both;<br />
}<br />
<br />
p {<br />
margin: 0 0 10px;<br />
}<br />
<br />
.lead {<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
}<br />
<br />
small {<br />
font-size: 85%;<br />
}<br />
<br />
strong {<br />
font-weight: bold;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
cite {<br />
font-style: normal;<br />
}<br />
<br />
.muted {<br />
color: #999999;<br />
}<br />
<br />
a.muted:hover,<br />
a.muted:focus {<br />
color: #808080;<br />
}<br />
<br />
.text-warning {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-error {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-info {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-success {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-left {<br />
text-align: left;<br />
}<br />
<br />
.text-right {<br />
text-align: right;<br />
}<br />
<br />
.text-center {<br />
text-align: center;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin: 10px 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 20px;<br />
color: inherit;<br />
text-rendering: optimizelegibility;<br />
}<br />
<br />
h1 small,<br />
h2 small,<br />
h3 small,<br />
h4 small,<br />
h5 small,<br />
h6 small {<br />
font-weight: normal;<br />
line-height: 1;<br />
color: #999999;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3 {<br />
line-height: 40px;<br />
}<br />
<br />
h1 {<br />
font-size: 38.5px;<br />
}<br />
<br />
h2 {<br />
font-size: 31.5px;<br />
}<br />
<br />
h3 {<br />
font-size: 24.5px;<br />
}<br />
<br />
h4 {<br />
font-size: 17.5px;<br />
}<br />
<br />
h5 {<br />
font-size: 14px;<br />
}<br />
<br />
h6 {<br />
font-size: 11.9px;<br />
}<br />
<br />
h1 small {<br />
font-size: 24.5px;<br />
}<br />
<br />
h2 small {<br />
font-size: 17.5px;<br />
}<br />
<br />
h3 small {<br />
font-size: 14px;<br />
}<br />
<br />
h4 small {<br />
font-size: 14px;<br />
}<br />
<br />
.page-header {<br />
padding-bottom: 9px;<br />
margin: 20px 0 30px;<br />
border-bottom: 1px solid #eeeeee;<br />
}<br />
<br />
ul,<br />
ol {<br />
padding: 0;<br />
margin: 0 0 10px 25px;<br />
}<br />
<br />
ul ul,<br />
ul ol,<br />
ol ol,<br />
ol ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
li {<br />
line-height: 20px;<br />
}<br />
<br />
ul.unstyled,<br />
ol.unstyled {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline,<br />
ol.inline {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline > li,<br />
ol.inline > li {<br />
display: inline-block;<br />
*display: inline;<br />
padding-right: 5px;<br />
padding-left: 5px;<br />
*zoom: 1;<br />
}<br />
<br />
dl {<br />
margin-bottom: 20px;<br />
}<br />
<br />
dt,<br />
dd {<br />
line-height: 20px;<br />
}<br />
<br />
dt {<br />
font-weight: bold;<br />
}<br />
<br />
dd {<br />
margin-left: 10px;<br />
}<br />
<br />
.dl-horizontal {<br />
*zoom: 1;<br />
}<br />
<br />
.dl-horizontal:before,<br />
.dl-horizontal:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.dl-horizontal:after {<br />
clear: both;<br />
}<br />
<br />
.dl-horizontal dt {<br />
float: left;<br />
width: 160px;<br />
overflow: hidden;<br />
clear: left;<br />
text-align: right;<br />
text-overflow: ellipsis;<br />
white-space: nowrap;<br />
}<br />
<br />
.dl-horizontal dd {<br />
margin-left: 180px;<br />
}<br />
<br />
hr {<br />
margin: 20px 0;<br />
border: 0;<br />
border-top: 1px solid #eeeeee;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
abbr[title],<br />
abbr[data-original-title] {<br />
cursor: help;<br />
border-bottom: 1px dotted #999999;<br />
}<br />
<br />
abbr.initialism {<br />
font-size: 90%;<br />
text-transform: uppercase;<br />
}<br />
<br />
blockquote {<br />
padding: 0 0 0 15px;<br />
margin: 0 0 20px;<br />
border-left: 5px solid #eeeeee;<br />
}<br />
<br />
blockquote p {<br />
margin-bottom: 0;<br />
font-size: 17.5px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
}<br />
<br />
blockquote small {<br />
display: block;<br />
line-height: 20px;<br />
color: #999999;<br />
}<br />
<br />
blockquote small:before {<br />
content: '\2014 \00A0';<br />
}<br />
<br />
blockquote.pull-right {<br />
float: right;<br />
padding-right: 15px;<br />
padding-left: 0;<br />
border-right: 5px solid #eeeeee;<br />
border-left: 0;<br />
}<br />
<br />
blockquote.pull-right p,<br />
blockquote.pull-right small {<br />
text-align: right;<br />
}<br />
<br />
blockquote.pull-right small:before {<br />
content: '';<br />
}<br />
<br />
blockquote.pull-right small:after {<br />
content: '\00A0 \2014';<br />
}<br />
<br />
q:before,<br />
q:after,<br />
blockquote:before,<br />
blockquote:after {<br />
content: "";<br />
}<br />
<br />
address {<br />
display: block;<br />
margin-bottom: 20px;<br />
font-style: normal;<br />
line-height: 20px;<br />
}<br />
<br />
code,<br />
pre {<br />
padding: 0 3px 2px;<br />
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #333333;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
code {<br />
padding: 2px 4px;<br />
color: #d14;<br />
white-space: nowrap;<br />
background-color: #f7f7f9;<br />
border: 1px solid #e1e1e8;<br />
}<br />
<br />
pre {<br />
display: block;<br />
padding: 9.5px;<br />
margin: 0 0 10px;<br />
font-size: 13px;<br />
line-height: 20px;<br />
word-break: break-all;<br />
word-wrap: break-word;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.15);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
pre.prettyprint {<br />
margin-bottom: 20px;<br />
}<br />
<br />
pre code {<br />
padding: 0;<br />
color: inherit;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.pre-scrollable {<br />
max-height: 340px;<br />
overflow-y: scroll;<br />
}<br />
<br />
form {<br />
margin: 0 0 20px;<br />
}<br />
<br />
fieldset {<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
legend {<br />
display: block;<br />
width: 100%;<br />
padding: 0;<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
line-height: 40px;<br />
color: #333333;<br />
border: 0;<br />
border-bottom: 1px solid #e5e5e5;<br />
}<br />
<br />
legend small {<br />
font-size: 15px;<br />
color: #999999;<br />
}<br />
<br />
label,<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
}<br />
<br />
label {<br />
display: block;<br />
margin-bottom: 5px;<br />
}<br />
<br />
select,<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
display: inline-block;<br />
height: 20px;<br />
padding: 4px 6px;<br />
margin-bottom: 10px;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #555555;<br />
vertical-align: middle;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
width: 206px;<br />
}<br />
<br />
textarea {<br />
height: auto;<br />
}<br />
<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-o-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
transition: border linear 0.2s, box-shadow linear 0.2s;<br />
}<br />
<br />
textarea:focus,<br />
input[type="text"]:focus,<br />
input[type="password"]:focus,<br />
input[type="datetime"]:focus,<br />
input[type="datetime-local"]:focus,<br />
input[type="date"]:focus,<br />
input[type="month"]:focus,<br />
input[type="time"]:focus,<br />
input[type="week"]:focus,<br />
input[type="number"]:focus,<br />
input[type="email"]:focus,<br />
input[type="url"]:focus,<br />
input[type="search"]:focus,<br />
input[type="tel"]:focus,<br />
input[type="color"]:focus,<br />
.uneditable-input:focus {<br />
border-color: rgba(82, 168, 236, 0.8);<br />
outline: 0;<br />
outline: thin dotted \9;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
box-shadow: none;<br />
}<br />
<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
margin: 4px 0 0;<br />
margin-top: 1px \9;<br />
*margin-top: 0;<br />
line-height: normal;<br />
}<br />
<br />
input[type="file"],<br />
input[type="image"],<br />
input[type="submit"],<br />
input[type="reset"],<br />
input[type="button"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
width: auto;<br />
}<br />
<br />
select,<br />
input[type="file"] {<br />
height: 30px;<br />
/* In IE7, the height of the select element cannot be changed by height, only font-size */<br />
<br />
*margin-top: 4px;<br />
/* For IE7, add top margin to align select with labels */<br />
<br />
line-height: 30px;<br />
}<br />
<br />
select {<br />
width: 220px;<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
}<br />
<br />
select[multiple],<br />
select[size] {<br />
height: auto;<br />
}<br />
<br />
select:focus,<br />
input[type="file"]:focus,<br />
input[type="radio"]:focus,<br />
input[type="checkbox"]:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.uneditable-input,<br />
.uneditable-textarea {<br />
color: #999999;<br />
cursor: not-allowed;<br />
background-color: #fcfcfc;<br />
border-color: #cccccc;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
box-shadow: none;<br />
}<br />
<br />
.uneditable-input {<br />
overflow: hidden;<br />
white-space: nowrap;<br />
}<br />
<br />
.uneditable-textarea {<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
input:-moz-placeholder,<br />
textarea:-moz-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input:-ms-input-placeholder,<br />
textarea:-ms-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input::-webkit-input-placeholder,<br />
textarea::-webkit-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
.radio,<br />
.checkbox {<br />
min-height: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.radio input[type="radio"],<br />
.checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-left: -20px;<br />
}<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 5px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
display: inline-block;<br />
padding-top: 5px;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.radio.inline + .radio.inline,<br />
.checkbox.inline + .checkbox.inline {<br />
margin-left: 10px;<br />
}<br />
<br />
.input-mini {<br />
width: 60px;<br />
}<br />
<br />
.input-small {<br />
width: 90px;<br />
}<br />
<br />
.input-medium {<br />
width: 150px;<br />
}<br />
<br />
.input-large {<br />
width: 210px;<br />
}<br />
<br />
.input-xlarge {<br />
width: 270px;<br />
}<br />
<br />
.input-xxlarge {<br />
width: 530px;<br />
}<br />
<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"] {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.input-append input[class*="span"],<br />
.input-append .uneditable-input[class*="span"],<br />
.input-prepend input[class*="span"],<br />
.input-prepend .uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"],<br />
.row-fluid .input-prepend [class*="span"],<br />
.row-fluid .input-append [class*="span"] {<br />
display: inline-block;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 926px;<br />
}<br />
<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 846px;<br />
}<br />
<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 766px;<br />
}<br />
<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 686px;<br />
}<br />
<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 606px;<br />
}<br />
<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 526px;<br />
}<br />
<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 446px;<br />
}<br />
<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 366px;<br />
}<br />
<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 286px;<br />
}<br />
<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 206px;<br />
}<br />
<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 126px;<br />
}<br />
<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 46px;<br />
}<br />
<br />
.controls-row {<br />
*zoom: 1;<br />
}<br />
<br />
.controls-row:before,<br />
.controls-row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.controls-row:after {<br />
clear: both;<br />
}<br />
<br />
.controls-row [class*="span"],<br />
.row-fluid .controls-row [class*="span"] {<br />
float: left;<br />
}<br />
<br />
.controls-row .checkbox[class*="span"],<br />
.controls-row .radio[class*="span"] {<br />
padding-top: 5px;<br />
}<br />
<br />
input[disabled],<br />
select[disabled],<br />
textarea[disabled],<br />
input[readonly],<br />
select[readonly],<br />
textarea[readonly] {<br />
cursor: not-allowed;<br />
background-color: #eeeeee;<br />
}<br />
<br />
input[type="radio"][disabled],<br />
input[type="checkbox"][disabled],<br />
input[type="radio"][readonly],<br />
input[type="checkbox"][readonly] {<br />
background-color: transparent;<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #ffffff;<br />
}<br />
<br />
input:focus:invalid,<br />
textarea:focus:invalid,<br />
select:focus:invalid {<br />
color: #b94a48;<br />
border-color: #ee5f5b;<br />
}<br />
<br />
input:focus:invalid:focus,<br />
textarea:focus:invalid:focus,<br />
select:focus:invalid:focus {<br />
border-color: #e9322d;<br />
-webkit-box-shadow: 0 0 6px #f8b9b7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 6px #f8b9b7;<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 6px #f8b9b7;<br />
box-shadow: none;<br />
}<br />
<br />
.form-actions {<br />
padding: 19px 20px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #e5e5e5;<br />
*zoom: 1;<br />
}<br />
<br />
.form-actions:before,<br />
.form-actions:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-actions:after {<br />
clear: both;<br />
}<br />
<br />
.help-block,<br />
.help-inline {<br />
color: #595959;<br />
}<br />
<br />
.help-block {<br />
display: block;<br />
margin-bottom: 10px;<br />
}<br />
<br />
.help-inline {<br />
display: inline-block;<br />
*display: inline;<br />
padding-left: 5px;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.input-append,<br />
.input-prepend {<br />
display: inline-block;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input,<br />
.input-append .dropdown-menu,<br />
.input-prepend .dropdown-menu,<br />
.input-append .popover,<br />
.input-prepend .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input {<br />
position: relative;<br />
margin-bottom: 0;<br />
*margin-left: 0;<br />
vertical-align: top;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input:focus,<br />
.input-prepend input:focus,<br />
.input-append select:focus,<br />
.input-prepend select:focus,<br />
.input-append .uneditable-input:focus,<br />
.input-prepend .uneditable-input:focus {<br />
z-index: 2;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on {<br />
display: inline-block;<br />
width: auto;<br />
height: 20px;<br />
min-width: 16px;<br />
padding: 4px 5px;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on,<br />
.input-append .btn,<br />
.input-prepend .btn,<br />
.input-append .btn-group > .dropdown-toggle,<br />
.input-prepend .btn-group > .dropdown-toggle {<br />
vertical-align: top;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-append .active,<br />
.input-prepend .active {<br />
background-color: #8cd98c;<br />
border-color: #339933;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-prepend .btn {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input,<br />
.input-append select,<br />
.input-append .uneditable-input {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input + .btn-group .btn:last-child,<br />
.input-append select + .btn-group .btn:last-child,<br />
.input-append .uneditable-input + .btn-group .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-append .btn,<br />
.input-append .btn-group {<br />
margin-left: -1px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child,<br />
.input-append .btn-group:last-child > .dropdown-toggle {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append input,<br />
.input-prepend.input-append select,<br />
.input-prepend.input-append .uneditable-input {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-prepend.input-append input + .btn-group .btn,<br />
.input-prepend.input-append select + .btn-group .btn,<br />
.input-prepend.input-append .uneditable-input + .btn-group .btn {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:last-child,<br />
.input-prepend.input-append .btn:last-child {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .btn-group:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
input.search-query {<br />
padding-right: 14px;<br />
padding-right: 4px \9;<br />
padding-left: 14px;<br />
padding-left: 4px \9;<br />
/* IE7-8 doesn't have border-radius, so don't indent the padding */<br />
<br />
margin-bottom: 0;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
/* Allow for input prepend/append in search forms */<br />
<br />
.form-search .input-append .search-query,<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search input,<br />
.form-inline input,<br />
.form-horizontal input,<br />
.form-search textarea,<br />
.form-inline textarea,<br />
.form-horizontal textarea,<br />
.form-search select,<br />
.form-inline select,<br />
.form-horizontal select,<br />
.form-search .help-inline,<br />
.form-inline .help-inline,<br />
.form-horizontal .help-inline,<br />
.form-search .uneditable-input,<br />
.form-inline .uneditable-input,<br />
.form-horizontal .uneditable-input,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend,<br />
.form-horizontal .input-prepend,<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-horizontal .input-append {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.form-search .hide,<br />
.form-inline .hide,<br />
.form-horizontal .hide {<br />
display: none;<br />
}<br />
<br />
.form-search label,<br />
.form-inline label,<br />
.form-search .btn-group,<br />
.form-inline .btn-group {<br />
display: inline-block;<br />
}<br />
<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-search .radio,<br />
.form-search .checkbox,<br />
.form-inline .radio,<br />
.form-inline .checkbox {<br />
padding-left: 0;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.form-search .radio input[type="radio"],<br />
.form-search .checkbox input[type="checkbox"],<br />
.form-inline .radio input[type="radio"],<br />
.form-inline .checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-right: 3px;<br />
margin-left: 0;<br />
}<br />
<br />
.control-group {<br />
margin-bottom: 10px;<br />
}<br />
<br />
legend + .control-group {<br />
margin-top: 20px;<br />
-webkit-margin-top-collapse: separate;<br />
}<br />
<br />
.form-horizontal .control-group {<br />
margin-bottom: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.form-horizontal .control-group:before,<br />
.form-horizontal .control-group:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-horizontal .control-group:after {<br />
clear: both;<br />
}<br />
<br />
.form-horizontal .control-label {<br />
float: left;<br />
width: 160px;<br />
padding-top: 5px;<br />
text-align: right;<br />
}<br />
<br />
.form-horizontal .controls {<br />
*display: inline-block;<br />
*padding-left: 20px;<br />
margin-left: 180px;<br />
*margin-left: 0;<br />
}<br />
<br />
.form-horizontal .controls:first-child {<br />
*padding-left: 180px;<br />
}<br />
<br />
.form-horizontal .help-block {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-horizontal input + .help-block,<br />
.form-horizontal select + .help-block,<br />
.form-horizontal textarea + .help-block,<br />
.form-horizontal .uneditable-input + .help-block,<br />
.form-horizontal .input-prepend + .help-block,<br />
.form-horizontal .input-append + .help-block {<br />
margin-top: 10px;<br />
}<br />
<br />
.form-horizontal .form-actions {<br />
padding-left: 180px;<br />
}<br />
<br />
table {<br />
max-width: 100%;<br />
background-color: transparent;<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
<br />
.table {<br />
width: 100%;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
padding: 8px;<br />
line-height: 20px;<br />
text-align: left;<br />
vertical-align: top;<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-weight: bold;<br />
}<br />
<br />
.table thead th {<br />
vertical-align: bottom;<br />
}<br />
<br />
.table caption + thead tr:first-child th,<br />
.table caption + thead tr:first-child td,<br />
.table colgroup + thead tr:first-child th,<br />
.table colgroup + thead tr:first-child td,<br />
.table thead:first-child tr:first-child th,<br />
.table thead:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table tbody + tbody {<br />
border-top: 2px solid #cccccc;<br />
}<br />
<br />
.table .table {<br />
background-color: #ffffff;<br />
}<br />
<br />
.table-condensed th,<br />
.table-condensed td {<br />
padding: 4px 5px;<br />
}<br />
<br />
.table-bordered {<br />
border: 1px solid #cccccc;<br />
border-collapse: separate;<br />
*border-collapse: collapse;<br />
border-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-left: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child td,<br />
.table-bordered colgroup + thead tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child td,<br />
.table-bordered thead:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:first-child,<br />
.table-bordered tbody:first-child tr:first-child > td:first-child,<br />
.table-bordered tbody:first-child tr:first-child > th:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:last-child,<br />
.table-bordered tbody:first-child tr:first-child > td:last-child,<br />
.table-bordered tbody:first-child tr:first-child > th:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:first-child,<br />
.table-bordered tbody:last-child tr:last-child > td:first-child,<br />
.table-bordered tbody:last-child tr:last-child > th:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:last-child,<br />
.table-bordered tbody:last-child tr:last-child > td:last-child,<br />
.table-bordered tbody:last-child tr:last-child > th:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-striped tbody > tr:nth-child(odd) > td,<br />
.table-striped tbody > tr:nth-child(odd) > th {<br />
background-color: #f9f9f9;<br />
}<br />
<br />
.table-hover tbody tr:hover > td,<br />
.table-hover tbody tr:hover > th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
table td[class*="span"],<br />
table th[class*="span"],<br />
.row-fluid table td[class*="span"],<br />
.row-fluid table th[class*="span"] {<br />
display: table-cell;<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span1,<br />
.table th.span1 {<br />
float: none;<br />
width: 44px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span2,<br />
.table th.span2 {<br />
float: none;<br />
width: 124px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span3,<br />
.table th.span3 {<br />
float: none;<br />
width: 204px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span4,<br />
.table th.span4 {<br />
float: none;<br />
width: 284px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span5,<br />
.table th.span5 {<br />
float: none;<br />
width: 364px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span6,<br />
.table th.span6 {<br />
float: none;<br />
width: 444px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span7,<br />
.table th.span7 {<br />
float: none;<br />
width: 524px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span8,<br />
.table th.span8 {<br />
float: none;<br />
width: 604px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span9,<br />
.table th.span9 {<br />
float: none;<br />
width: 684px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span10,<br />
.table th.span10 {<br />
float: none;<br />
width: 764px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span11,<br />
.table th.span11 {<br />
float: none;<br />
width: 844px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span12,<br />
.table th.span12 {<br />
float: none;<br />
width: 924px;<br />
margin-left: 0;<br />
}<br />
<br />
.table tbody tr.success > td {<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error > td {<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning > td {<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info > td {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr.success:hover > td {<br />
background-color: #018a18;<br />
}<br />
<br />
.table-hover tbody tr.error:hover > td {<br />
background-color: #a6193f;<br />
}<br />
<br />
.table-hover tbody tr.warning:hover > td {<br />
background-color: #d78708;<br />
}<br />
<br />
.table-hover tbody tr.info:hover > td {<br />
background-color: #157cee;<br />
}<br />
<br />
.dropup,<br />
.dropdown {<br />
position: relative;<br />
}<br />
<br />
.dropdown-toggle {<br />
*margin-bottom: -3px;<br />
}<br />
<br />
.dropdown-toggle:active,<br />
.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.caret {<br />
display: inline-block;<br />
width: 0;<br />
height: 0;<br />
vertical-align: top;<br />
border-top: 4px solid #000000;<br />
border-right: 4px solid transparent;<br />
border-left: 4px solid transparent;<br />
content: "";<br />
}<br />
<br />
.dropdown .caret {<br />
margin-top: 8px;<br />
margin-left: 2px;<br />
}<br />
<br />
.dropdown-menu {<br />
position: absolute;<br />
top: 100%;<br />
left: 0;<br />
z-index: 1000;<br />
display: none;<br />
float: left;<br />
min-width: 160px;<br />
padding: 5px 0;<br />
margin: 2px 0 0;<br />
list-style: none;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
*border-right-width: 2px;<br />
*border-bottom-width: 2px;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropdown-menu .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.dropdown-menu > li > a {<br />
display: block;<br />
padding: 3px 20px;<br />
clear: both;<br />
font-weight: normal;<br />
line-height: 20px;<br />
color: #333333;<br />
white-space: nowrap;<br />
}<br />
<br />
.dropdown-menu > li > a:hover,<br />
.dropdown-menu > li > a:focus,<br />
.dropdown-submenu:hover > a,<br />
.dropdown-submenu:focus > a {<br />
color: #ffffff;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .active > a,<br />
.dropdown-menu > .active > a:hover,<br />
.dropdown-menu > .active > a:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
outline: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .disabled > a,<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
color: #999999;<br />
}<br />
<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
background-image: none;<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.open {<br />
*z-index: 1000;<br />
}<br />
<br />
.open > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.pull-right > .dropdown-menu {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border-top: 0;<br />
border-bottom: 4px solid #000000;<br />
content: "";<br />
}<br />
<br />
.dropup .dropdown-menu,<br />
.navbar-fixed-bottom .dropdown .dropdown-menu {<br />
top: auto;<br />
bottom: 100%;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.dropdown-submenu {<br />
position: relative;<br />
}<br />
<br />
.dropdown-submenu > .dropdown-menu {<br />
top: 0;<br />
left: 100%;<br />
margin-top: -6px;<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 6px 6px 6px;<br />
-moz-border-radius: 0 6px 6px 6px;<br />
border-radius: 0 6px 6px 6px;<br />
}<br />
<br />
.dropdown-submenu:hover > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.dropup .dropdown-submenu > .dropdown-menu {<br />
top: auto;<br />
bottom: 0;<br />
margin-top: 0;<br />
margin-bottom: -2px;<br />
-webkit-border-radius: 5px 5px 5px 0;<br />
-moz-border-radius: 5px 5px 5px 0;<br />
border-radius: 5px 5px 5px 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
display: block;<br />
float: right;<br />
width: 0;<br />
height: 0;<br />
margin-top: 5px;<br />
margin-right: -10px;<br />
border-color: transparent;<br />
border-left-color: #cccccc;<br />
border-style: solid;<br />
border-width: 5px 0 5px 5px;<br />
content: " ";<br />
}<br />
<br />
.dropdown-submenu:hover > a:after {<br />
border-left-color: #ffffff;<br />
}<br />
<br />
.dropdown-submenu.pull-left {<br />
float: none;<br />
}<br />
<br />
.dropdown-submenu.pull-left > .dropdown-menu {<br />
left: -100%;<br />
margin-left: 10px;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.dropdown .dropdown-menu .nav-header {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.typeahead {<br />
z-index: 1051;<br />
margin-top: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.well {<br />
min-height: 20px;<br />
padding: 19px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border: 1px solid #e3e3e3;<br />
}<br />
<br />
.well blockquote {<br />
border-color: #ddd;<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.well-large {<br />
padding: 24px;<br />
}<br />
<br />
.well-small {<br />
padding: 9px;<br />
}<br />
<br />
.fade {<br />
opacity: 0;<br />
-webkit-transition: opacity 0.15s linear;<br />
-moz-transition: opacity 0.15s linear;<br />
-o-transition: opacity 0.15s linear;<br />
transition: opacity 0.15s linear;<br />
}<br />
<br />
.fade.in {<br />
opacity: 1;<br />
}<br />
<br />
.collapse {<br />
position: relative;<br />
height: 0;<br />
overflow: hidden;<br />
-webkit-transition: height 0.35s ease;<br />
-moz-transition: height 0.35s ease;<br />
-o-transition: height 0.35s ease;<br />
transition: height 0.35s ease;<br />
}<br />
<br />
.collapse.in {<br />
height: auto;<br />
}<br />
<br />
.close {<br />
float: right;<br />
font-size: 20px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #000000;<br />
text-shadow: 0 1px 0 #ffffff;<br />
opacity: 0.2;<br />
filter: alpha(opacity=20);<br />
}<br />
<br />
.close:hover,<br />
.close:focus {<br />
color: #000000;<br />
text-decoration: none;<br />
cursor: pointer;<br />
opacity: 0.4;<br />
filter: alpha(opacity=40);<br />
}<br />
<br />
button.close {<br />
padding: 0;<br />
cursor: pointer;<br />
background: transparent;<br />
border: 0;<br />
-webkit-appearance: none;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
*display: inline;<br />
padding: 4px 12px;<br />
margin-bottom: 0;<br />
*margin-left: .3em;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
text-align: center;<br />
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);<br />
vertical-align: middle;<br />
cursor: pointer;<br />
background-color: #eeeeee;<br />
*background-color: #eeeeee;<br />
background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));<br />
background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #cccccc;<br />
*border: 0;<br />
border-color: #eeeeee #eeeeee #c8c8c8;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
border-bottom-color: #b3b3b3;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
color: #333333;<br />
background-color: #eeeeee;<br />
*background-color: #e1e1e1;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #d5d5d5 \9;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-position: 0 -15px;<br />
-webkit-transition: background-position 0.1s linear;<br />
-moz-transition: background-position 0.1s linear;<br />
-o-transition: background-position 0.1s linear;<br />
transition: background-position 0.1s linear;<br />
}<br />
<br />
.btn:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-image: none;<br />
outline: 0;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
cursor: default;<br />
background-image: none;<br />
opacity: 0.65;<br />
filter: alpha(opacity=65);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-large {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-large [class^="icon-"],<br />
.btn-large [class*=" icon-"] {<br />
margin-top: 4px;<br />
}<br />
<br />
.btn-small {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-small [class^="icon-"],<br />
.btn-small [class*=" icon-"] {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-mini [class^="icon-"],<br />
.btn-mini [class*=" icon-"] {<br />
margin-top: -1px;<br />
}<br />
<br />
.btn-mini {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-block {<br />
display: block;<br />
width: 100%;<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.btn-block + .btn-block {<br />
margin-top: 5px;<br />
}<br />
<br />
input[type="submit"].btn-block,<br />
input[type="reset"].btn-block,<br />
input[type="button"].btn-block {<br />
width: 100%;<br />
}<br />
<br />
.btn-primary.active,<br />
.btn-warning.active,<br />
.btn-danger.active,<br />
.btn-success.active,<br />
.btn-info.active,<br />
.btn-inverse.active {<br />
color: rgba(255, 255, 255, 0.75);<br />
}<br />
<br />
.btn-primary {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #2e7bcc;<br />
*background-color: #2e63cc;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2e63cc #2e63cc #20458e;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:focus,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
color: #ffffff;<br />
background-color: #2e63cc;<br />
*background-color: #2959b7;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #254fa2 \9;<br />
}<br />
<br />
.btn-warning {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #f5a932;<br />
*background-color: #f09609;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #f09609 #f09609 #a66806;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:focus,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
*background-color: #d78708;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #bf7707 \9;<br />
}<br />
<br />
.btn-danger {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #da4f49;<br />
*background-color: #bd362f;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #bd362f #bd362f #802420;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:focus,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
color: #ffffff;<br />
background-color: #bd362f;<br />
*background-color: #a9302a;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25 \9;<br />
}<br />
<br />
.btn-success {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #5bb75b;<br />
*background-color: #51a351;<br />
background-image: -moz-linear-gradient(top, #62c462, #51a351);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));<br />
background-image: -webkit-linear-gradient(top, #62c462, #51a351);<br />
background-image: -o-linear-gradient(top, #62c462, #51a351);<br />
background-image: linear-gradient(to bottom, #62c462, #51a351);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #51a351 #51a351 #387038;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:focus,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
color: #ffffff;<br />
background-color: #51a351;<br />
*background-color: #499249;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140 \9;<br />
}<br />
<br />
.btn-info {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #49afcd;<br />
*background-color: #2f96b4;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2f96b4 #2f96b4 #1f6377;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:focus,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
color: #ffffff;<br />
background-color: #2f96b4;<br />
*background-color: #2a85a0;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c \9;<br />
}<br />
<br />
.btn-inverse {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #414141;<br />
*background-color: #222222;<br />
background-image: -moz-linear-gradient(top, #555555, #222222);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));<br />
background-image: -webkit-linear-gradient(top, #555555, #222222);<br />
background-image: -o-linear-gradient(top, #555555, #222222);<br />
background-image: linear-gradient(to bottom, #555555, #222222);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #222222 #222222 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:focus,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
color: #ffffff;<br />
background-color: #222222;<br />
*background-color: #151515;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808 \9;<br />
}<br />
<br />
button.btn,<br />
input[type="submit"].btn {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn::-moz-focus-inner,<br />
input[type="submit"].btn::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button.btn.btn-large,<br />
input[type="submit"].btn.btn-large {<br />
*padding-top: 7px;<br />
*padding-bottom: 7px;<br />
}<br />
<br />
button.btn.btn-small,<br />
input[type="submit"].btn.btn-small {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn.btn-mini,<br />
input[type="submit"].btn.btn-mini {<br />
*padding-top: 1px;<br />
*padding-bottom: 1px;<br />
}<br />
<br />
.btn-link,<br />
.btn-link:active,<br />
.btn-link[disabled] {<br />
background-color: transparent;<br />
background-image: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-link {<br />
color: #2e8bcc;<br />
cursor: pointer;<br />
border-color: transparent;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-link:hover,<br />
.btn-link:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
background-color: transparent;<br />
}<br />
<br />
.btn-link[disabled]:hover,<br />
.btn-link[disabled]:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
}<br />
<br />
.btn-group {<br />
position: relative;<br />
display: inline-block;<br />
*display: inline;<br />
*margin-left: .3em;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn-group + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-toolbar {<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.btn-toolbar > .btn + .btn,<br />
.btn-toolbar > .btn-group + .btn,<br />
.btn-toolbar > .btn + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-group > .btn {<br />
position: relative;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group > .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.btn-group > .btn,<br />
.btn-group > .dropdown-menu,<br />
.btn-group > .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.btn-group > .btn-mini {<br />
font-size: 10.5px;<br />
}<br />
<br />
.btn-group > .btn-small {<br />
font-size: 11.9px;<br />
}<br />
<br />
.btn-group > .btn-large {<br />
font-size: 17.5px;<br />
}<br />
<br />
.btn-group > .btn:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn.large:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn.large:last-child,<br />
.btn-group > .large.dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn:hover,<br />
.btn-group > .btn:focus,<br />
.btn-group > .btn:active,<br />
.btn-group > .btn.active {<br />
z-index: 2;<br />
}<br />
<br />
.btn-group .dropdown-toggle:active,<br />
.btn-group.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
*padding-top: 5px;<br />
padding-right: 8px;<br />
*padding-bottom: 5px;<br />
padding-left: 8px;<br />
-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);<br />
-webkit-box-shadow: none;<br />
-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);<br />
-moz-box-shadow: none;<br />
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);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
*padding-top: 2px;<br />
padding-right: 5px;<br />
*padding-bottom: 2px;<br />
padding-left: 5px;<br />
}<br />
<br />
.btn-group > .btn-small + .dropdown-toggle {<br />
*padding-top: 5px;<br />
*padding-bottom: 4px;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
*padding-top: 7px;<br />
padding-right: 12px;<br />
*padding-bottom: 7px;<br />
padding-left: 12px;<br />
}<br />
<br />
.btn-group.open .dropdown-toggle {<br />
background-image: none;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group.open .btn.dropdown-toggle {<br />
background-color: #eeeeee;<br />
}<br />
<br />
.btn-group.open .btn-primary.dropdown-toggle {<br />
background-color: #2e63cc;<br />
}<br />
<br />
.btn-group.open .btn-warning.dropdown-toggle {<br />
background-color: #f09609;<br />
}<br />
<br />
.btn-group.open .btn-danger.dropdown-toggle {<br />
background-color: #bd362f;<br />
}<br />
<br />
.btn-group.open .btn-success.dropdown-toggle {<br />
background-color: #51a351;<br />
}<br />
<br />
.btn-group.open .btn-info.dropdown-toggle {<br />
background-color: #2f96b4;<br />
}<br />
<br />
.btn-group.open .btn-inverse.dropdown-toggle {<br />
background-color: #222222;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 8px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
margin-top: 6px;<br />
}<br />
<br />
.btn-large .caret {<br />
border-top-width: 5px;<br />
border-right-width: 5px;<br />
border-left-width: 5px;<br />
}<br />
<br />
.btn-mini .caret,<br />
.btn-small .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border-bottom-width: 5px;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.btn-group-vertical {<br />
display: inline-block;<br />
*display: inline;<br />
/* IE7 inline-block hack */<br />
<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group-vertical > .btn {<br />
display: block;<br />
float: none;<br />
max-width: 100%;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn + .btn {<br />
margin-top: -1px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.alert {<br />
padding: 8px 35px 8px 14px;<br />
margin-bottom: 20px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
background-color: #f09609;<br />
border: 1px solid #e16908;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.alert,<br />
.alert h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert h4 {<br />
margin: 0;<br />
}<br />
<br />
.alert .close {<br />
position: relative;<br />
top: -2px;<br />
right: -21px;<br />
line-height: 20px;<br />
}<br />
<br />
.alert-success {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #018a01;<br />
}<br />
<br />
.alert-success h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-danger,<br />
.alert-error {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #af1a5c;<br />
}<br />
<br />
.alert-danger h4,<br />
.alert-error h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-info {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #119be9;<br />
}<br />
<br />
.alert-info h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-block {<br />
padding-top: 14px;<br />
padding-bottom: 14px;<br />
}<br />
<br />
.alert-block > p,<br />
.alert-block > ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
.alert-block p + p {<br />
margin-top: 5px;<br />
}<br />
<br />
.nav {<br />
margin-bottom: 20px;<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.nav > li > a {<br />
display: block;<br />
}<br />
<br />
.nav > li > a:hover,<br />
.nav > li > a:focus {<br />
text-decoration: none;<br />
background-color: #eeeeee;<br />
}<br />
<br />
.nav > li > a > img {<br />
max-width: none;<br />
}<br />
<br />
.nav > .pull-right {<br />
float: right;<br />
}<br />
<br />
.nav-header {<br />
display: block;<br />
padding: 3px 15px;<br />
font-size: 11px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #999999;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
text-transform: uppercase;<br />
}<br />
<br />
.nav li + .nav-header {<br />
margin-top: 9px;<br />
}<br />
<br />
.nav-list {<br />
padding-right: 15px;<br />
padding-left: 15px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-list > li > a,<br />
.nav-list .nav-header {<br />
margin-right: -15px;<br />
margin-left: -15px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
}<br />
<br />
.nav-list > li > a {<br />
padding: 3px 15px;<br />
}<br />
<br />
.nav-list > .active > a,<br />
.nav-list > .active > a:hover,<br />
.nav-list > .active > a:focus {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-list [class^="icon-"],<br />
.nav-list [class*=" icon-"] {<br />
margin-right: 2px;<br />
}<br />
<br />
.nav-list .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.nav-tabs,<br />
.nav-pills {<br />
*zoom: 1;<br />
}<br />
<br />
.nav-tabs:before,<br />
.nav-pills:before,<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
clear: both;<br />
}<br />
<br />
.nav-tabs > li,<br />
.nav-pills > li {<br />
float: left;<br />
}<br />
<br />
.nav-tabs > li > a,<br />
.nav-pills > li > a {<br />
padding-right: 12px;<br />
padding-left: 12px;<br />
margin-right: 2px;<br />
line-height: 14px;<br />
}<br />
<br />
.nav-tabs {<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
.nav-tabs > li {<br />
margin-bottom: -1px;<br />
}<br />
<br />
.nav-tabs > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
line-height: 20px;<br />
border: 1px solid transparent;<br />
-webkit-border-radius: 4px 4px 0 0;<br />
-moz-border-radius: 4px 4px 0 0;<br />
border-radius: 4px 4px 0 0;<br />
}<br />
<br />
.nav-tabs > li > a:hover,<br />
.nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.nav-tabs > .active > a,<br />
.nav-tabs > .active > a:hover,<br />
.nav-tabs > .active > a:focus {<br />
color: #555555;<br />
cursor: default;<br />
background-color: #ffffff;<br />
border: 1px solid #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.nav-pills > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.nav-pills > .active > a,<br />
.nav-pills > .active > a:hover,<br />
.nav-pills > .active > a:focus {<br />
color: #ffffff;<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-stacked > li {<br />
float: none;<br />
}<br />
<br />
.nav-stacked > li > a {<br />
margin-right: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked {<br />
border-bottom: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a {<br />
-webkit-border-top-right-radius: 4px;<br />
border-top-right-radius: 4px;<br />
-webkit-border-top-left-radius: 4px;<br />
border-top-left-radius: 4px;<br />
-moz-border-radius-topright: 4px;<br />
-moz-border-radius-topleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-bottom-right-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
-webkit-border-bottom-left-radius: 4px;<br />
border-bottom-left-radius: 4px;<br />
-moz-border-radius-bottomright: 4px;<br />
-moz-border-radius-bottomleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a:hover,<br />
.nav-tabs.nav-stacked > li > a:focus {<br />
z-index: 2;<br />
border-color: #ddd;<br />
}<br />
<br />
.nav-pills.nav-stacked > li > a {<br />
margin-bottom: 3px;<br />
}<br />
<br />
.nav-pills.nav-stacked > li:last-child > a {<br />
margin-bottom: 1px;<br />
}<br />
<br />
.nav-tabs .dropdown-menu {<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
}<br />
<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 6px;<br />
border-top-color: #2e8bcc;<br />
border-bottom-color: #2e8bcc;<br />
}<br />
<br />
.nav .dropdown-toggle:hover .caret,<br />
.nav .dropdown-toggle:focus .caret {<br />
border-top-color: #20608e;<br />
border-bottom-color: #20608e;<br />
}<br />
<br />
/* move down carets for tabs */<br />
<br />
.nav-tabs .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.nav .active .dropdown-toggle .caret {<br />
border-top-color: #fff;<br />
border-bottom-color: #fff;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.nav > .dropdown.active > a:hover,<br />
.nav > .dropdown.active > a:focus {<br />
cursor: pointer;<br />
}<br />
<br />
.nav-tabs .open .dropdown-toggle,<br />
.nav-pills .open .dropdown-toggle,<br />
.nav > li.dropdown.open.active > a:hover,<br />
.nav > li.dropdown.open.active > a:focus {<br />
color: #ffffff;<br />
background-color: #999999;<br />
border-color: #999999;<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret,<br />
.nav li.dropdown.open a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.tabs-stacked .open > a:hover,<br />
.tabs-stacked .open > a:focus {<br />
border-color: #999999;<br />
}<br />
<br />
.tabbable {<br />
*zoom: 1;<br />
}<br />
<br />
.tabbable:before,<br />
.tabbable:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.tabbable:after {<br />
clear: both;<br />
}<br />
<br />
.tab-content {<br />
overflow: auto;<br />
}<br />
<br />
.tabs-below > .nav-tabs,<br />
.tabs-right > .nav-tabs,<br />
.tabs-left > .nav-tabs {<br />
border-bottom: 0;<br />
}<br />
<br />
.tab-content > .tab-pane,<br />
.pill-content > .pill-pane {<br />
display: none;<br />
}<br />
<br />
.tab-content > .active,<br />
.pill-content > .active {<br />
display: block;<br />
}<br />
<br />
.tabs-below > .nav-tabs {<br />
border-top: 1px solid #ddd;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li {<br />
margin-top: -1px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0 0 4px 4px;<br />
-moz-border-radius: 0 0 4px 4px;<br />
border-radius: 0 0 4px 4px;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a:hover,<br />
.tabs-below > .nav-tabs > li > a:focus {<br />
border-top-color: #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.tabs-below > .nav-tabs > .active > a,<br />
.tabs-below > .nav-tabs > .active > a:hover,<br />
.tabs-below > .nav-tabs > .active > a:focus {<br />
border-color: transparent #ddd #ddd #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li,<br />
.tabs-right > .nav-tabs > li {<br />
float: none;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
min-width: 74px;<br />
margin-right: 0;<br />
margin-bottom: 3px;<br />
}<br />
<br />
.tabs-left > .nav-tabs {<br />
float: left;<br />
margin-right: 19px;<br />
border-right: 1px solid #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a {<br />
margin-right: -1px;<br />
-webkit-border-radius: 4px 0 0 4px;<br />
-moz-border-radius: 4px 0 0 4px;<br />
border-radius: 4px 0 0 4px;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a:hover,<br />
.tabs-left > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #dddddd #eeeeee #eeeeee;<br />
}<br />
<br />
.tabs-left > .nav-tabs .active > a,<br />
.tabs-left > .nav-tabs .active > a:hover,<br />
.tabs-left > .nav-tabs .active > a:focus {<br />
border-color: #ddd transparent #ddd #ddd;<br />
*border-right-color: #ffffff;<br />
}<br />
<br />
.tabs-right > .nav-tabs {<br />
float: right;<br />
margin-left: 19px;<br />
border-left: 1px solid #ddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 4px 4px 0;<br />
-moz-border-radius: 0 4px 4px 0;<br />
border-radius: 0 4px 4px 0;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a:hover,<br />
.tabs-right > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs .active > a,<br />
.tabs-right > .nav-tabs .active > a:hover,<br />
.tabs-right > .nav-tabs .active > a:focus {<br />
border-color: #ddd #ddd #ddd transparent;<br />
*border-left-color: #ffffff;<br />
}<br />
<br />
.nav > .disabled > a {<br />
color: #999999;<br />
}<br />
<br />
.nav > .disabled > a:hover,<br />
.nav > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar {<br />
*position: relative;<br />
*z-index: 2;<br />
margin-bottom: 20px;<br />
overflow: visible;<br />
}<br />
<br />
.navbar-inner {<br />
min-height: 40px;<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
background-color: #fafafa;<br />
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));<br />
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #d4d4d4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inner:before,<br />
.navbar-inner:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-inner:after {<br />
clear: both;<br />
}<br />
<br />
.navbar .container {<br />
width: auto;<br />
}<br />
<br />
.nav-collapse.collapse {<br />
height: auto;<br />
overflow: visible;<br />
}<br />
<br />
.navbar .brand {<br />
display: block;<br />
float: left;<br />
padding: 10px 20px 10px;<br />
margin-left: -20px;<br />
font-size: 20px;<br />
font-weight: 200;<br />
color: #777777;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .brand:hover,<br />
.navbar .brand:focus {<br />
text-decoration: none;<br />
}<br />
<br />
.navbar-text {<br />
margin-bottom: 0;<br />
line-height: 40px;<br />
color: #777777;<br />
}<br />
<br />
.navbar-link {<br />
color: #777777;<br />
}<br />
<br />
.navbar-link:hover,<br />
.navbar-link:focus {<br />
color: #333333;<br />
}<br />
<br />
.navbar .divider-vertical {<br />
height: 40px;<br />
margin: 0 9px;<br />
border-right: 1px solid #ffffff;<br />
border-left: 1px solid #f2f2f2;<br />
}<br />
<br />
.navbar .btn,<br />
.navbar .btn-group {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar .btn-group .btn,<br />
.navbar .input-prepend .btn,<br />
.navbar .input-append .btn,<br />
.navbar .input-prepend .btn-group,<br />
.navbar .input-append .btn-group {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-form {<br />
margin-bottom: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.navbar-form:before,<br />
.navbar-form:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-form:after {<br />
clear: both;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .radio,<br />
.navbar-form .checkbox {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-form input[type="image"],<br />
.navbar-form input[type="checkbox"],<br />
.navbar-form input[type="radio"] {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar-form .input-append,<br />
.navbar-form .input-prepend {<br />
margin-top: 5px;<br />
white-space: nowrap;<br />
}<br />
<br />
.navbar-form .input-append input,<br />
.navbar-form .input-prepend input {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search {<br />
position: relative;<br />
float: left;<br />
margin-top: 5px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
padding: 4px 14px;<br />
margin-bottom: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 13px;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.navbar-static-top {<br />
position: static;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-static-top .navbar-inner {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: fixed;<br />
right: 0;<br />
left: 0;<br />
z-index: 1030;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
border-width: 0 0 1px;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
border-width: 1px 0 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.navbar-fixed-top {<br />
top: 0px;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-fixed-bottom {<br />
bottom: 0;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav {<br />
position: relative;<br />
left: 0;<br />
display: block;<br />
float: left;<br />
margin: 0 10px 0 0;<br />
}<br />
<br />
.navbar .nav.pull-right {<br />
float: right;<br />
margin-right: 0;<br />
}<br />
<br />
.navbar .nav > li {<br />
float: left;<br />
}<br />
<br />
.navbar .nav > li > a {<br />
float: none;<br />
padding: 10px 15px 10px;<br />
color: #777777;<br />
text-decoration: none;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.navbar .nav > li > a:focus,<br />
.navbar .nav > li > a:hover {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
color: #555555;<br />
text-decoration: none;<br />
background-color: #e5e5e5;<br />
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
display: none;<br />
float: right;<br />
padding: 7px 10px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #ededed;<br />
*background-color: #e5e5e5;<br />
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));<br />
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #e5e5e5 #e5e5e5 #bfbfbf;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar:hover,<br />
.navbar .btn-navbar:focus,<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active,<br />
.navbar .btn-navbar.disabled,<br />
.navbar .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #e5e5e5;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active {<br />
background-color: #cccccc \9;<br />
}<br />
<br />
.navbar .btn-navbar .icon-bar {<br />
display: block;<br />
width: 18px;<br />
height: 2px;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px;<br />
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-navbar .icon-bar + .icon-bar {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:before {<br />
position: absolute;<br />
top: -7px;<br />
left: 9px;<br />
display: inline-block;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-left: 7px solid transparent;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
content: '';<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:after {<br />
position: absolute;<br />
top: -6px;<br />
left: 10px;<br />
display: inline-block;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
border-left: 6px solid transparent;<br />
content: '';<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {<br />
top: auto;<br />
bottom: -7px;<br />
border-top: 7px solid #ccc;<br />
border-bottom: 0;<br />
border-top-color: rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {<br />
top: auto;<br />
bottom: -6px;<br />
border-top: 6px solid #ffffff;<br />
border-bottom: 0;<br />
}<br />
<br />
.navbar .nav li.dropdown > a:hover .caret,<br />
.navbar .nav li.dropdown > a:focus .caret {<br />
border-top-color: #333333;<br />
border-bottom-color: #333333;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #555555;<br />
background-color: #e5e5e5;<br />
}<br />
<br />
.navbar .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #777777;<br />
border-bottom-color: #777777;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:before,<br />
.navbar .nav > li > .dropdown-menu.pull-right:before {<br />
right: 12px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:after,<br />
.navbar .nav > li > .dropdown-menu.pull-right:after {<br />
right: 13px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {<br />
right: 100%;<br />
left: auto;<br />
margin-right: -1px;<br />
margin-left: 0;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.navbar-inverse .navbar-inner {<br />
background-color: #1b1b1b;<br />
background-image: -moz-linear-gradient(top, #222222, #111111);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));<br />
background-image: -webkit-linear-gradient(top, #222222, #111111);<br />
background-image: -o-linear-gradient(top, #222222, #111111);<br />
background-image: linear-gradient(to bottom, #222222, #111111);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #252525;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .brand,<br />
.navbar-inverse .nav > li > a {<br />
color: #999999;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
<br />
.navbar-inverse .brand:hover,<br />
.navbar-inverse .nav > li > a:hover,<br />
.navbar-inverse .brand:focus,<br />
.navbar-inverse .nav > li > a:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .brand {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-text {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav > li > a:focus,<br />
.navbar-inverse .nav > li > a:hover {<br />
color: #ffffff;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar-inverse .nav .active > a,<br />
.navbar-inverse .nav .active > a:hover,<br />
.navbar-inverse .nav .active > a:focus {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .navbar-link {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-link:hover,<br />
.navbar-inverse .navbar-link:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .divider-vertical {<br />
border-right-color: #222222;<br />
border-left-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > a:hover .caret,<br />
.navbar-inverse .nav li.dropdown > a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #999999;<br />
border-bottom-color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query {<br />
color: #ffffff;<br />
background-color: #515151;<br />
border-color: #111111;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
box-shadow: none;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-moz-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:focus,<br />
.navbar-inverse .navbar-search .search-query.focused {<br />
padding: 5px 15px;<br />
color: #333333;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #ffffff;<br />
border: 0;<br />
outline: 0;<br />
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inverse .btn-navbar {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e0e0e;<br />
*background-color: #040404;<br />
background-image: -moz-linear-gradient(top, #151515, #040404);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));<br />
background-image: -webkit-linear-gradient(top, #151515, #040404);<br />
background-image: -o-linear-gradient(top, #151515, #040404);<br />
background-image: linear-gradient(to bottom, #151515, #040404);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #040404 #040404 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .btn-navbar:hover,<br />
.navbar-inverse .btn-navbar:focus,<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active,<br />
.navbar-inverse .btn-navbar.disabled,<br />
.navbar-inverse .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #040404;<br />
*background-color: #000000;<br />
}<br />
<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active {<br />
background-color: #000000 \9;<br />
}<br />
<br />
.breadcrumb {<br />
padding: 8px 15px;<br />
margin: 0 0 20px;<br />
list-style: none;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.breadcrumb > li {<br />
display: inline-block;<br />
*display: inline;<br />
text-shadow: 0 1px 0 #ffffff;<br />
*zoom: 1;<br />
}<br />
<br />
.breadcrumb > li > .divider {<br />
padding: 0 5px;<br />
color: #ccc;<br />
}<br />
<br />
.breadcrumb > .active {<br />
color: #999999;<br />
}<br />
<br />
.pagination {<br />
margin: 20px 0;<br />
}<br />
<br />
.pagination ul {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.pagination ul > li {<br />
display: inline;<br />
}<br />
<br />
.pagination ul > li > a,<br />
.pagination ul > li > span {<br />
float: left;<br />
padding: 4px 12px;<br />
line-height: 20px;<br />
text-decoration: none;<br />
background-color: #ffffff;<br />
border: 1px solid #dddddd;<br />
border-left-width: 0;<br />
}<br />
<br />
.pagination ul > li > a:hover,<br />
.pagination ul > li > a:focus,<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
color: #999999;<br />
cursor: default;<br />
}<br />
<br />
.pagination ul > .disabled > span,<br />
.pagination ul > .disabled > a,<br />
.pagination ul > .disabled > a:hover,<br />
.pagination ul > .disabled > a:focus {<br />
color: #999999;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.pagination ul > li:first-child > a,<br />
.pagination ul > li:first-child > span {<br />
border-left-width: 1px;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination ul > li:last-child > a,<br />
.pagination ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-centered {<br />
text-align: center;<br />
}<br />
<br />
.pagination-right {<br />
text-align: right;<br />
}<br />
<br />
.pagination-large ul > li > a,<br />
.pagination-large ul > li > span {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
}<br />
<br />
.pagination-large ul > li:first-child > a,<br />
.pagination-large ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-large ul > li:last-child > a,<br />
.pagination-large ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-mini ul > li:first-child > a,<br />
.pagination-small ul > li:first-child > a,<br />
.pagination-mini ul > li:first-child > span,<br />
.pagination-small ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-mini ul > li:last-child > a,<br />
.pagination-small ul > li:last-child > a,<br />
.pagination-mini ul > li:last-child > span,<br />
.pagination-small ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-small ul > li > a,<br />
.pagination-small ul > li > span {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
}<br />
<br />
.pagination-mini ul > li > a,<br />
.pagination-mini ul > li > span {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
}<br />
<br />
.pager {<br />
margin: 20px 0;<br />
text-align: center;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.pager:before,<br />
.pager:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.pager:after {<br />
clear: both;<br />
}<br />
<br />
.pager li {<br />
display: inline;<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
display: inline-block;<br />
padding: 5px 14px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.pager li > a:hover,<br />
.pager li > a:focus {<br />
text-decoration: none;<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pager .next > a,<br />
.pager .next > span {<br />
float: right;<br />
}<br />
<br />
.pager .previous > a,<br />
.pager .previous > span {<br />
float: left;<br />
}<br />
<br />
.pager .disabled > a,<br />
.pager .disabled > a:hover,<br />
.pager .disabled > a:focus,<br />
.pager .disabled > span {<br />
color: #999999;<br />
cursor: default;<br />
background-color: #fff;<br />
}<br />
<br />
.modal-backdrop {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
z-index: 1040;<br />
background-color: #000000;<br />
}<br />
<br />
.modal-backdrop.fade {<br />
opacity: 0;<br />
}<br />
<br />
.modal-backdrop,<br />
.modal-backdrop.fade.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.modal {<br />
position: fixed;<br />
top: 10%;<br />
left: 50%;<br />
z-index: 1050;<br />
width: 560px;<br />
margin-left: -280px;<br />
background-color: #ffffff;<br />
border: 1px solid #999;<br />
border: 1px solid rgba(0, 0, 0, 0.3);<br />
*border: 1px solid #999;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
outline: none;<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding-box;<br />
background-clip: padding-box;<br />
}<br />
<br />
.modal.fade {<br />
top: -25%;<br />
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-o-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
transition: opacity 0.3s linear, top 0.3s ease-out;<br />
}<br />
<br />
.modal.fade.in {<br />
top: 10%;<br />
}<br />
<br />
.modal-header {<br />
padding: 9px 15px;<br />
border-bottom: 1px solid #eee;<br />
}<br />
<br />
.modal-header .close {<br />
margin-top: 2px;<br />
}<br />
<br />
.modal-header h3 {<br />
margin: 0;<br />
line-height: 30px;<br />
}<br />
<br />
.modal-body {<br />
position: relative;<br />
max-height: 400px;<br />
padding: 15px;<br />
overflow-y: auto;<br />
}<br />
<br />
.modal-form {<br />
margin-bottom: 0;<br />
}<br />
<br />
.modal-footer {<br />
padding: 14px 15px 15px;<br />
margin-bottom: 0;<br />
text-align: right;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #ddd;<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.modal-footer:before,<br />
.modal-footer:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.modal-footer:after {<br />
clear: both;<br />
}<br />
<br />
.modal-footer .btn + .btn {<br />
margin-bottom: 0;<br />
margin-left: 5px;<br />
}<br />
<br />
.modal-footer .btn-group .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.modal-footer .btn-block + .btn-block {<br />
margin-left: 0;<br />
}<br />
<br />
.tooltip {<br />
position: absolute;<br />
z-index: 1030;<br />
display: block;<br />
font-size: 11px;<br />
line-height: 1.4;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
visibility: visible;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.tooltip.top {<br />
padding: 5px 0;<br />
margin-top: -3px;<br />
}<br />
<br />
.tooltip.right {<br />
padding: 0 5px;<br />
margin-left: 3px;<br />
}<br />
<br />
.tooltip.bottom {<br />
padding: 5px 0;<br />
margin-top: 3px;<br />
}<br />
<br />
.tooltip.left {<br />
padding: 0 5px;<br />
margin-left: -3px;<br />
}<br />
<br />
.tooltip-inner {<br />
max-width: 200px;<br />
padding: 8px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-decoration: none;<br />
background-color: #000000;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tooltip-arrow {<br />
position: absolute;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.tooltip.top .tooltip-arrow {<br />
bottom: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-top-color: #000000;<br />
border-width: 5px 5px 0;<br />
}<br />
<br />
.tooltip.right .tooltip-arrow {<br />
top: 50%;<br />
left: 0;<br />
margin-top: -5px;<br />
border-right-color: #000000;<br />
border-width: 5px 5px 5px 0;<br />
}<br />
<br />
.tooltip.left .tooltip-arrow {<br />
top: 50%;<br />
right: 0;<br />
margin-top: -5px;<br />
border-left-color: #000000;<br />
border-width: 5px 0 5px 5px;<br />
}<br />
<br />
.tooltip.bottom .tooltip-arrow {<br />
top: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-bottom-color: #000000;<br />
border-width: 0 5px 5px;<br />
}<br />
<br />
.popover {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1010;<br />
display: none;<br />
max-width: 276px;<br />
padding: 1px;<br />
text-align: left;<br />
white-space: normal;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.popover.top {<br />
margin-top: -10px;<br />
}<br />
<br />
.popover.right {<br />
margin-left: 10px;<br />
}<br />
<br />
.popover.bottom {<br />
margin-top: 10px;<br />
}<br />
<br />
.popover.left {<br />
margin-left: -10px;<br />
}<br />
<br />
.popover-title {<br />
padding: 8px 14px;<br />
margin: 0;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
background-color: #f7f7f7;<br />
border-bottom: 1px solid #ebebeb;<br />
-webkit-border-radius: 5px 5px 0 0;<br />
-moz-border-radius: 5px 5px 0 0;<br />
border-radius: 5px 5px 0 0;<br />
}<br />
<br />
.popover-title:empty {<br />
display: none;<br />
}<br />
<br />
.popover-content {<br />
padding: 9px 14px;<br />
}<br />
<br />
.popover .arrow,<br />
.popover .arrow:after {<br />
position: absolute;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.popover .arrow {<br />
border-width: 11px;<br />
}<br />
<br />
.popover .arrow:after {<br />
border-width: 10px;<br />
content: "";<br />
}<br />
<br />
.popover.top .arrow {<br />
bottom: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-top-color: #999;<br />
border-top-color: rgba(0, 0, 0, 0.25);<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.top .arrow:after {<br />
bottom: 1px;<br />
margin-left: -10px;<br />
border-top-color: #ffffff;<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.right .arrow {<br />
top: 50%;<br />
left: -11px;<br />
margin-top: -11px;<br />
border-right-color: #999;<br />
border-right-color: rgba(0, 0, 0, 0.25);<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.right .arrow:after {<br />
bottom: -10px;<br />
left: 1px;<br />
border-right-color: #ffffff;<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow {<br />
top: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-bottom-color: #999;<br />
border-bottom-color: rgba(0, 0, 0, 0.25);<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow:after {<br />
top: 1px;<br />
margin-left: -10px;<br />
border-bottom-color: #ffffff;<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.left .arrow {<br />
top: 50%;<br />
right: -11px;<br />
margin-top: -11px;<br />
border-left-color: #999;<br />
border-left-color: rgba(0, 0, 0, 0.25);<br />
border-right-width: 0;<br />
}<br />
<br />
.popover.left .arrow:after {<br />
right: 1px;<br />
bottom: -10px;<br />
border-left-color: #ffffff;<br />
border-right-width: 0;<br />
}<br />
<br />
.thumbnails {<br />
margin-left: -20px;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.thumbnails:before,<br />
.thumbnails:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.thumbnails:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
<br />
.thumbnails > li {<br />
float: left;<br />
margin-bottom: 20px;<br />
margin-left: 20px;<br />
}<br />
<br />
.thumbnail {<br />
display: block;<br />
padding: 4px;<br />
line-height: 20px;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
box-shadow: none;<br />
-webkit-transition: all 0.2s ease-in-out;<br />
-moz-transition: all 0.2s ease-in-out;<br />
-o-transition: all 0.2s ease-in-out;<br />
transition: all 0.2s ease-in-out;<br />
}<br />
<br />
a.thumbnail:hover,<br />
a.thumbnail:focus {<br />
border-color: #2e8bcc;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.thumbnail > img {<br />
display: block;<br />
max-width: 100%;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}<br />
<br />
.thumbnail .caption {<br />
padding: 9px;<br />
color: #555555;<br />
}<br />
<br />
.media,<br />
.media-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.media,<br />
.media .media {<br />
margin-top: 15px;<br />
}<br />
<br />
.media:first-child {<br />
margin-top: 0;<br />
}<br />
<br />
.media-object {<br />
display: block;<br />
}<br />
<br />
.media-heading {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.media > .pull-left {<br />
margin-right: 10px;<br />
}<br />
<br />
.media > .pull-right {<br />
margin-left: 10px;<br />
}<br />
<br />
.media-list {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.label,<br />
.badge {<br />
display: inline-block;<br />
padding: 2px 4px;<br />
font-size: 11.844px;<br />
font-weight: bold;<br />
line-height: 14px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
white-space: nowrap;<br />
vertical-align: baseline;<br />
background-color: #999999;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
.badge {<br />
padding-right: 9px;<br />
padding-left: 9px;<br />
-webkit-border-radius: 9px;<br />
-moz-border-radius: 9px;<br />
border-radius: 9px;<br />
}<br />
<br />
.label:empty,<br />
.badge:empty {<br />
display: none;<br />
}<br />
<br />
a.label:hover,<br />
a.label:focus,<br />
a.badge:hover,<br />
a.badge:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
cursor: pointer;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
.btn .label,<br />
.btn .badge {<br />
position: relative;<br />
top: -1px;<br />
}<br />
<br />
.btn-mini .label,<br />
.btn-mini .badge {<br />
top: 0;<br />
}<br />
<br />
@-webkit-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-moz-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-ms-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-o-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 0 0;<br />
}<br />
to {<br />
background-position: 40px 0;<br />
}<br />
}<br />
<br />
@keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
.progress {<br />
height: 20px;<br />
margin-bottom: 20px;<br />
overflow: hidden;<br />
background-color: #f7f7f7;<br />
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));<br />
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.progress .bar {<br />
float: left;<br />
width: 0;<br />
height: 100%;<br />
font-size: 12px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e90d2;<br />
background-image: -moz-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));<br />
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -o-linear-gradient(top, #149bdf, #0480be);<br />
background-image: linear-gradient(to bottom, #149bdf, #0480be);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-transition: width 0.6s ease;<br />
-moz-transition: width 0.6s ease;<br />
-o-transition: width 0.6s ease;<br />
transition: width 0.6s ease;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.progress-striped .bar {<br />
background-color: #149bdf;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
-webkit-background-size: 40px 40px;<br />
-moz-background-size: 40px 40px;<br />
-o-background-size: 40px 40px;<br />
background-size: 40px 40px;<br />
}<br />
<br />
.progress.active .bar {<br />
-webkit-animation: progress-bar-stripes 2s linear infinite;<br />
-moz-animation: progress-bar-stripes 2s linear infinite;<br />
-ms-animation: progress-bar-stripes 2s linear infinite;<br />
-o-animation: progress-bar-stripes 2s linear infinite;<br />
animation: progress-bar-stripes 2s linear infinite;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger {<br />
background-color: #dd514c;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger {<br />
background-color: #ee5f5b;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-success .bar,<br />
.progress .bar-success {<br />
background-color: #5eb95e;<br />
background-image: -moz-linear-gradient(top, #62c462, #57a957);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));<br />
background-image: -webkit-linear-gradient(top, #62c462, #57a957);<br />
background-image: -o-linear-gradient(top, #62c462, #57a957);<br />
background-image: linear-gradient(to bottom, #62c462, #57a957);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success {<br />
background-color: #62c462;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-info .bar,<br />
.progress .bar-info {<br />
background-color: #4bb1cf;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info {<br />
background-color: #5bc0de;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-warning .bar,<br />
.progress .bar-warning {<br />
background-color: #f5a932;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-color: #f8b64d;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.accordion {<br />
margin-bottom: 20px;<br />
}<br />
<br />
.accordion-group {<br />
margin-bottom: 2px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.accordion-heading {<br />
border-bottom: 0;<br />
}<br />
<br />
.accordion-heading .accordion-toggle {<br />
display: block;<br />
padding: 8px 15px;<br />
}<br />
<br />
.accordion-toggle {<br />
cursor: pointer;<br />
}<br />
<br />
.accordion-inner {<br />
padding: 9px 15px;<br />
border-top: 1px solid #e5e5e5;<br />
}<br />
<br />
.carousel {<br />
position: relative;<br />
margin-bottom: 20px;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.carousel-inner > .item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.6s ease-in-out left;<br />
-moz-transition: 0.6s ease-in-out left;<br />
-o-transition: 0.6s ease-in-out left;<br />
transition: 0.6s ease-in-out left;<br />
}<br />
<br />
.carousel-inner > .item > img,<br />
.carousel-inner > .item > a > img {<br />
display: block;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner > .active,<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
display: block;<br />
}<br />
<br />
.carousel-inner > .active {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.carousel-inner > .next {<br />
left: 100%;<br />
}<br />
<br />
.carousel-inner > .prev {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .next.left,<br />
.carousel-inner > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .active.right {<br />
left: 100%;<br />
}<br />
<br />
.carousel-control {<br />
position: absolute;<br />
top: 40%;<br />
left: 15px;<br />
width: 40px;<br />
height: 40px;<br />
margin-top: -20px;<br />
font-size: 60px;<br />
font-weight: 100;<br />
line-height: 30px;<br />
color: #ffffff;<br />
text-align: center;<br />
background: #222222;<br />
border: 3px solid #ffffff;<br />
-webkit-border-radius: 23px;<br />
-moz-border-radius: 23px;<br />
border-radius: 23px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
}<br />
<br />
.carousel-control.right {<br />
right: 15px;<br />
left: auto;<br />
}<br />
<br />
.carousel-control:hover,<br />
.carousel-control:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel-indicators {<br />
position: absolute;<br />
top: 15px;<br />
right: 15px;<br />
z-index: 5;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
.carousel-indicators li {<br />
display: block;<br />
float: left;<br />
width: 10px;<br />
height: 10px;<br />
margin-left: 5px;<br />
text-indent: -999px;<br />
background-color: #ccc;<br />
background-color: rgba(255, 255, 255, 0.25);<br />
border-radius: 5px;<br />
}<br />
<br />
.carousel-indicators .active {<br />
background-color: #fff;<br />
}<br />
<br />
.carousel-caption {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
padding: 15px;<br />
background: #333333;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
.carousel-caption h4,<br />
.carousel-caption p {<br />
line-height: 20px;<br />
color: #ffffff;<br />
}<br />
<br />
.carousel-caption h4 {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.carousel-caption p {<br />
margin-bottom: 0;<br />
}<br />
<br />
.hero-unit {<br />
padding: 60px;<br />
margin-bottom: 30px;<br />
font-size: 18px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
color: inherit;<br />
background-color: #eeeeee;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.hero-unit h1 {<br />
margin-bottom: 0;<br />
font-size: 60px;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
color: inherit;<br />
}<br />
<br />
.hero-unit li {<br />
line-height: 30px;<br />
}<br />
<br />
.pull-right {<br />
float: right;<br />
}<br />
<br />
.pull-left {<br />
float: left;<br />
}<br />
<br />
.hide {<br />
display: none;<br />
}<br />
<br />
.show {<br />
display: block;<br />
}<br />
<br />
.invisible {<br />
visibility: hidden;<br />
}<br />
<br />
.affix {<br />
position: fixed;<br />
}<br />
<br />
body {<br />
position: relative;<br />
font-weight: 300;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
}<br />
<br />
/*<br />
No border on images when in a link.<br />
*/<br />
<br />
img {<br />
border-style: none;<br />
}<br />
<br />
#top-info {<br />
display: block;<br />
}<br />
<br />
#top-info > a {<br />
padding: 0;<br />
}<br />
<br />
#header-container {<br />
display: inline-block;<br />
margin-left: 50px;<br />
vertical-align: top;<br />
}<br />
<br />
header h1 {<br />
display: inline;<br />
}<br />
<br />
#nav-bar {<br />
position: relative;<br />
display: block;<br />
height: auto;<br />
padding-top: 24px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
.row-fluid .hide {<br />
display: none;<br />
}<br />
<br />
.form-actions {<br />
background-color: inherit;<br />
}<br />
<br />
.label {<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
textarea {<br />
width: 260px;<br />
height: auto;<br />
min-width: 260px;<br />
min-height: 39px;<br />
padding: 4px 4px 4px 8px;<br />
overflow-y: scroll;<br />
word-wrap: break-word;<br />
}<br />
<br />
input[type=text],<br />
input[type=password],<br />
input[type=email],<br />
input[type=number],<br />
input[type=tel],<br />
input[type=url],<br />
input[type=search],<br />
textarea {<br />
min-width: 64px;<br />
min-height: 28px;<br />
font-weight: 400;<br />
line-height: 1.3636;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-append .add-on {<br />
height: 16px;<br />
line-height: 15px;<br />
}<br />
<br />
.input-prepend .btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 0 2px 2px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 2px 2px 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-append .btn {<br />
height: 28px;<br />
min-height: 28px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
padding-top: 0;<br />
}<br />
<br />
/*<br />
Select control.<br />
*/<br />
<br />
select {<br />
min-width: 80px;<br />
min-height: 24px;<br />
padding: 2px;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Range control.<br />
*/<br />
<br />
input[type=range] {<br />
width: 280px;<br />
height: auto;<br />
padding: 17px 0 32px 0;<br />
}<br />
<br />
input.search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn,<br />
.form-search .input-append input[type="submit"].btn {<br />
padding-right: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn .icon-search,<br />
.form-search .input-append input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-append .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-append .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn,<br />
.form-search .input-prepend input[type="submit"].btn {<br />
padding-left: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn .icon-search,<br />
.form-search .input-prepend input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-prepend .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #f09609;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #bf7707;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #f09609;<br />
background-color: #f09609;<br />
border-color: #f09609;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #bc1c48;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #901537;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #bc1c48;<br />
background-color: #bc1c48;<br />
border-color: #bc1c48;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #01a31c;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #017013;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #01a31c;<br />
background-color: #01a31c;<br />
border-color: #01a31c;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #2d89f0;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #106fda;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #2d89f0;<br />
background-color: #2d89f0;<br />
border-color: #2d89f0;<br />
}<br />
<br />
/* Metro Radio button<br />
-------------------------------------------------- */<br />
<br />
/*<br />
NOTE:<br />
Originally the following rules used the adjacent sibling selector '+ span'<br />
but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following<br />
the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a<br />
custom class to the span.<br />
Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7.<br />
*/<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 0;<br />
}<br />
<br />
label.radio,<br />
label.checkbox {<br />
position: relative;<br />
padding-left: 0;<br />
cursor: pointer;<br />
}<br />
<br />
input[type=radio],<br />
input[type=radio] ~ span.metro-radio,<br />
input[type=radio] ~ span.metro-radio::before,<br />
input[type=radio] ~ span.metro-radio::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
input[type=radio] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio::before {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: 10px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #FFF;<br />
border: 2px solid #BABABA;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:checked ~ span.metro-radio::after {<br />
position: absolute;<br />
top: 8px;<br />
left: 6px;<br />
z-index: 999;<br />
width: 12px;<br />
height: 12px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #000;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:not(:checked):disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::after {<br />
cursor: default;<br />
background: #868686;<br />
}<br />
<br />
/* Metro Checkbox<br />
-------------------------------------------------- */<br />
<br />
label.checkbox input[type=checkbox],<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::before,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
label.checkbox input[type=checkbox] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
color: #202020;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\e379";<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\2003";<br />
}<br />
<br />
label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after,<br />
label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after,<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
cursor: default;<br />
background: #BABABA;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
color: #4c4c4c;<br />
}<br />
<br />
/* RTL support<br />
-------------------------------------------------- */<br />
<br />
[dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox,<br />
[dir="rtl"] input[type="radio"] ~ span.metro-radio {<br />
padding-right: 36px;<br />
padding-left: 0;<br />
}<br />
<br />
[dir="rtl"] input[type=radio] ~ span.metro-radio::before {<br />
right: -10px;<br />
}<br />
<br />
[dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after {<br />
right: 6px;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
.table thead {<br />
border-bottom: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-size: 9pt;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:first-child,<br />
.table-bordered tbody:first-child tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:last-child,<br />
.table-bordered tbody:first-child tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:first-child,<br />
.table-bordered tbody:last-child tr:last-child td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:last-child,<br />
.table-bordered tbody:last-child tr:last-child td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table tbody tr.success td {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error td {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning td {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info td {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr:hover td,<br />
.table-hover tbody tr:hover th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.table-cell-hover tbody tr td:hover,<br />
.table-cell-hover tbody tr th:hover {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
/* CheckBox cells */<br />
<br />
table td label.checkbox,<br />
table th label.checkbox {<br />
width: 24px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
/*<br />
Dropdown submenu<br />
*/<br />
<br />
.dropdown .caret {<br />
margin: 0;<br />
}<br />
<br />
.caret:after {<br />
content: "\e12c";<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret {<br />
margin-top: 6px;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle:hover .caret,<br />
.nav-pills .dropdown-toggle:hover .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret,<br />
.nav-pills .active .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle .caret,<br />
.nav-pills .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.dropdown-menu li > a:hover,<br />
.dropdown-menu li > a:focus,<br />
.dropdown-submenu:hover > a {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn-mini .caret {<br />
margin-top: 5px;<br />
}<br />
<br />
.dropdown-menu .active > a,<br />
.dropdown-menu .active > a:hover {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 4px;<br />
}<br />
<br />
.dropup .caret:after {<br />
content: "\e131";<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
a.header-dropdown .caret {<br />
width: auto;<br />
height: 24px;<br />
font-size: 24px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
vertical-align: middle;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-small .caret {<br />
margin: 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
margin-top: 0;<br />
margin-right: -5px;<br />
font-family: 'IcoMoon';<br />
color: #CCC;<br />
border: 0;<br />
content: "\e12a";<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border: 0;<br />
content: "";<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
.dropdown:hover .caret,<br />
.open .caret {<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
}<br />
<br />
.caret {<br />
min-width: 14px;<br />
min-height: 18px;<br />
padding: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
font-family: 'IcoMoon';<br />
font-size: inherit;<br />
font-weight: normal;<br />
line-height: 1;<br />
text-indent: 0;<br />
cursor: default;<br />
cursor: pointer;<br />
border: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
vertical-position: bottom;<br />
}<br />
<br />
h1 {<br />
font-size: 40px;<br />
font-weight: 300;<br />
line-height: 48px;<br />
}<br />
<br />
h2 {<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
}<br />
<br />
h3 {<br />
font-size: 20px;<br />
font-weight: 600;<br />
line-height: 26px;<br />
}<br />
<br />
h4 {<br />
font-size: 15px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
}<br />
<br />
h5,<br />
legend {<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
h6,<br />
caption,<br />
figcaption,<br />
small {<br />
font-size: 11px;<br />
font-weight: 400;<br />
line-height: 11px;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
<br />
#header-container a.header-dropdown {<br />
font-size: 26px;<br />
font-weight: 200;<br />
line-height: 34px;<br />
text-decoration: none;<br />
}<br />
<br />
#header-container .dropdown-menu .divider {<br />
background-color: #717171;<br />
}<br />
<br />
#header-container .dropdown.open .dropdown-toggle {<br />
color: inherit;<br />
background: inherit;<br />
}<br />
<br />
#header-container h5 {<br />
font-size: 14px;<br />
}<br />
<br />
.text-warning {<br />
color: #f09609;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #bf7707;<br />
}<br />
<br />
.text-error {<br />
color: #bc1c48;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #901537;<br />
}<br />
<br />
.text-info {<br />
color: #2d89f0;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #106fda;<br />
}<br />
<br />
.text-success {<br />
color: #01a31c;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #017013;<br />
}<br />
<br />
dt,<br />
th {<br />
font-size: 16px;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
/* 20px when font-size is 11pt */<br />
<br />
}<br />
<br />
abbr,<br />
acronym,<br />
address,<br />
blockquote,<br />
cite,<br />
dl,<br />
dd,<br />
li,<br />
ol,<br />
p,<br />
q,<br />
td,<br />
tr {<br />
font-weight: 300;<br />
}<br />
<br />
blockquote {<br />
padding-top: 5px;<br />
padding-bottom: 5px;<br />
background-color: #eeeeee;<br />
border-left: 5px solid #0177db;<br />
}<br />
<br />
blockquote.pull-right {<br />
padding-left: 15px;<br />
border-right: 5px solid #0177db;<br />
}<br />
<br />
b,<br />
strong {<br />
font-weight: 600;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
p {<br />
font-weight: 300;<br />
}<br />
<br />
/* Additional letter-spacing for the document and its controls.<br />
-------------------------------------------------- */<br />
<br />
body,<br />
button,<br />
input,<br />
textarea,<br />
select,<br />
option {<br />
letter-spacing: 0.02em;<br />
}<br />
<br />
.page-header {<br />
border-bottom: 0;<br />
}<br />
<br />
/*<br />
Button control.<br />
*/<br />
<br />
button,<br />
input[type=button],<br />
input[type=reset],<br />
input[type=submit] {<br />
padding: 4px 8px;<br />
margin-bottom: 0;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
border: 2px solid #cccccc;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
File upload control.<br />
*/<br />
<br />
input[type=file] {<br />
width: 340px;<br />
height: 32px;<br />
min-width: 100px;<br />
min-height: 20px;<br />
padding: 0;<br />
margin: 7px 8px 21px 8px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Back button.<br />
*/<br />
<br />
.win-backbutton {<br />
display: inline-block;<br />
width: 38px;<br />
height: 38px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 20px;<br />
line-height: 38px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
.win-backbutton:before {<br />
font-family: 'IcoMoon';<br />
font-size: 22px;<br />
font-weight: normal;<br />
vertical-align: top;<br />
content: "\e41c";<br />
}<br />
<br />
.win-backbutton:disabled,<br />
.win-backbutton:disabled:active {<br />
visibility: hidden;<br />
background-clip: padding-box;<br />
}<br />
<br />
#nav-bar .win-backbutton {<br />
position: absolute;<br />
top: 30px;<br />
left: 0;<br />
}<br />
<br />
/*<br />
Command buttons.<br />
*/<br />
<br />
.win-command {<br />
display: inline-block;<br />
height: auto;<br />
margin: 0 5px;<br />
font-size: 9pt;<br />
font-weight: normal;<br />
line-height: 16px;<br />
letter-spacing: 0.02em;<br />
text-align: center;<br />
vertical-align: top;<br />
cursor: pointer;<br />
background: none;<br />
border: 0;<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button icons.<br />
*/<br />
<br />
.win-commandicon {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 24px;<br />
line-height: 40px !important;<br />
}<br />
<br />
.win-commandimage {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
letter-spacing: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
/*<br />
Command button "ring".<br />
*/<br />
<br />
.win-commandring {<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
a:hover:active .win-commandring,<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button:hover:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button labels.<br />
*/<br />
<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
position: relative;<br />
display: block;<br />
width: 100%;<br />
padding-right: 4px;<br />
padding-left: 4px;<br />
margin-top: 3px;<br />
overflow: hidden;<br />
line-height: 15px;<br />
word-break: keep-all;<br />
word-wrap: break-word;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
a.win-command,<br />
a.win-command:hover {<br />
text-decoration: none;<br />
}<br />
<br />
.win-command.win-command-large .win-commandicon {<br />
width: 60px;<br />
height: 60px;<br />
font-size: 40px;<br />
line-height: 60px !important;<br />
text-align: center;<br />
}<br />
<br />
.win-command.win-command-small .win-commandicon {<br />
width: 24px;<br />
height: 24px;<br />
font-size: 16px;<br />
line-height: 24px !important;<br />
}<br />
<br />
/*<br />
AppBarCommand separator.<br />
*/<br />
<br />
hr.win-command {<br />
display: inline-block;<br />
width: 1px;<br />
height: 40px;<br />
padding: 0;<br />
margin: 14px 29px 34px 30px;<br />
vertical-align: top;<br />
border: 0;<br />
}<br />
<br />
/*<br />
AppBar Edgy Container<br />
*/<br />
<br />
.win-appbar {<br />
position: fixed;<br />
left: 0;<br />
z-index: 1001;<br />
width: 100%;<br />
height: auto;<br />
border-width: 0;<br />
}<br />
<br />
/*<br />
AppBar control.<br />
*/<br />
<br />
.win-commandlayout {<br />
min-height: 88px;<br />
padding-left: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.win-commandlayout .win-selection {<br />
float: left;<br />
}<br />
<br />
.win-commandlayout .win-command {<br />
padding: 12px 0;<br />
}<br />
<br />
.btn {<br />
line-height: 18px;<br />
}<br />
<br />
.btn.btn-link {<br />
color: #0088CC;<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
<br />
.btn.btn-link:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
-webkit-transition: none 0s ease 0s;<br />
-moz-transition: none 0s ease 0s;<br />
-o-transition: none 0s ease 0s;<br />
transition: none 0s ease 0s;<br />
}<br />
<br />
.btn-large.dropdown-toggle {<br />
padding-top: 2px;<br />
padding-bottom: 2px;<br />
}<br />
<br />
.btn-mini.dropdown-toggle {<br />
padding-top: 5px;<br />
}<br />
<br />
.btn-small {<br />
min-height: 20px;<br />
padding: 3px 9px;<br />
line-height: 16px;<br />
}<br />
<br />
.btn-primary,<br />
.btn-primary:hover,<br />
.btn-warning,<br />
.btn-warning:hover,<br />
.btn-danger,<br />
.btn-danger:hover,<br />
.btn-success,<br />
.btn-success:hover,<br />
.btn-info,<br />
.btn-info:hover,<br />
.btn-inverse,<br />
.btn-inverse:hover {<br />
text-shadow: none;<br />
}<br />
<br />
.btn.btn-warning,<br />
.btn.btn-danger,<br />
.btn.btn-success,<br />
.btn.btn-info,<br />
.btn.btn-inverse {<br />
color: #FFF;<br />
}<br />
<br />
.btn-group > .btn:first-child,<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .dropdown-toggle {<br />
min-width: 20px;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
padding-top: 0;<br />
*padding-top: 0;<br />
padding-bottom: 0;<br />
*padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle .caret {<br />
margin-top: 2px;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle {<br />
padding-top: 0;<br />
padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
padding-top: 10px;<br />
*padding-top: 10px;<br />
padding-bottom: 8px;<br />
*padding-bottom: 8px;<br />
}<br />
<br />
.btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.notifications {<br />
position: fixed;<br />
}<br />
<br />
.notifications.top-right {<br />
top: 0;<br />
right: 0;<br />
}<br />
<br />
.notifications > div {<br />
position: relative;<br />
z-index: 1060;<br />
}<br />
<br />
.alert {<br />
position: relative;<br />
z-index: 1060;<br />
text-shadow: none;<br />
}<br />
<br />
.alert .close:hover {<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.alert .alert-heading {<br />
font-weight: 600;<br />
}<br />
<br />
.toast {<br />
position: relative;<br />
z-index: 1060;<br />
width: 400px;<br />
height: 90px;<br />
margin-top: 15px;<br />
margin-bottom: 10px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
background-color: #2e8bcc;<br />
border: 2px solid #54a2d9;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body {<br />
height: 64px;<br />
padding: 13px 60px 13px 15px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body p {<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast-object {<br />
display: block;<br />
}<br />
<br />
.toast-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast.toasttext01 p {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 p {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 h4 {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
display: inline-block;<br />
width: 30px;<br />
height: 30px;<br />
min-width: 0;<br />
min-height: 0;<br />
font-family: 'IcoMoon';<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 12px;<br />
text-align: center;<br />
text-indent: 0;<br />
text-shadow: none;<br />
vertical-align: baseline;<br />
border: 0;<br />
opacity: 1;<br />
box-sizing: border-box;<br />
background-clip: border-box;<br />
}<br />
<br />
.toast .close:after,<br />
.modal .close:after,<br />
.alert .close:after {<br />
font-size: 14px;<br />
content: "\e37a";<br />
}<br />
<br />
.toast .close {<br />
display: none;<br />
}<br />
<br />
.toast:hover .close {<br />
display: inline-block;<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.nav-header {<br />
font-size: 14px;<br />
font-weight: 300;<br />
text-shadow: none;<br />
}<br />
<br />
.nav-pills > li > a,<br />
.nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a,<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-menu,<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
/* Nav: first level */<br />
<br />
.metro-nav-list {<br />
margin: 0 0 25px 0;<br />
}<br />
<br />
.metro-nav-list > li {<br />
position: relative;<br />
}<br />
<br />
.metro-nav-list > li > a {<br />
display: block;<br />
padding: 4px 25px;<br />
font-size: 18px;<br />
text-shadow: none;<br />
}<br />
<br />
.metro-nav-list > li > a:hover,<br />
.metro-nav-list > li > a:focus {<br />
color: #FFF;<br />
text-decoration: none;<br />
background-color: #0177db;<br />
}<br />
<br />
.metro-nav-list > .active > a,<br />
.metro-nav-list > .active:hover > a,<br />
.metro-nav-list > .active:focus > a {<br />
font-weight: 600;<br />
}<br />
<br />
/* Section headings for groups of links */<br />
<br />
.metro-nav-list > .nav-header {<br />
margin-top: 20px;<br />
margin-bottom: 5px;<br />
font-size: 14px;<br />
font-weight: 500;<br />
color: #333;<br />
}<br />
<br />
/* Nav: second level (shown on .active) */<br />
<br />
.metro-nav-list .nav {<br />
margin-bottom: 5px;<br />
}<br />
<br />
.metro-nav-list > .active > ul {<br />
display: block;<br />
}<br />
<br />
.metro-nav-list .nav > li > a {<br />
display: inline-block;<br />
padding-top: 2px;<br />
padding-left: 10px;<br />
margin-bottom: 2px;<br />
margin-left: 40px;<br />
font-size: 90%;<br />
border-left: 3px solid #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > li > a:hover {<br />
color: #FFF;<br />
background-color: #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > .active > a,<br />
.metro-nav-list .nav > .active:hover > a,<br />
.metro-nav-list .nav > .active:focus > a {<br />
font-weight: 600;<br />
border-left: 3px solid #0177db;<br />
}<br />
<br />
/* Nav: third level (shown on .active) */<br />
<br />
.metro-nav-list .nav .nav {<br />
margin-left: 20px;<br />
}<br />
<br />
.navbar-inner {<br />
background-color: transparent;<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret,<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar.metro-navbar .navbar-inner {<br />
height: 60px;<br />
min-height: 60px;<br />
background-color: #EEEEEE;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li {<br />
line-height: 40px;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li > a {<br />
margin-right: 4px;<br />
text-shadow: none;<br />
text-transform: uppercase;<br />
background-color: #DDD;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li.active > a {<br />
background-color: #FFF;<br />
}<br />
<br />
.navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar.metro-navbar .nav li.dropdown.open .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.pager .next a:after {<br />
font-family: 'IcoMoon';<br />
content: "\e12a";<br />
}<br />
<br />
.pager .previous a:before {<br />
font-family: 'IcoMoon';<br />
content: "\e127";<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.pagination a:hover,<br />
.pagination .active a {<br />
background-color: #CCC;<br />
}<br />
<br />
.pagination .active a {<br />
color: #FFF;<br />
}<br />
<br />
.pagination ul {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal {<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal .close:hover {<br />
margin-top: 0;<br />
color: #FFF;<br />
background-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.modal.warning.fade.in {<br />
top: 0;<br />
}<br />
<br />
.modal.message.fade.in {<br />
top: 20%;<br />
}<br />
<br />
.modal-header {<br />
border: 0;<br />
}<br />
<br />
.modal.message,<br />
.modal.warning {<br />
left: 0;<br />
width: 60%;<br />
padding: 0 20%;<br />
margin: 0;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal.warning {<br />
width: 100%;<br />
padding: 0 1%;<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.modal.warning .modal-body {<br />
display: inline-block;<br />
width: 60%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal.warning .modal-footer {<br />
display: inline-block;<br />
width: 30%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal-body {<br />
max-height: 300px;<br />
}<br />
<br />
.modal-footer {<br />
background-color: transparent;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.popover {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.popover-title {<br />
line-height: 1;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.popover-inner {<br />
overflow: hidden;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
#content-filters {<br />
margin-top: 10px;<br />
}<br />
<br />
#content-filters .nav-pills > li > a {<br />
display: inline-block;<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
#content-filters .nav > li > a:hover {<br />
text-decoration: none;<br />
background-color: inherit;<br />
}<br />
<br />
#content-filters .nav-pills > .active > a,<br />
#content-filters .nav-pills > .active > a:hover {<br />
color: inherit;<br />
background-color: transparent;<br />
}<br />
<br />
#content-filters .nav-pills > .open > a,<br />
#content-filters .nav-pills > .open > a:hover {<br />
color: #FFF;<br />
background-color: #999;<br />
}<br />
<br />
#content-filters .nav-pills > li > span {<br />
display: inline-block;<br />
padding: 8px 0;<br />
margin: 1px 0;<br />
font-size: 13px;<br />
line-height: 15px;<br />
vertical-align: top;<br />
}<br />
<br />
#content-filters div {<br />
position: relative;<br />
}<br />
<br />
#content-filters a {<br />
font-size: 15px;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.badge {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
color: #ffffff;<br />
background-color: #901537;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
color: #ffffff;<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #01a31c;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
color: #ffffff;<br />
background-color: #017013;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
color: #ffffff;<br />
background-color: #106fda;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
/*<br />
Progress control. */<br />
<br />
.progress {<br />
height: auto;<br />
background-image: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.progress .bar {<br />
height: 5px;<br />
}<br />
<br />
.progress.progress-indeterminate {<br />
height: auto;<br />
background-color: transparent;<br />
}<br />
<br />
.progress.progress-indeterminate .bar {<br />
position: static;<br />
display: block;<br />
width: 88px;<br />
height: 8px;<br />
margin: 4px auto;<br />
background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring {<br />
display: inline-block;<br />
width: 50px;<br />
height: 50px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .bar {<br />
background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger,<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger,<br />
.progress-success .bar,<br />
.progress .bar-success,<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success,<br />
.progress-info .bar,<br />
.progress .bar-info,<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info,<br />
.progress-warning .bar,<br />
.progress .bar-warning,<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.carousel-control {<br />
font-family: "IcoMoon";<br />
font-size: 40px;<br />
line-height: 40px;<br />
border-width: 2px;<br />
}<br />
<br />
.carousel.flipview .carousel-control {<br />
left: 0;<br />
display: none;<br />
width: 60px;<br />
height: 40px;<br />
font-size: 20px;<br />
line-height: 40px;<br />
color: #000000;<br />
background: rgba(255, 255, 255, 0.6);<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.carousel.flipview .carousel-control.right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.carousel.flipview .carousel-control:hover {<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel.flipview:hover .carousel-control {<br />
display: block;<br />
}<br />
<br />
.hero-unit {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.bg-color-orange {<br />
background-color: #f09609 !important;<br />
}<br />
<br />
.bg-color-purple {<br />
background-color: #7b4f9d !important;<br />
}<br />
<br />
.bg-color-greenDark {<br />
background-color: #008641 !important;<br />
}<br />
<br />
.bg-color-blue {<br />
background-color: #2e8bcc !important;<br />
}<br />
<br />
.bg-color-red {<br />
background-color: #e51400 !important;<br />
}<br />
<br />
.bg-color-green {<br />
background-color: #339933 !important;<br />
}<br />
<br />
.bg-color-blueDark {<br />
background-color: #20608e !important;<br />
}<br />
<br />
.bg-color-yellow {<br />
background-color: #ffc40d !important;<br />
}<br />
<br />
.bg-color-pink {<br />
background-color: #e671b8 !important;<br />
}<br />
<br />
.bg-color-darken {<br />
background-color: #1c1c1c !important;<br />
}<br />
<br />
.bg-color-gray {<br />
background-color: #555555 !important;<br />
}<br />
<br />
.bg-color-grayLight {<br />
background-color: #999999 !important;<br />
}<br />
<br />
.metro {<br />
position: relative;<br />
}<br />
<br />
.tile-column {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.tile-column-span-1 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 162px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-2 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 324px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-3 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 480px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-4 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-5 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-6 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 800px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-7 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 960px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-8 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 1120px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.panorama {<br />
position: relative;<br />
width: 100%;<br />
margin: 0 40px;<br />
overflow: hidden;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.panorama.nohidden {<br />
width: auto;<br />
overflow: inherit;<br />
}<br />
<br />
.panorama .panorama-sections {<br />
position: relative;<br />
width: 10000px;<br />
height: auto;<br />
padding-bottom: 24px;<br />
overflow: hidden;<br />
}<br />
<br />
.panorama .panorama-sections h2 {<br />
margin-left: 5px;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
margin-right: 75px;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-1 {<br />
width: 160px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-2 {<br />
width: 320px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-3 {<br />
width: 480px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-4 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-5 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-6 {<br />
width: 800px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-7 {<br />
width: 960px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-8 {<br />
width: 1120px;<br />
margin-left: 0;<br />
}<br />
<br />
.metro .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
border: 1px solid rgba(255, 255, 255, 0.3);<br />
-webkit-background-clip: padding;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.metro .tile.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.metro .tile.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.metro .tile.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.metro .tile .app-label,<br />
.metro .tile .label {<br />
position: absolute;<br />
bottom: 5px;<br />
left: 20px;<br />
font-size: 12px;<br />
}<br />
<br />
.metro .tile .app-count,<br />
.metro .tile .count {<br />
position: absolute;<br />
right: 20px;<br />
bottom: 5px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
}<br />
<br />
.metro .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro .tile .textover-wrapper {<br />
position: absolute;<br />
bottom: 0;<br />
height: 48px;<br />
padding: 2px 20px;<br />
background-color: inherit;<br />
}<br />
<br />
.metro .tile .textover-wrapper.transparent {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column3-text {<br />
display: block;<br />
float: left;<br />
width: 200px;<br />
}<br />
<br />
.metro .tile .column3-label {<br />
display: block;<br />
float: left;<br />
width: 50px;<br />
}<br />
<br />
.metro .tile .column2-text {<br />
display: block;<br />
float: left;<br />
width: 160px;<br />
}<br />
<br />
.metro .tile .column2-label {<br />
display: block;<br />
float: left;<br />
width: 90px;<br />
}<br />
<br />
.metro .tile .text2 {<br />
max-height: 44px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text3 {<br />
max-height: 56px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text4 {<br />
max-height: 72px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column {<br />
display: block;<br />
float: left;<br />
width: 130px;<br />
}<br />
<br />
.metro .tile .text5 {<br />
max-height: 92px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text {<br />
height: 18px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile:hover {<br />
outline: 3px #225a68 solid;<br />
}<br />
<br />
.metro .tile.app .image-wrapper {<br />
display: block;<br />
width: 150px;<br />
height: 80px;<br />
padding: 8px 0;<br />
margin-top: 20px;<br />
text-align: center;<br />
vertical-align: middle;<br />
}<br />
<br />
.metro .tile.app .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
margin: 0 auto;<br />
}<br />
<br />
.metro .tile.square.text {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.square.text .text-big {<br />
overflow: hidden;<br />
font-size: 76px;<br />
line-height: 76px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.text.tilesquareblock .text {<br />
overflow: hidden;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.image {<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.square.image img {<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek {<br />
width: 150px;<br />
height: 312px;<br />
}<br />
<br />
.metro .tile.squarepeek img {<br />
width: 150px;<br />
height: 150px;<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek .text-inner {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.app {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.app .image-wrapper {<br />
width: 310px;<br />
}<br />
<br />
.metro .tile.wide.text {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
margin-left: 10px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big .text-big {<br />
overflow: hidden;<br />
font-size: 74px;<br />
line-height: 60px;<br />
text-align: right;<br />
}<br />
<br />
.metro .tile.wide.text .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.imagetext {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
margin-right: 10px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.image {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image img {<br />
max-width: 310px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles {<br />
display: inline-block;<br />
float: left;<br />
width: 152px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles img {<br />
display: inline-block;<br />
float: left;<br />
max-width: 75px;<br />
max-height: 75px;<br />
border-left: 1px solid #2A2A2A;<br />
}<br />
<br />
.metro .tile.wide.imagetext.wideimage {<br />
width: 310px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.wide.image.collection img {<br />
float: left;<br />
max-width: 158px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.widepeek {<br />
width: 310px;<br />
height: 300px;<br />
}<br />
<br />
.metro .tile.widepeek .tile {<br />
margin: 0;<br />
}<br />
<br />
.metro .tile.widepeek .tile:hover {<br />
outline: 0;<br />
}<br />
<br />
.metro .tile.square .textover-wrapper,<br />
.metro .tile.squarepeek .textover-wrapper {<br />
width: 130px;<br />
}<br />
<br />
.metro .tile.wide .textover-wrapper,<br />
.metro .tile.widepeek .textover-wrapper {<br />
width: 270px;<br />
}<br />
<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
position: absolute;<br />
top: 96px;<br />
left: 4px;<br />
z-index: 1061;<br />
display: inline-block;<br />
width: 42px;<br />
width: 32px;<br />
height: 42px;<br />
height: 32px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-family: 'icomoon';<br />
font-size: 24px;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 40px !important;<br />
line-height: 1;<br />
text-align: center;<br />
text-decoration: none;<br />
text-transform: none;<br />
background: none;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
outline: 0;<br />
background-clip: border-box;<br />
font-variant: normal;<br />
}<br />
<br />
#panorama-scroll-next {<br />
right: 4px;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev:hover,<br />
#panorama-scroll-next:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
#panorama-scroll-prev:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a4";<br />
}<br />
<br />
#panorama-scroll-next:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a0";<br />
}<br />
<br />
#panorama-scroll-prev-bkg,<br />
#panorama-scroll-next-bkg {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1060;<br />
display: block;<br />
width: 40px;<br />
height: 100%;<br />
background-color: transparent;<br />
}<br />
<br />
#panorama-scroll-next-bkg {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev-bkg:hover,<br />
#panorama-scroll-next-bkg:hover {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro-responsive-tiles .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
height: 150px;<br />
padding: 20px;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header2 {<br />
max-height: 80px;<br />
overflow: hidden;<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
padding-left: 10px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .tile-form {<br />
margin: 10px 0;<br />
}<br />
<br />
.pivot {<br />
position: relative;<br />
}<br />
<br />
.pivot > .pivot-headers {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.pivot > .pivot-headers > a {<br />
margin: 0 10px 0 0;<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #555555;<br />
text-decoration: none;<br />
text-transform: lowercase;<br />
}<br />
<br />
.pivot > .pivot-headers > a:hover {<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-headers > a.active {<br />
font-weight: 400;<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-items {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.pivot > .pivot-items > .pivot-item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.4s ease-in-out left;<br />
-moz-transition: 0.4s ease-in-out left;<br />
-o-transition: 0.4s ease-in-out left;<br />
transition: 0.4s ease-in-out left;<br />
}<br />
<br />
.pivot > .pivot-items > .active,<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
display: block;<br />
}<br />
<br />
.pivot > .pivot-items > .active {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next {<br />
left: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .prev {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next.left,<br />
.pivot > .pivot-items > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items .active.right {<br />
left: 100%;<br />
}<br />
<br />
.listview.grid-layout {<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.grid-layout .listview-item {<br />
margin-right: 24px;<br />
}<br />
<br />
.listview.list-layout {<br />
width: 330px;<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.list-layout.big {<br />
width: 430px;<br />
}<br />
<br />
.listview-item {<br />
position: relative;<br />
display: inline-block;<br />
width: 282px;<br />
min-height: 60px;<br />
padding: 10px;<br />
margin-top: 15px;<br />
margin-bottom: 7px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
vertical-align: top;<br />
border: solid 3px transparent;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item:hover {<br />
cursor: pointer;<br />
border: solid 3px #225a68;<br />
}<br />
<br />
.listview-item.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.listview-item.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.listview-item.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.listview-item-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item-body p {<br />
height: 20px;<br />
margin: 0;<br />
overflow: hidden;<br />
line-height: 20px;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-body p.two-lines {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-body p.three-lines {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-object {<br />
display: block;<br />
width: 60px;<br />
height: 60px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 60px;<br />
height: 60px;<br />
font-size: 60px;<br />
line-height: 60px;<br />
}<br />
<br />
.listview-item-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-subheading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
color: #eeeeee;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item.big {<br />
width: 380px;<br />
}<br />
<br />
.listview-item.big .listview-item-object {<br />
display: block;<br />
width: 112px;<br />
height: 112px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item.big .listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 112px;<br />
height: 112px;<br />
font-size: 112px;<br />
line-height: 112px;<br />
}<br />
<br />
/*<br />
Tile ListView<br />
*/<br />
<br />
.metro .tile-listviewitem-container {<br />
overflow: auto;<br />
}<br />
<br />
.metro .tile-listviewitem {<br />
position: relative;<br />
display: block;<br />
height: 113px;<br />
padding: 7px 0;<br />
margin: 0 0 13px 0;<br />
overflow: hidden;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: transparent;<br />
}<br />
<br />
.metro .tile-listviewitem img {<br />
display: inline-block;<br />
width: 100%;<br />
height: 100%;<br />
margin-left: 7px;<br />
vertical-align: top;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro .tile-listviewitem .detail {<br />
display: inline-block;<br />
height: 113px;<br />
margin-right: 7px;<br />
margin-left: 10px;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
vertical-align: top;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .title {<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .subtitle {<br />
font-size: 10px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem.selected {<br />
color: #FFF;<br />
background-color: #4617b4;<br />
}<br />
<br />
.metro .tile-listviewitem:hover {<br />
background-color: #b3b3b3;<br />
}<br />
<br />
.metro .tile-listviewitem.selected:hover {<br />
background-color: #4617b4;<br />
}<br />
<br />
article.tile-listviewitem-detail {<br />
margin-left: 72px;<br />
}<br />
<br />
article.tile-listviewitem-detail header img {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h1 {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h2 {<br />
font-size: 14px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail section {<br />
padding-top: 20px;<br />
}<br />
<br />
#charms {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
display: block;<br />
width: 320px;<br />
height: 100%;<br />
padding: 0;<br />
margin: 0;<br />
background-color: #004D60;<br />
}<br />
<br />
#charms a.win-command {<br />
display: inline-block;<br />
padding: 0;<br />
margin: 0;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
#charms .charms-section {<br />
margin: 0 40px 40px 40px;<br />
}<br />
<br />
#charms a:hover {<br />
background-color: #216475;<br />
}<br />
<br />
#charms .charms-header {<br />
position: relative;<br />
padding: 40px 0 30px 0;<br />
}<br />
<br />
#charms .charms-header a#pin-charms {<br />
position: absolute;<br />
top: 2px;<br />
right: 2px;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: -24px;<br />
font-size: 11px;<br />
color: #FFF;<br />
text-align: center;<br />
}<br />
<br />
#charms .charms-header a#pin-charms.active {<br />
color: #000;<br />
background-color: #FFF;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
}<br />
<br />
#charms .charms-header h2 {<br />
display: inline-block;<br />
margin-left: 10px;<br />
color: #FFF;<br />
}<br />
<br />
#charms hr {<br />
border: 1px solid #357281;<br />
}<br />
<br />
#charms h2,<br />
#charms h3,<br />
#charms h4,<br />
#charms p,<br />
#charms a,<br />
#charms label {<br />
color: #19BFC9;<br />
}<br />
<br />
#charms .charms-header a.win-backbutton {<br />
width: 32px;<br />
height: 32px;<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
}<br />
<br />
#charms-body {<br />
min-width: 350px;<br />
}<br />
<br />
#charms.slide {<br />
right: -320px;<br />
-webkit-transition: all 0.36s ease;<br />
-moz-transition: all 0.36s ease;<br />
-ms-transition: all 0.36s ease;<br />
-o-transition: all 0.36s ease;<br />
transition: all 0.36s ease;<br />
}<br />
<br />
#charms.slide.in {<br />
right: 0;<br />
}<br />
<br />
#wizard-step-content {<br />
padding: 0;<br />
margin-top: 20px;<br />
vertical-align: top;<br />
}<br />
<br />
.wizard {<br />
background-color: #FFF;<br />
}<br />
<br />
#wizard-steps-container {<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
}<br />
<br />
#wizard-steps-container h2 {<br />
padding: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
ul#wizard-steps {<br />
margin: 0;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li.active {<br />
background-color: #FFF;<br />
}<br />
<br />
ul#wizard-steps li.active a {<br />
color: #666;<br />
}<br />
<br />
ul#wizard-steps li {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li a {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
padding: 0 20px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
color: #FFF;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
/*!<br />
* Bootstrap Responsive v2.2.1<br />
*<br />
* Copyright 2012 Twitter, Inc<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
* Designed and built with all the love in the world @twitter by @mdo and @fat.<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
@-ms-viewport {<br />
width: device-width;<br />
}<br />
<br />
.hidden {<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
.visible-phone {<br />
display: none !important;<br />
}<br />
<br />
.visible-tablet {<br />
display: none !important;<br />
}<br />
<br />
.hidden-desktop {<br />
display: none !important;<br />
}<br />
<br />
.visible-desktop {<br />
display: inherit !important;<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important ;<br />
}<br />
.visible-tablet {<br />
display: inherit !important;<br />
}<br />
.hidden-tablet {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important;<br />
}<br />
.visible-phone {<br />
display: inherit !important;<br />
}<br />
.hidden-phone {<br />
display: none !important;<br />
}<br />
}<br />
<br />
.visible-print {<br />
display: none !important;<br />
}<br />
<br />
@media print {<br />
.visible-print {<br />
display: inherit !important;<br />
}<br />
.hidden-print {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
.row {<br />
margin-left: -30px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 30px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 1170px;<br />
}<br />
.span12 {<br />
width: 1170px;<br />
}<br />
.span11 {<br />
width: 1070px;<br />
}<br />
.span10 {<br />
width: 970px;<br />
}<br />
.span9 {<br />
width: 870px;<br />
}<br />
.span8 {<br />
width: 770px;<br />
}<br />
.span7 {<br />
width: 670px;<br />
}<br />
.span6 {<br />
width: 570px;<br />
}<br />
.span5 {<br />
width: 470px;<br />
}<br />
.span4 {<br />
width: 370px;<br />
}<br />
.span3 {<br />
width: 270px;<br />
}<br />
.span2 {<br />
width: 170px;<br />
}<br />
.span1 {<br />
width: 70px;<br />
}<br />
.offset12 {<br />
margin-left: 1230px;<br />
}<br />
.offset11 {<br />
margin-left: 1130px;<br />
}<br />
.offset10 {<br />
margin-left: 1030px;<br />
}<br />
.offset9 {<br />
margin-left: 930px;<br />
}<br />
.offset8 {<br />
margin-left: 830px;<br />
}<br />
.offset7 {<br />
margin-left: 730px;<br />
}<br />
.offset6 {<br />
margin-left: 630px;<br />
}<br />
.offset5 {<br />
margin-left: 530px;<br />
}<br />
.offset4 {<br />
margin-left: 430px;<br />
}<br />
.offset3 {<br />
margin-left: 330px;<br />
}<br />
.offset2 {<br />
margin-left: 230px;<br />
}<br />
.offset1 {<br />
margin-left: 130px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
*margin-left: 2.5109110747408616%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.45299145299145%;<br />
*width: 91.39979996362975%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.90598290598291%;<br />
*width: 82.8527914166212%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
*width: 74.30578286961266%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.81196581196582%;<br />
*width: 65.75877432260411%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.26495726495726%;<br />
*width: 57.21176577559556%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.717948717948715%;<br />
*width: 48.664757228587014%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.17094017094017%;<br />
*width: 40.11774868157847%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.623931623931625%;<br />
*width: 31.570740134569924%;<br />
}<br />
.row-fluid .span3 {<br />
width: 23.076923076923077%;<br />
*width: 23.023731587561375%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.52991452991453%;<br />
*width: 14.476723040552828%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
*width: 5.929714493544281%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.12820512820512%;<br />
*margin-left: 105.02182214948171%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.56410256410257%;<br />
*margin-left: 102.45771958537915%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.58119658119658%;<br />
*margin-left: 96.47481360247316%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.01709401709402%;<br />
*margin-left: 93.91071103837061%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.03418803418803%;<br />
*margin-left: 87.92780505546462%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.47008547008548%;<br />
*margin-left: 85.36370249136206%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.48717948717949%;<br />
*margin-left: 79.38079650845607%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.92307692307693%;<br />
*margin-left: 76.81669394435352%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 70.94017094017094%;<br />
*margin-left: 70.83378796144753%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.37606837606839%;<br />
*margin-left: 68.26968539734497%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.393162393162385%;<br />
*margin-left: 62.28677941443899%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.82905982905982%;<br />
*margin-left: 59.72267685033642%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 53.84615384615384%;<br />
*margin-left: 53.739770867430444%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.28205128205128%;<br />
*margin-left: 51.175668303327875%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.299145299145295%;<br />
*margin-left: 45.1927623204219%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.73504273504273%;<br />
*margin-left: 42.62865975631933%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 36.75213675213675%;<br />
*margin-left: 36.645753773413354%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.18803418803419%;<br />
*margin-left: 34.081651209310785%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.205128205128204%;<br />
*margin-left: 28.0987452264048%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.641025641025642%;<br />
*margin-left: 25.53464266230224%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.65811965811966%;<br />
*margin-left: 19.551736679396257%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.094017094017094%;<br />
*margin-left: 16.98763411529369%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.11111111111111%;<br />
*margin-left: 11.004728132387708%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.547008547008547%;<br />
*margin-left: 8.440625568285142%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 30px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 1156px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 1056px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 956px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 856px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 756px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 656px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 556px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 456px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 356px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 256px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 156px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 56px;<br />
}<br />
.thumbnails {<br />
margin-left: -30px;<br />
}<br />
.thumbnails > li {<br />
margin-left: 30px;<br />
}<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 724px;<br />
}<br />
.span12 {<br />
width: 724px;<br />
}<br />
.span11 {<br />
width: 662px;<br />
}<br />
.span10 {<br />
width: 600px;<br />
}<br />
.span9 {<br />
width: 538px;<br />
}<br />
.span8 {<br />
width: 476px;<br />
}<br />
.span7 {<br />
width: 414px;<br />
}<br />
.span6 {<br />
width: 352px;<br />
}<br />
.span5 {<br />
width: 290px;<br />
}<br />
.span4 {<br />
width: 228px;<br />
}<br />
.span3 {<br />
width: 166px;<br />
}<br />
.span2 {<br />
width: 104px;<br />
}<br />
.span1 {<br />
width: 42px;<br />
}<br />
.offset12 {<br />
margin-left: 764px;<br />
}<br />
.offset11 {<br />
margin-left: 702px;<br />
}<br />
.offset10 {<br />
margin-left: 640px;<br />
}<br />
.offset9 {<br />
margin-left: 578px;<br />
}<br />
.offset8 {<br />
margin-left: 516px;<br />
}<br />
.offset7 {<br />
margin-left: 454px;<br />
}<br />
.offset6 {<br />
margin-left: 392px;<br />
}<br />
.offset5 {<br />
margin-left: 330px;<br />
}<br />
.offset4 {<br />
margin-left: 268px;<br />
}<br />
.offset3 {<br />
margin-left: 206px;<br />
}<br />
.offset2 {<br />
margin-left: 144px;<br />
}<br />
.offset1 {<br />
margin-left: 82px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.7624309392265194%;<br />
*margin-left: 2.709239449864817%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.7624309392265194%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.43646408839778%;<br />
*width: 91.38327259903608%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.87292817679558%;<br />
*width: 82.81973668743387%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.30939226519337%;<br />
*width: 74.25620077583166%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.74585635359117%;<br />
*width: 65.69266486422946%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.18232044198895%;<br />
*width: 57.12912895262725%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.61878453038674%;<br />
*width: 48.56559304102504%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.05524861878453%;<br />
*width: 40.00205712942283%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.491712707182323%;<br />
*width: 31.43852121782062%;<br />
}<br />
.row-fluid .span3 {<br />
width: 22.92817679558011%;<br />
*width: 22.87498530621841%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.3646408839779%;<br />
*width: 14.311449394616199%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.801104972375691%;<br />
*width: 5.747913483013988%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.52486187845304%;<br />
*margin-left: 105.41847889972962%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.76243093922652%;<br />
*margin-left: 102.6560479605031%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.96132596685082%;<br />
*margin-left: 96.8549429881274%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.1988950276243%;<br />
*margin-left: 94.09251204890089%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.39779005524862%;<br />
*margin-left: 88.2914070765252%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.6353591160221%;<br />
*margin-left: 85.52897613729868%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.8342541436464%;<br />
*margin-left: 79.72787116492299%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 77.07182320441989%;<br />
*margin-left: 76.96544022569647%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 71.2707182320442%;<br />
*margin-left: 71.16433525332079%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.50828729281768%;<br />
*margin-left: 68.40190431409427%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.70718232044199%;<br />
*margin-left: 62.600799341718584%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.94475138121547%;<br />
*margin-left: 59.838368402492065%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 54.14364640883978%;<br />
*margin-left: 54.037263430116376%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.38121546961326%;<br />
*margin-left: 51.27483249088986%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.58011049723757%;<br />
*margin-left: 45.47372751851417%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.81767955801105%;<br />
*margin-left: 42.71129657928765%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 37.01657458563536%;<br />
*margin-left: 36.91019160691196%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.25414364640884%;<br />
*margin-left: 34.14776066768544%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.45303867403315%;<br />
*margin-left: 28.346655695309746%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.69060773480663%;<br />
*margin-left: 25.584224756083227%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.88950276243094%;<br />
*margin-left: 19.783119783707537%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.12707182320442%;<br />
*margin-left: 17.02068884448102%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.32596685082873%;<br />
*margin-left: 11.219583872105325%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.56353591160221%;<br />
*margin-left: 8.457152932878806%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 710px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 648px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 586px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 524px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 462px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 400px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 338px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 276px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 214px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 152px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 90px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 28px;<br />
}<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (min-width: 321px) and (max-width: 1023px) {<br />
hr.win-command {<br />
margin-right: 9px;<br />
margin-left: 10px;<br />
}<br />
}<br />
<br />
/* Narrow buttons and no labels when < 1024px. */<br />
<br />
@media (max-width: 1023px) {<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
display: none;<br />
}<br />
a.win-command .win-commandicon,<br />
button.win-command .win-commandicon {<br />
margin: 0 8px;<br />
/* 2px margin for focus */<br />
<br />
}<br />
.win-commandlayout {<br />
min-height: 68px;<br />
}<br />
hr.win-command {<br />
margin-top: 14px;<br />
margin-bottom: 14px;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
body {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom,<br />
.navbar-static-top {<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.dl-horizontal dt {<br />
float: none;<br />
width: auto;<br />
clear: none;<br />
text-align: left;<br />
}<br />
.dl-horizontal dd {<br />
margin-left: 0;<br />
}<br />
.container {<br />
width: auto;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
}<br />
.row,<br />
.thumbnails {<br />
margin-left: 0;<br />
}<br />
.thumbnails > li {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: none;<br />
width: 100%;<br />
margin-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.span12,<br />
.row-fluid .span12 {<br />
width: 100%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="offset"]:first-child {<br />
margin-left: 0;<br />
}<br />
.input-large,<br />
.input-xlarge,<br />
.input-xxlarge,<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.input-prepend input,<br />
.input-append input,<br />
.input-prepend input[class*="span"],<br />
.input-append input[class*="span"] {<br />
display: inline-block;<br />
width: auto;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 0;<br />
}<br />
.modal {<br />
position: fixed;<br />
top: 20px;<br />
right: 20px;<br />
left: 20px;<br />
width: auto;<br />
margin: 0;<br />
}<br />
.modal.fade {<br />
top: -100px;<br />
}<br />
.modal.fade.in {<br />
top: 20px;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.nav-collapse {<br />
-webkit-transform: translate3d(0, 0, 0);<br />
}<br />
.page-header h1 small {<br />
display: block;<br />
line-height: 20px;<br />
}<br />
input[type="checkbox"],<br />
input[type="radio"] {<br />
border: 1px solid #ccc;<br />
}<br />
.form-horizontal .control-label {<br />
float: none;<br />
width: auto;<br />
padding-top: 0;<br />
text-align: left;<br />
}<br />
.form-horizontal .controls {<br />
margin-left: 0;<br />
}<br />
.form-horizontal .control-list {<br />
padding-top: 0;<br />
}<br />
.form-horizontal .form-actions {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
.media .pull-left,<br />
.media .pull-right {<br />
display: block;<br />
float: none;<br />
margin-bottom: 10px;<br />
}<br />
.media-object {<br />
margin-right: 0;<br />
margin-left: 0;<br />
}<br />
.modal {<br />
top: 10px;<br />
right: 10px;<br />
left: 10px;<br />
}<br />
.modal-header .close {<br />
padding: 10px;<br />
margin: -10px;<br />
}<br />
.carousel-caption {<br />
position: static;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.panorama {<br />
margin: 0;<br />
}<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
top: 0;<br />
}<br />
}<br />
<br />
@media (max-width: 979px) {<br />
body {<br />
padding-top: 0;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: static;<br />
}<br />
.navbar-fixed-top {<br />
margin-bottom: 20px;<br />
}<br />
.navbar-fixed-bottom {<br />
margin-top: 20px;<br />
}<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding: 5px;<br />
}<br />
.navbar .container {<br />
width: auto;<br />
padding: 0;<br />
}<br />
.navbar .brand {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
margin: 0 0 0 -5px;<br />
}<br />
.nav-collapse {<br />
clear: both;<br />
}<br />
.nav-collapse .nav {<br />
float: none;<br />
margin: 0 0 10px;<br />
}<br />
.nav-collapse .nav > li {<br />
float: none;<br />
}<br />
.nav-collapse .nav > li > a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > .divider-vertical {<br />
display: none;<br />
}<br />
.nav-collapse .nav .nav-header {<br />
color: #777777;<br />
text-shadow: none;<br />
}<br />
.nav-collapse .nav > li > a,<br />
.nav-collapse .dropdown-menu a {<br />
padding: 9px 15px;<br />
font-weight: bold;<br />
color: #777777;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
.nav-collapse .btn {<br />
padding: 4px 10px 4px;<br />
font-weight: normal;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.nav-collapse .dropdown-menu li + li a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > li > a:hover,<br />
.nav-collapse .nav > li > a:focus,<br />
.nav-collapse .dropdown-menu a:hover,<br />
.nav-collapse .dropdown-menu a:focus {<br />
background-color: #f2f2f2;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a,<br />
.navbar-inverse .nav-collapse .dropdown-menu a {<br />
color: #999999;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a:hover,<br />
.navbar-inverse .nav-collapse .nav > li > a:focus,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:hover,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:focus {<br />
background-color: #111111;<br />
}<br />
.nav-collapse.in .btn-group {<br />
padding: 0;<br />
margin-top: 5px;<br />
}<br />
.nav-collapse .dropdown-menu {<br />
position: static;<br />
top: auto;<br />
left: auto;<br />
display: none;<br />
float: none;<br />
max-width: none;<br />
padding: 0;<br />
margin: 0 15px;<br />
background-color: transparent;<br />
border: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
.nav-collapse .open > .dropdown-menu {<br />
display: block;<br />
}<br />
.nav-collapse .dropdown-menu:before,<br />
.nav-collapse .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .dropdown-menu .divider {<br />
display: none;<br />
}<br />
.nav-collapse .nav > li > .dropdown-menu:before,<br />
.nav-collapse .nav > li > .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .navbar-form,<br />
.nav-collapse .navbar-search {<br />
float: none;<br />
padding: 10px 15px;<br />
margin: 10px 0;<br />
border-top: 1px solid #f2f2f2;<br />
border-bottom: 1px solid #f2f2f2;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
}<br />
.navbar-inverse .nav-collapse .navbar-form,<br />
.navbar-inverse .nav-collapse .navbar-search {<br />
border-top-color: #111111;<br />
border-bottom-color: #111111;<br />
}<br />
.navbar .nav-collapse .nav.pull-right {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
.nav-collapse,<br />
.nav-collapse.collapse {<br />
height: 0;<br />
overflow: hidden;<br />
}<br />
.navbar .btn-navbar {<br />
display: block;<br />
}<br />
.navbar-static .navbar-inner {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
}<br />
<br />
@media (min-width: 980px) {<br />
.nav-collapse.collapse {<br />
height: auto !important;<br />
overflow: visible !important;<br />
}<br />
}<br />
<br />
/*<br />
Typographic color definitions.<br />
*/<br />
.win-ui-dark body {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
html,<br />
body {<br />
color: #333;<br />
background-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
This class reverses the colors on the subtree to which it is applied.<br />
*/<br />
.win-ui-dark {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
/*<br />
Text selection color<br />
*/<br />
<br />
::selection, select:focus::-ms-value {<br />
background-color: rgb(87, 41, 193);<br />
color: #FFF;<br />
}<br />
<br />
/*<br />
Text input, checkbox, radio, and select control colors.<br />
*/<br />
.win-ui-dark input[type=text], .win-ui-dark input[type=password],<br />
.win-ui-dark input[type=email], .win-ui-dark input[type=number],<br />
.win-ui-dark input[type=tel], .win-ui-dark input[type=url],<br />
.win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea,<br />
.win-ui-dark select, .win-ui-dark input::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover,<br />
.win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover,<br />
.win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover,<br />
.win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover,<br />
.win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active,<br />
.win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active,<br />
.win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active,<br />
.win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active,<br />
.win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active,<br />
.win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active,<br />
.win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active,<br />
.win-ui-dark textarea:focus, .win-ui-dark textarea:active,<br />
.win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active,<br />
.win-ui-dark select:focus, .win-ui-dark select:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled,<br />
.win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled,<br />
.win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled,<br />
.win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value,<br />
.win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled,<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
border-color: transparent;<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=text], input[type=password],<br />
input[type=email], input[type=number],<br />
input[type=tel], input[type=url],<br />
input[type=search], select, textarea,<br />
.win-textarea, input::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: rgba(0, 0, 0, 0.27);<br />
color: #000;<br />
}<br />
input[type=text]:hover, input[type=password]:hover,<br />
input[type=email]:hover, input[type=number]:hover,<br />
input[type=tel]:hover, input[type=url]:hover,<br />
input[type=search]:hover, textarea:hover,<br />
select:hover, .win-textarea:hover, input:hover::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: rgba(0, 0, 0, 0.44);<br />
color: #000;<br />
}<br />
input[type=text]:focus, input[type=text]:active,<br />
input[type=password]:focus, input[type=password]:active,<br />
input[type=email]:focus, input[type=email]:active,<br />
input[type=number]:focus, input[type=number]:active,<br />
input[type=tel]:focus, input[type=tel]:active,<br />
input[type=url]:focus, input[type=url]:active,<br />
input[type=search]:focus, input[type=search]:active,<br />
textarea:focus, textarea:active,<br />
.win-textarea:focus, .win-textarea:active,<br />
select:focus, select:active {<br />
background-color: #FFF;<br />
border-color: rgba(0, 0, 0, 0.6);<br />
color: #000;<br />
}<br />
input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
input[type=text]:disabled, input[type=password]:disabled,<br />
input[type=email]:disabled, input[type=number]:disabled,<br />
input[type=tel]:disabled, input[type=url]:disabled,<br />
input[type=search]:disabled, textarea:disabled,<br />
.win-textarea:disabled, select:disabled,<br />
input:disabled::-ms-check, input:disabled:active::-ms-check {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.15);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
/*<br />
Placeholder text.<br />
*/<br />
.win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder,<br />
.win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.6); /* same in dark and light */<br />
}<br />
.win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder {<br />
color: rgba(255, 255, 255, 0.22);<br />
}<br />
input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.22);<br />
}<br />
<br />
/*<br />
Invalid style.<br />
*/<br />
input[type]:invalid {<br />
outline-color: rgb(255, 128, 51);<br />
outline-width: 2px;<br />
}<br />
<br />
/*<br />
Option for select control (all colors are same for both light and dark).<br />
*/<br />
option:checked, select:focus::-ms-value {<br />
color: #FFF;<br />
background-color: rgb(70, 23, 180);<br />
}<br />
option:hover {<br />
color: #000;<br />
background-color: rgb(197, 197, 197);<br />
}<br />
select:focus option:hover {<br />
color: #000;<br />
background-color: rgb(222, 222, 222);<br />
}<br />
option:checked:hover, select:focus option:checked:hover {<br />
color: #FFF;<br />
background-color: rgb(95, 55, 190);<br />
}<br />
option:hover:active, select:focus option:hover:active{<br />
color: #000;<br />
background-color: rgb(211, 211, 211);<br />
}<br />
.win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active,<br />
.win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active,<br />
.win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active,<br />
.win-ui-dark select:disabled:focus::-ms-value {<br />
background-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
option:checked:disabled, option:checked:disabled:active,<br />
optgroup:disabled option:checked, optgroup:disabled option:checked:active,<br />
select:disabled option:checked, select:disabled option:checked:active,<br />
select:disabled:focus::-ms-value {<br />
background-color: rgba(0, 0, 0, 0.55);<br />
color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
<br />
/*<br />
Button control colors.<br />
*/<br />
.win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit],<br />
.win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[type=submit], .win-ui-dark input[type=submit] {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover,<br />
.win-ui-dark input[type=file]::-ms-browse:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
}<br />
.win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active,<br />
.win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active,<br />
.win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled,<br />
.win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled,<br />
.win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse,<br />
.win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active,<br />
.win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active,<br />
.win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
button, input[type=button], input[type=submit],<br />
input[type=reset], input[type=file]::-ms-browse {<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
}<br />
button[type=submit], input[type=submit]{<br />
background-clip: border-box;<br />
background-color: rgb(70, 23, 180);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover, input[type=button]:hover, input[type=reset]:hover,<br />
input[type=file]::-ms-browse:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(164, 164, 164, 0.45);<br />
}<br />
button[type=submit]:hover, input[type=submit]:hover {<br />
background-clip: border-box;<br />
background-color: rgb(95, 55, 190);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover:active, button[type=submit]:hover:active,<br />
input[type=button]:hover:active, input[type=reset]:hover:active,<br />
input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:disabled, button[type=submit]:disabled,<br />
input[type=button]:disabled, input[type=reset]:disabled,<br />
input[type=submit]:disabled, input[type=file]:disabled::-ms-browse,<br />
button:disabled:active, button[type=submit]:disabled:active,<br />
input[type=button]:disabled:active, input[type=reset]:disabled:active,<br />
input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active {<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
<br />
/*<br />
File upload control colors.<br />
*/<br />
input[type=file] {<br />
background-color: transparent;<br />
border-color: transparent;<br />
color: transparent;<br />
}<br />
<br />
<br />
<br />
/*<br />
Headers colors.<br />
*/<br />
.accent-color,<br />
header h1,<br />
header h2,<br />
table th {color: #24A0DA;}<br />
.accent-bg {background:#24A0DA;}<br />
<br />
a#user-info h3,<br />
a#user-info h4 { color: rgb(0, 130, 135); }<br />
a#user-info:hover { background-color: rgb(0, 130, 135); }<br />
a#user-info:hover h3,<br />
a#user-info:hover h4 { color: #FFF; }<br />
<br />
/*<br />
Link colors.<br />
*/<br />
.win-ui-dark a {<br />
color: rgb(156, 114, 255);<br />
}<br />
.win-ui-dark a:hover:active {<br />
color: rgba(156, 114, 255, 0.6);<br />
}<br />
.win-ui-dark a:hover {<br />
color: rgba(156, 114, 255, 0.8);<br />
}<br />
.win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a {<br />
color: rgb(79, 26, 203);<br />
}<br />
a:hover:active {<br />
color: rgba(79, 26, 203, 0.6);<br />
}<br />
a:hover {<br />
color: rgba(79, 26, 203, 0.8);<br />
}<br />
a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
/*<br />
Range control colors.<br />
*/<br />
input[type=range], input[type=range]::-ms-track {<br />
background-color: transparent;<br />
}<br />
<br />
/*<br />
Progress control colors.<br />
*/<br />
.win-ui-dark.progress.progress-indeterminate {<br />
background-color: #1D1D1D;<br />
}<br />
.progress {<br />
background-color: #D4D4D4;<br />
color: rgb(70, 23, 180);<br />
}<br />
<br />
<br />
/*<br />
FlipView control colors.<br />
*/<br />
.win-flipview .win-navbutton {<br />
background-color: rgba(213, 213, 213, 0.35);<br />
color: rgba(0, 0, 0, 0.60);<br />
}<br />
.win-flipview .win-navbutton:hover {<br />
background-color: rgba(215, 215, 215, 0.94);<br />
color: rgba(0, 0, 0, 1.0);<br />
}<br />
.win-flipview .win-navbutton:hover:active {<br />
background-color: rgba(41, 41, 41, 0.74);<br />
color: rgba(255, 255, 255, 1.0);<br />
}<br />
<br />
/*<br />
ListView control colors.<br />
*/<br />
.win-ui-dark .win-listview .win-container:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
outline: rgba(255, 255, 255, 0.3) solid 3px;<br />
}<br />
.win-ui-dark .win-listview .win-focusedoutline {<br />
outline: #FFF solid 2px;<br />
}<br />
.win-listview .win-container:hover {<br />
background-color: rgba(0, 0, 0, 0.3);<br />
outline: rgba(0, 0, 0, 0.3) solid 3px;<br />
}<br />
.win-listview .win-focusedoutline {<br />
outline: #000 solid 2px;<br />
}<br />
.win-listview .win-container.win-selected:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-listview .win-container.win-swipe:hover {<br />
background-color: transparent;<br />
outline: none;<br />
}<br />
.win-listview .win-selected {<br />
color: #FFF;<br />
}<br />
.win-container.win-selected .win-selectionborder {<br />
border-color: rgb(70, 23, 180);<br />
}<br />
.win-container.win-selected:hover .win-selectionborder {<br />
border-color: rgb(95, 55, 190);<br />
}<br />
.win-selected .win-selectionbackground {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-selected:hover .win-selectionbackground {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-selectioncheckmark {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-selectionhint {<br />
color: #FFF;<br />
}<br />
.win-selectionhint {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-selectioncheckmarkbackground {<br />
border-top-color: rgb(70, 23, 180);<br />
border-right-color: rgb(70, 23, 180);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-top-color: rgb(95, 55, 190);<br />
border-right-color: rgb(95, 55, 190);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(70, 23, 180);<br />
border-right-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(95, 55, 190);<br />
border-right-color: transparent;<br />
}<br />
<br />
<br />
/*<br />
Back button control colors.<br />
*/<br />
.win-ui-dark .win-backbutton {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover:active {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
color: #000;<br />
}<br />
.win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-backbutton {<br />
background-color: transparent;<br />
border-color: #000;<br />
color: #000;<br />
}<br />
.win-backbutton:hover {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
color: #000;<br />
text-decoration: none;<br />
}<br />
.win-backbutton:hover:active {<br />
background-color: #000;<br />
border-color: #000;<br />
color: #FFF;<br />
}<br />
.win-backbutton:disabled, .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button colors.<br />
*/<br />
button.win-command {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:hover:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:disabled {<br />
border-color: transparent;<br />
background-color: transparent;<br />
}<br />
.win-ui-dark button.win-command:focus {<br />
border-color: #FFF;<br />
}<br />
button.win-command:focus {<br />
border-color: #000;<br />
}<br />
button.win-hidefocus:focus {<br />
outline: none;<br />
}<br />
button.win-command.win-hidefocus:focus {<br />
border-color: transparent;<br />
}<br />
.win-ui-dark .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled .win-commandimage,<br />
.win-ui-dark button:disabled:active .win-commandimage {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark button[aria-checked=true] .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
.win-commandimage {<br />
color: #000;<br />
}<br />
button:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button:disabled .win-commandimage,<br />
button:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
button[aria-checked=true] .win-commandimage,<br />
button[aria-checked=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button[aria-checked=true]:hover .win-commandimage,<br />
button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
button[aria-checked=true]:disabled .win-commandimage,<br />
button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Command ring colors.<br />
*/<br />
.win-ui-dark .win-commandring.active,<br />
.win-ui-dark .win-commandring.active {<br />
background-color: #FFF;<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring,<br />
.win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:hover .win-commandring,<br />
.win-ui-dark button:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:hover:active .win-commandring,<br />
.win-ui-dark button:hover:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:disabled .win-commandring,<br />
.win-ui-dark a:disabled:active .win-commandring,<br />
.win-ui-dark button:disabled .win-commandring,<br />
.win-ui-dark button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark a[aria-checked=true] .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true] .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a.active .win-commandring,<br />
.win-ui-dark button.active .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:hover .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:hover:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:disabled:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring,<br />
.win-commandring, button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #000;<br />
}<br />
a:hover .win-commandring,<br />
button:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a:hover:active .win-commandring,<br />
button:hover:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a:disabled .win-commandring,<br />
a:disabled:active .win-commandring,<br />
button:disabled .win-commandring,<br />
button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover .win-commandring,<br />
button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover:active .win-commandring,<br />
button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.4);<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button labels colors.<br />
*/<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark a.win-command .win-label,<br />
.win-ui-dark button.win-command .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a.win-command:disabled .win-label,<br />
.win-ui-dark a.win-command:disabled:active .win-label,<br />
.win-ui-dark button.win-command:disabled .win-label,<br />
.win-ui-dark button.win-command:disabled:active .win-label {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a.win-command:disabled .win-label,<br />
a.win-command:disabled:active .win-label,<br />
button.win-command:disabled .win-label,<br />
button.win-command:disabled:active .win-label {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
AppBarCommand (and MenuCommand) separator.<br />
*/<br />
hr.win-command {<br />
/* Same color in both light and dark. */<br />
background-color: rgb(123, 123, 123);<br />
}<br />
/*<br />
AppBar control colors.<br />
*/<br />
.win-ui-dark.win-appbar, .win-ui-dark .win-appbar {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
.win-appbar {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Flyout control colors, flyout normally has light theme.<br />
*/<br />
.win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-settingsflyout {<br />
border-color: rgba(0, 0, 0, 0.24);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-ui-dark.win-flyout, .win-ui-dark .win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #000;<br />
}<br />
<br />
.win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout {<br />
border-color: rgba(255, 255, 255, 0.24);<br />
background-color: #000;<br />
}<br />
<br />
/*<br />
Menu button colors, menu is always light theme.<br />
*/<br />
.win-menu button {<br />
background-color: transparent;<br />
color: #000;<br />
}<br />
.win-menu button:focus,<br />
.win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-menu button:hover:active {<br />
color: #FFF;<br />
background-color: #000;<br />
}<br />
.win-menu button:disabled,<br />
.win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(0, 0, 0, 0.1);<br />
}<br />
.win-ui-dark.win-menu button, .win-ui-dark .win-menu button {<br />
background-color: transparent;<br />
color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus,<br />
.win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active {<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled,<br />
.win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(255, 255, 255, 0.1);<br />
}<br />
<br />
/*<br />
Rating control colors.<br />
*/<br />
.win-ui-dark .win-rating .win-star.win-user.win-full,<br />
.win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(91, 46, 197);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-tentative.win-full {<br />
color: rgb(129, 82, 239);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-average.win-full,<br />
.win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-rating .win-star.win-empty {<br />
color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-rating .win-star.win-user.win-full,<br />
.win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-rating .win-star.win-tentative.win-full {<br />
color: rgb(114, 65, 228);<br />
}<br />
.win-rating .win-star.win-average.win-full,<br />
.win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #000;<br />
}<br />
.win-rating .win-star.win-empty {<br />
color: rgba(0, 0, 0, 0.35);<br />
}<br />
<br />
<br />
<br />
/*<br />
Toggleswitch control colors.<br />
*/<br />
<br />
.win-ui-dark .win-toggleswitch .win-title {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-title.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-title {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-title.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-ui-dark .win-toggleswitch .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-label.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-label {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-label.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-toggleswitch .win-switch::-ms-track {<br />
background-color: transparent;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.26);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.29);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.2);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.12);<br />
}<br />
.win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.26);<br />
}<br />
.win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.29);<br />
}<br />
.win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.2);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.12);<br />
}<br />
<br />
<br />
/*<br />
Tooltip control colors.<br />
*/<br />
.win-tooltip {<br />
background-color: #FFF;<br />
border-color: rgb(128, 128, 128);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
/*<br />
Label colors.<br />
*/<br />
label {<br />
/*color: rgba(0, 0, 0, 0.6);*/<br />
}<br />
<br />
.win-ui-dark label {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
/*<br />
Workaround appbar icon touch colors for Consumer Preview<br />
*/<br />
.win-ui-dark a:active .win-commandimage,<br />
.win-ui-dark button:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandimage,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:active .win-commandring,<br />
.win-ui-dark button:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandring,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
a:active .win-commandimage,<br />
button:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
a[aria-selected=true]:active .win-commandimage,<br />
button[aria-selected=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
a:active .win-commandring,<br />
button:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-selected=true]:active .win-commandring,<br />
button[aria-selected=true]:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Bootstrap Metro button<br />
-------------------------------------------------- */<br />
input.btn, button.btn, a.btn {<br />
font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif;<br />
}<br />
<br />
.btn {<br />
/*font-size: 11pt;*/<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
border: 2px solid #cccccc;<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: #e6e6e6;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #cccccc;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(205, 205, 205, 0.82);<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-ms-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.btn:focus {<br />
outline: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-color: #000;<br />
border-color:#000;<br />
color: #FFF;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
<br />
.btn-primary {<br />
background-color: #59008C;<br />
border-color: #59008C;<br />
color: #FFF;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
background-color: #781096;<br />
border-color: #781096;<br />
color: #CCC;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #781096;<br />
border-color: #781096;<br />
}<br />
<br />
<br />
.btn-warning {<br />
background-color: #faa732;<br />
border-color: #faa732;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
background-color: #f89406;<br />
border-color: #f89406;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #c67605;<br />
border-color: #c67605;<br />
}<br />
<br />
.btn-danger {<br />
background-color: #da4f49;<br />
border-color: #da4f49;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
background-color: #bd362f;<br />
border-color: #bd362f;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25;<br />
border-color: #942a25;<br />
}<br />
<br />
.btn-success {<br />
background-color: #5bb75b;<br />
border-color: #5bb75b;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
background-color: #51a351;<br />
border-color: #51a351;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140;<br />
border-color: #408140;<br />
}<br />
<br />
.btn-info {<br />
background-color: #49afcd;<br />
border-color: #49afcd;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
background-color: #2f96b4;<br />
border-color: #2f96b4;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c;<br />
border-color: #24748c;<br />
}<br />
<br />
.btn-inverse {<br />
background-color: #414141;<br />
border-color: #414141;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
background-color: #222222;<br />
border-color: #222222;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808;<br />
border-color: #080808;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.dropdown-menu {<br />
border: 2px solid #bababa;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
.alert .close {<br />
color: #FFF;<br />
/*opacity: 0.4;*/<br />
/*filter: alpha(opacity=40);*/<br />
}<br />
<br />
<br />
.well {<br />
background-color: #FFF;<br />
}<br />
<br />
/*!<br />
* Datepicker for Bootstrap<br />
*<br />
* Copyright 2012 Stefan Petre<br />
* Improvements by Andrew Rowls<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
.datepicker {<br />
padding: 4px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
direction: ltr;<br />
/*.dow {<br />
border-top: 1px solid #ddd !important;<br />
}*/<br />
<br />
}<br />
.datepicker-inline {<br />
width: 220px;<br />
}<br />
.datepicker.datepicker-rtl {<br />
direction: rtl;<br />
}<br />
.datepicker.datepicker-rtl table tr td span {<br />
float: right;<br />
}<br />
.datepicker-dropdown {<br />
top: 0;<br />
left: 0;<br />
}<br />
.datepicker-dropdown:before {<br />
content: '';<br />
display: inline-block;<br />
border-left: 7px solid transparent;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
position: absolute;<br />
top: -7px;<br />
left: 6px;<br />
}<br />
.datepicker-dropdown:after {<br />
content: '';<br />
display: inline-block;<br />
border-left: 6px solid transparent;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
position: absolute;<br />
top: -6px;<br />
left: 7px;<br />
}<br />
.datepicker > div {<br />
display: none;<br />
}<br />
.datepicker.days div.datepicker-days {<br />
display: block;<br />
}<br />
.datepicker.months div.datepicker-months {<br />
display: block;<br />
}<br />
.datepicker.years div.datepicker-years {<br />
display: block;<br />
}<br />
.datepicker table {<br />
margin: 0;<br />
}<br />
.datepicker td,<br />
.datepicker th {<br />
text-align: center;<br />
width: 20px;<br />
height: 20px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
border: none;<br />
}<br />
.table-striped .datepicker table tr td,<br />
.table-striped .datepicker table tr th {<br />
background-color: transparent;<br />
}<br />
.datepicker table tr td.day:hover {<br />
background: #eeeeee;<br />
cursor: pointer;<br />
}<br />
.datepicker table tr td.old,<br />
.datepicker table tr td.new {<br />
color: #999999;<br />
}<br />
.datepicker table tr td.disabled,<br />
.datepicker table tr td.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td.today,<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today.disabled:hover {<br />
background-color: #fde19a;<br />
/*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/<br />
/*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/<br />
border-color: #fdf59a #fdf59a #fbed50;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #000 !important;<br />
}<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today:hover:hover,<br />
.datepicker table tr td.today.disabled:hover,<br />
.datepicker table tr td.today.disabled:hover:hover,<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today:hover.disabled,<br />
.datepicker table tr td.today.disabled.disabled,<br />
.datepicker table tr td.today.disabled:hover.disabled,<br />
.datepicker table tr td.today[disabled],<br />
.datepicker table tr td.today:hover[disabled],<br />
.datepicker table tr td.today.disabled[disabled],<br />
.datepicker table tr td.today.disabled:hover[disabled] {<br />
background-color: #fdf59a;<br />
}<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active {<br />
background-color: #fbf069 \9;<br />
}<br />
.datepicker table tr td.range,<br />
.datepicker table tr td.range:hover,<br />
.datepicker table tr td.range.disabled,<br />
.datepicker table tr td.range.disabled:hover {<br />
background: #eeeeee;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today,<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today.disabled:hover {<br />
background-color: #f3d17a;<br />
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));<br />
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: linear-gradient(top, #f3c17a, #f3e97a);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);<br />
border-color: #f3e97a #f3e97a #edde34;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today:hover:hover,<br />
.datepicker table tr td.range.today.disabled:hover,<br />
.datepicker table tr td.range.today.disabled:hover:hover,<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today:hover.disabled,<br />
.datepicker table tr td.range.today.disabled.disabled,<br />
.datepicker table tr td.range.today.disabled:hover.disabled,<br />
.datepicker table tr td.range.today[disabled],<br />
.datepicker table tr td.range.today:hover[disabled],<br />
.datepicker table tr td.range.today.disabled[disabled],<br />
.datepicker table tr td.range.today.disabled:hover[disabled] {<br />
background-color: #f3e97a;<br />
}<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active {<br />
background-color: #efe24b \9;<br />
}<br />
.datepicker table tr td.selected,<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected.disabled:hover {<br />
background-color: #9e9e9e;<br />
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));<br />
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -o-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: linear-gradient(top, #b3b3b3, #808080);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);<br />
border-color: #808080 #808080 #595959;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected:hover:hover,<br />
.datepicker table tr td.selected.disabled:hover,<br />
.datepicker table tr td.selected.disabled:hover:hover,<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected:hover.disabled,<br />
.datepicker table tr td.selected.disabled.disabled,<br />
.datepicker table tr td.selected.disabled:hover.disabled,<br />
.datepicker table tr td.selected[disabled],<br />
.datepicker table tr td.selected:hover[disabled],<br />
.datepicker table tr td.selected.disabled[disabled],<br />
.datepicker table tr td.selected.disabled:hover[disabled] {<br />
background-color: #808080;<br />
}<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active {<br />
background-color: #666666 \9;<br />
}<br />
.datepicker table tr td.active,<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active:hover:hover,<br />
.datepicker table tr td.active.disabled:hover,<br />
.datepicker table tr td.active.disabled:hover:hover,<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active:hover.disabled,<br />
.datepicker table tr td.active.disabled.disabled,<br />
.datepicker table tr td.active.disabled:hover.disabled,<br />
.datepicker table tr td.active[disabled],<br />
.datepicker table tr td.active:hover[disabled],<br />
.datepicker table tr td.active.disabled[disabled],<br />
.datepicker table tr td.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span {<br />
display: block;<br />
width: 23%;<br />
height: 54px;<br />
line-height: 54px;<br />
float: left;<br />
margin: 1%;<br />
cursor: pointer;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td span:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker table tr td span.disabled,<br />
.datepicker table tr td span.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td span.active,<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active:hover:hover,<br />
.datepicker table tr td span.active.disabled:hover,<br />
.datepicker table tr td span.active.disabled:hover:hover,<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active:hover.disabled,<br />
.datepicker table tr td span.active.disabled.disabled,<br />
.datepicker table tr td span.active.disabled:hover.disabled,<br />
.datepicker table tr td span.active[disabled],<br />
.datepicker table tr td span.active:hover[disabled],<br />
.datepicker table tr td span.active.disabled[disabled],<br />
.datepicker table tr td span.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span.old {<br />
color: #999999;<br />
}<br />
.datepicker th.datepicker-switch {<br />
width: 145px;<br />
}<br />
.datepicker thead tr:first-child th,<br />
.datepicker tfoot tr:first-child th {<br />
cursor: pointer;<br />
}<br />
.datepicker thead tr:first-child th:hover,<br />
.datepicker tfoot tr:first-child th:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker .cw {<br />
font-size: 10px;<br />
width: 12px;<br />
padding: 0 2px 0 5px;<br />
vertical-align: middle;<br />
}<br />
.datepicker thead tr:first-child th.cw {<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
.input-append.date .add-on i,<br />
.input-prepend.date .add-on i {<br />
display: block;<br />
cursor: pointer;<br />
width: 16px;<br />
height: 16px;<br />
}<br />
.input-daterange input {<br />
text-align: center;<br />
}<br />
.input-daterange input:first-child {<br />
-webkit-border-radius: 3px 0 0 3px;<br />
-moz-border-radius: 3px 0 0 3px;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.input-daterange input:last-child {<br />
-webkit-border-radius: 0 3px 3px 0;<br />
-moz-border-radius: 0 3px 3px 0;<br />
border-radius: 0 3px 3px 0;<br />
}<br />
.input-daterange .add-on {<br />
display: inline-block;<br />
width: auto;<br />
min-width: 16px;<br />
height: 18px;<br />
padding: 4px 5px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
vertical-align: middle;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
margin-left: -5px;<br />
margin-right: -5px;<br />
}<br />
<br />
/* Demo styles for Hub and other metro pages<br />
-------------------------------------------------- */<br />
<br />
<br />
/* Body and structure<br />
-------------------------------------------------- */<br />
html{<br />
height:100%;<br />
}<br />
body{<br />
width:100%;<br />
height:100%;<br />
}<br />
html,<br />
body {<br />
position: relative;<br />
background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0;<br />
/*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/<br />
/*background-color: #f2f0e4;*/<br />
margin:0;<br />
padding:0;<br />
height:100%; /* needed for container min-height */<br />
color: #FFF; /*#847d6b;*/<br />
}<br />
<br />
<br />
#wrap {<br />
position:relative; /* needed for footer positioning*/<br />
margin:0 auto; /* center, not in IE5 */<br />
height:auto !important; /* real browsers */<br />
height:100%; /* IE6: treaded as min-height*/<br />
min-height:100%; /* real browsers */<br />
<br />
/* Win8 animation */<br />
width:100%;<br />
perspective:3300px;<br />
position:relative;<br />
}<br />
<br />
<br />
.panorama-parallax {<br />
-webkit-transition: background-position 0.4s;<br />
-moz-transition: background-position 0.4s;<br />
-o-transition: background-position 0.4s;<br />
transition: background-position 0.4s;<br />
}<br />
<br />
<br />
<br />
/* custom styles */<br />
.win-commandicon {<br />
color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring {<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
#nav-bar {<br />
/*position: fixed;*/<br />
/*top: 0;*/<br />
/*left: 0;*/<br />
height: 54px;<br />
width: 100%;<br />
}<br />
<br />
#metro-container {<br />
margin-top: 94px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
height: 100%;<br />
min-height: 100%;<br />
}<br />
<br />
<br />
<br />
<br />
.accent-color, header h1, header h2, table th {<br />
color: #FFF;<br />
}<br />
<br />
/*header h1 {*/<br />
/*font-size: 50px;*/<br />
/*font-weight: 300;*/<br />
/*line-height: 54px;*/<br />
/*color: #444;*/<br />
/*}*/<br />
/*header h1 small {font-weight: 300;}*/<br />
<br />
<br />
/* Tweak navbar brand link to be super sleek<br />
-------------------------------------------------- */<br />
<br />
<br />
<br />
body > .navbar {<br />
font-size: 13px;<br />
}<br />
<br />
#header-nav {<br />
position: relative;<br />
}<br />
#header-nav .nav.nav-links {<br />
*zoom: 1;<br />
}<br />
#header-nav .nav.nav-links:before,<br />
#header-nav .nav.nav-links:after {<br />
display: table;<br />
content: "";<br />
line-height: 0;<br />
}<br />
#header-nav .nav.nav-links:after {<br />
clear: both;<br />
}<br />
<br />
#header-nav .nav.nav-links {<br />
margin-bottom: 10px;<br />
}<br />
#header-nav .nav.nav-links > li {<br />
float: left;<br />
}<br />
#header-nav .nav.nav-links a {<br />
margin: 0 30px 0 0;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
text-decoration: none;<br />
font-size: 32px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #847d6b;<br />
}<br />
#header-nav .nav.nav-links a:hover {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
#header-nav .nav.nav-links li.active a {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Sections<br />
-------------------------------------------------- */<br />
<br />
/* padding for in-page bookmarks and fixed navbar */<br />
section {<br />
padding-top: 30px;<br />
}<br />
section > .page-header,<br />
section > .lead {<br />
color: #5a5a5a;<br />
}<br />
section > ul li {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Separators (hr) */<br />
.bs-docs-separator {<br />
margin: 40px 0 39px;<br />
}<br />
<br />
/* Faded out hr */<br />
hr.soften {<br />
height: 1px;<br />
margin: 70px 0;<br />
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
border: 0;<br />
}<br />
<br />
<br />
<br />
/* Jumbotrons<br />
-------------------------------------------------- */<br />
<br />
/* Base class<br />
------------------------- */<br />
.jumbotron {<br />
position: relative;<br />
padding: 40px 0;<br />
color: #fff;<br />
/*text-align: center;*/<br />
/*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/<br />
background: #287EB7;<br />
}<br />
.jumbotron h1 {<br />
font-size: 80px;<br />
font-weight: 300;<br />
letter-spacing: -1px;<br />
line-height: 1;<br />
}<br />
.jumbotron p {<br />
font-size: 24px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
margin-bottom: 30px;<br />
}<br />
<br />
/* Link styles (used on .masthead-links as well) */<br />
.jumbotron a {<br />
/*color: #fff;*/<br />
color: rgba(255,255,255,.5);<br />
-webkit-transition: all .2s ease-in-out;<br />
-moz-transition: all .2s ease-in-out;<br />
transition: all .2s ease-in-out;<br />
}<br />
.jumbotron a:hover {<br />
color: #fff;<br />
text-shadow: 0 0 10px rgba(255,255,255,.25);<br />
}<br />
<br />
.jumbotron a.link {<br />
color: #4F1ACB;<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
/* Download button<br />
.masthead .btn {<br />
padding: 19px 24px;<br />
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;<br />
font-size: 24px;<br />
line-height: 28px;;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
transition: none;<br />
}<br />
.masthead .btn [class^="icon-"] {<br />
font-size: 24px;<br />
line-height: 24px;<br />
}<br />
<br />
.masthead .btn:hover {<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
}<br />
.masthead .btn:active {<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
}<br />
*/<br />
<br />
/* Pattern overlay<br />
------------------------- */<br />
.jumbotron .container {<br />
position: relative;<br />
z-index: 2;<br />
}<br />
<br />
<br />
/* Masthead (docs home)<br />
------------------------- */<br />
.masthead {<br />
padding: 0;<br />
margin-bottom: 0;<br />
}<br />
.masthead h1 {<br />
/*font-size: 120px;*/<br />
line-height: 1;<br />
letter-spacing: -2px;<br />
}<br />
.masthead p {<br />
/*font-size: 40px;*/<br />
font-weight: 200;<br />
line-height: 1.25;<br />
}<br />
<br />
/* Textual links in masthead */<br />
.masthead-links {<br />
margin: 0;<br />
list-style: none;<br />
}<br />
.masthead-links li {<br />
display: inline;<br />
padding: 0 10px;<br />
color: rgba(255,255,255,.25);<br />
}<br />
<br />
#hero {<br />
display: block;<br />
position: relative;<br />
margin: 30px 0 0 0;<br />
}<br />
#hero p.lead {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
#hero .btn {<br />
padding: 19px 24px;<br />
font-size: 24px;<br />
line-height: 32px;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
}<br />
#hero .btn [class^="icon-"] {<br />
font-size: 32px;<br />
line-height: 32px;<br />
margin: 0;<br />
vertical-align: bottom;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
#features-container {<br />
margin-top: 60px;<br />
}<br />
<br />
<br />
.list-tile {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
border-left: 3px solid transparent;<br />
color: #FFF;<br />
display: inline-block;<br />
min-height: 62px;<br />
margin-bottom: 10px;<br />
padding: 10px;<br />
position: relative;<br />
vertical-align: top;<br />
}<br />
<br />
.list-tile.blue {<br />
background-color: #2E8BCC;<br />
border-color: #2E8BCC;<br />
}<br />
.list-tile.green {<br />
background-color: #339933;<br />
border-color: #339933;<br />
}<br />
<br />
.list-tile h4, .list-tile h5 {<br />
display: inline;<br />
}<br />
.list-tile h4 {<br />
font-size: 20px;<br />
font-weight: 400;<br />
line-height: 40px;<br />
}<br />
.list-tile h5 {<br />
font-size: 18px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
padding-right: 80px;<br />
}<br />
<br />
.list-tile .list-tile-icon {<br />
color: #FFFFFF;<br />
display: block;<br />
font-size: 40px;<br />
font-weight: 400;<br />
height: 100%;<br />
line-height: 62px;<br />
position: absolute;<br />
right: 0;<br />
text-align: center;<br />
top: 0;<br />
width: 80px;<br />
}<br />
/*.list-tile.blue .list-tile-icon {*/<br />
/*background-color: #2E8BCC;*/<br />
/*}*/<br />
/*.list-tile.green .list-tile-icon {*/<br />
/*background-color: #339933;*/<br />
/*}*/<br />
<br />
.list-tile .donate-form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
/* hover */<br />
.list-tile.blue:hover {<br />
text-decoration: none;<br />
background-color: #C9E2F3;<br />
color: #2E8BCC;<br />
}<br />
.list-tile.blue:hover .list-tile-icon { color: #2E8BCC; }<br />
<br />
.list-tile.green:hover {<br />
text-decoration: none;<br />
background-color: #ABE3AB;<br />
color: #339933;<br />
}<br />
.list-tile.green:hover .list-tile-icon { color: #339933; }<br />
<br />
<br />
<br />
/* Social proof buttons from GitHub & Twitter */<br />
.bs-docs-social {<br />
padding: 15px 0;<br />
text-align: center;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #fff;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
/* Quick links on Home */<br />
.bs-docs-social-buttons {<br />
margin-left: 0;<br />
margin-bottom: 0;<br />
padding-left: 0;<br />
list-style: none;<br />
}<br />
.bs-docs-social-buttons li {<br />
display: inline-block;<br />
padding: 5px 8px;<br />
line-height: 1;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
<br />
/*<br />
Index Donate tile<br />
*/<br />
.metro .tile.wide.donate {<br />
height: 110px;<br />
padding: 20px;<br />
width: 270px;<br />
cursor: default;<br />
}<br />
.metro .tile.wide.donate .text {<br />
font-size: 15px;<br />
font-weight: normal;<br />
height: 18px;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate .text-header3 {<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
max-height: 110px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
<br />
/* Subhead (other pages)<br />
------------------------- */<br />
.subhead {<br />
text-align: left;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
.subhead h1 {<br />
font-size: 60px;<br />
}<br />
.subhead p {<br />
margin-bottom: 20px;<br />
}<br />
.subhead .navbar {<br />
display: none;<br />
}<br />
<br />
<br />
<br />
/* Marketing section of Overview<br />
-------------------------------------------------- */<br />
<br />
.marketing {<br />
text-align: center;<br />
color: #5a5a5a;<br />
}<br />
.marketing h1 {<br />
margin: 60px 0 10px;<br />
font-size: 60px;<br />
font-weight: 200;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
}<br />
.marketing h2 {<br />
font-weight: 200;<br />
margin-bottom: 5px;<br />
}<br />
.marketing p {<br />
font-size: 16px;<br />
line-height: 1.5;<br />
}<br />
.marketing.metro .tile.wide {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 100%;<br />
}<br />
<br />
.marketing .marketing-byline {<br />
margin-bottom: 40px;<br />
font-size: 20px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
color: #999;<br />
}<br />
/*.marketing img {*/<br />
/*display: block;*/<br />
/*margin: 0 auto 30px;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Footer<br />
-------------------------------------------------- */<br />
<br />
/*.footer {*/<br />
/*padding: 70px 0;*/<br />
/*margin-top: 70px;*/<br />
/*border-top: 1px solid #e5e5e5;*/<br />
/*background-color: #f5f5f5;*/<br />
/*}*/<br />
/*.footer p {*/<br />
/*margin-bottom: 0;*/<br />
/*color: #777;*/<br />
/*}*/<br />
/*.footer-links {*/<br />
/*margin: 10px 0;*/<br />
/*}*/<br />
/*.footer-links li {*/<br />
/*display: inline;*/<br />
/*padding: 0 2px;*/<br />
/*}*/<br />
/*.footer-links li:first-child {*/<br />
/*padding-left: 0;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Special grid styles<br />
-------------------------------------------------- */<br />
<br />
.show-grid {<br />
margin-top: 10px;<br />
margin-bottom: 20px;<br />
}<br />
.show-grid [class*="span"] {<br />
background-color: #eee;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
min-height: 40px;<br />
line-height: 40px;<br />
}<br />
.show-grid:hover [class*="span"] {<br />
background: #ddd;<br />
}<br />
.show-grid .show-grid {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
.show-grid .show-grid [class*="span"] {<br />
background-color: #ccc;<br />
}<br />
<br />
<br />
<br />
/* Mini layout previews<br />
-------------------------------------------------- */<br />
.mini-layout {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
}<br />
.mini-layout,<br />
.mini-layout .mini-layout-body,<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
height: 300px;<br />
}<br />
.mini-layout {<br />
margin-bottom: 20px;<br />
padding: 9px;<br />
}<br />
.mini-layout div {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.mini-layout .mini-layout-body {<br />
background-color: #dceaf4;<br />
margin: 0 auto;<br />
width: 70%;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar,<br />
.mini-layout.fluid .mini-layout-header,<br />
.mini-layout.fluid .mini-layout-body {<br />
float: left;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
background-color: #bbd8e9;<br />
width: 20%;<br />
}<br />
.mini-layout.fluid .mini-layout-body {<br />
width: 77.5%;<br />
margin-left: 2.5%;<br />
}<br />
<br />
<br />
<br />
/* Download page<br />
-------------------------------------------------- */<br />
<br />
.download .page-header {<br />
margin-top: 36px;<br />
}<br />
.page-header .toggle-all {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Space out h3s when following a section */<br />
.download h3 {<br />
margin-bottom: 5px;<br />
}<br />
.download-builder input + h3,<br />
.download-builder .checkbox + h3 {<br />
margin-top: 9px;<br />
}<br />
<br />
/* Fields for variables */<br />
.download-builder input[type=text] {<br />
margin-bottom: 9px;<br />
font-family: Menlo, Monaco, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #d14;<br />
}<br />
.download-builder input[type=text]:focus {<br />
background-color: #fff;<br />
}<br />
<br />
/* Custom, larger checkbox labels */<br />
.download .checkbox {<br />
padding: 6px 10px 6px 25px;<br />
font-size: 13px;<br />
line-height: 18px;<br />
color: #555;<br />
background-color: #f9f9f9;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
cursor: pointer;<br />
}<br />
.download .checkbox:hover {<br />
color: #333;<br />
background-color: #f5f5f5;<br />
}<br />
.download .checkbox small {<br />
font-size: 12px;<br />
color: #777;<br />
}<br />
<br />
/* Variables section */<br />
#variables label {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Giant download button */<br />
.download-btn {<br />
margin: 36px 0 108px;<br />
}<br />
#download p,<br />
#download h4 {<br />
max-width: 50%;<br />
margin: 0 auto;<br />
color: #999;<br />
text-align: center;<br />
}<br />
#download h4 {<br />
margin-bottom: 0;<br />
}<br />
#download p {<br />
margin-bottom: 18px;<br />
}<br />
.download-btn .btn {<br />
display: block;<br />
width: auto;<br />
padding: 19px 24px;<br />
margin-bottom: 27px;<br />
font-size: 30px;<br />
line-height: 1;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
/* Misc<br />
-------------------------------------------------- */<br />
<br />
/* Make tables spaced out a bit more */<br />
h2 + table,<br />
h3 + table,<br />
h4 + table,<br />
h2 + .row {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Example sites showcase */<br />
.example-sites {<br />
margin-left: 20px;<br />
}<br />
.example-sites img {<br />
max-width: 100%;<br />
margin: 0 auto;<br />
}<br />
<br />
<br />
<br />
/* Fake the :focus state to demo it */<br />
.focused {<br />
border-color: rgba(82,168,236,.8);<br />
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
outline: 0;<br />
}<br />
<br />
/* For input sizes, make them display block */<br />
.docs-input-sizes select,<br />
.docs-input-sizes input[type=text] {<br />
display: block;<br />
margin-bottom: 9px;<br />
}<br />
<br />
/* Icons<br />
------------------------- */<br />
.the-icons {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
.the-icons li {<br />
float: left;<br />
width: 25%;<br />
line-height: 25px;<br />
}<br />
.the-icons i:hover {<br />
background-color: rgba(255,0,0,.25);<br />
}<br />
<br />
/* Example page<br />
------------------------- */<br />
.bootstrap-examples p {<br />
font-size: 13px;<br />
line-height: 18px;<br />
}<br />
.bootstrap-examples .thumbnail {<br />
margin-bottom: 9px;<br />
background-color: #fff;<br />
}<br />
<br />
<br />
/* Toasts<br />
------------------------- */<br />
<br />
#alerts-container {<br />
position: fixed;<br />
top: 5px;<br />
right: 5px;<br />
padding: 0;<br />
z-index: 1100;<br />
}<br />
<br />
#alerts-container .toast {<br />
/* add a shadow */<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
}<br />
<br />
<br />
/* Bootstrap code examples<br />
-------------------------------------------------- */<br />
<br />
/* Base class */<br />
.bs-docs-example {<br />
position: relative;<br />
margin: 15px 0;<br />
padding: 39px 19px 14px;<br />
*padding-top: 19px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Echo out a label for the example */<br />
.bs-docs-example:after {<br />
content: "Example";<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
padding: 3px 7px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ddd;<br />
color: #9da0a4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Remove spacing between an example and it's code */<br />
.bs-docs-example + .prettyprint {<br />
margin-top: -20px;<br />
padding-top: 15px;<br />
}<br />
<br />
/* Tweak examples<br />
------------------------- */<br />
.bs-docs-example > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.bs-docs-example .table,<br />
.bs-docs-example .progress,<br />
.bs-docs-example .well,<br />
.bs-docs-example .alert,<br />
.bs-docs-example .hero-unit,<br />
.bs-docs-example .pagination,<br />
.bs-docs-example .navbar,<br />
.bs-docs-example > .nav,<br />
.bs-docs-example blockquote {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example .pagination {<br />
margin-top: 0;<br />
}<br />
<br />
.bs-docs-example-commands {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example-commands .win-command{<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
/* sample customization of win-command */<br />
.bs-docs-example .win-command.orange .win-commandicon,<br />
.bs-docs-example .win-command.orange .win-label {<br />
color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange .win-commandring {<br />
border-color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange:hover .win-commandring {<br />
background-color: rgba(240, 150, 9, 0.4);<br />
}<br />
<br />
<br />
.bs-navbar-top-example,<br />
.bs-navbar-bottom-example {<br />
z-index: 1;<br />
padding: 0;<br />
height: 90px;<br />
overflow: hidden; /* cut the drop shadows off */<br />
}<br />
.bs-navbar-top-example .navbar-fixed-top,<br />
.bs-navbar-bottom-example .navbar-fixed-bottom {<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
.bs-navbar-top-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-top-example:after {<br />
top: auto;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example .navbar {<br />
margin-bottom: 0;<br />
}<br />
form.bs-docs-example {<br />
padding-bottom: 19px;<br />
}<br />
<br />
/* Images */<br />
.bs-docs-example-images img {<br />
margin: 10px;<br />
display: inline-block;<br />
}<br />
<br />
/* Tooltips */<br />
.bs-docs-tooltip-examples {<br />
text-align: center;<br />
margin: 0 0 10px;<br />
list-style: none;<br />
}<br />
.bs-docs-tooltip-examples li {<br />
display: inline;<br />
padding: 0 10px;<br />
}<br />
<br />
/* Popovers */<br />
.bs-docs-example-popover {<br />
padding-bottom: 24px;<br />
background-color: #f9f9f9;<br />
}<br />
.bs-docs-example-popover .popover {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 260px;<br />
margin: 20px;<br />
}<br />
<br />
<br />
<br />
/* Responsive docs<br />
-------------------------------------------------- */<br />
<br />
/* Utility classes table<br />
------------------------- */<br />
.responsive-utilities th small {<br />
display: block;<br />
font-weight: normal;<br />
color: #999;<br />
}<br />
.responsive-utilities tbody th {<br />
font-weight: normal;<br />
}<br />
.responsive-utilities td {<br />
text-align: center;<br />
}<br />
.responsive-utilities td.is-visible {<br />
color: #468847;<br />
background-color: #dff0d8 !important;<br />
}<br />
.responsive-utilities td.is-hidden {<br />
color: #ccc;<br />
background-color: #f9f9f9 !important;<br />
}<br />
<br />
/* Responsive tests<br />
------------------------- */<br />
.responsive-utilities-test {<br />
margin-top: 5px;<br />
margin-left: 0;<br />
list-style: none;<br />
overflow: hidden; /* clear floats */<br />
}<br />
.responsive-utilities-test li {<br />
position: relative;<br />
float: left;<br />
width: 25%;<br />
height: 43px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
line-height: 43px;<br />
color: #999;<br />
text-align: center;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test li + li {<br />
margin-left: 10px;<br />
}<br />
.responsive-utilities-test span {<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
right: -1px;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test span {<br />
color: #468847;<br />
background-color: #dff0d8;<br />
border: 1px solid #d6e9c6;<br />
}<br />
<br />
<br />
<br />
/* Sidenav for Docs<br />
-------------------------------------------------- */<br />
<br />
.bs-docs-sidenav {<br />
width: 228px;<br />
margin: 30px 0 0;<br />
padding: 0;<br />
background-color: #fff;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
}<br />
<br />
.bs-docs-sidenav > li > a {<br />
display: block;<br />
width: 190px \9;<br />
margin: 0 0 -1px;<br />
padding: 8px 14px;<br />
border: 1px solid #e5e5e5;<br />
}<br />
.bs-docs-sidenav > li:first-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > .active > a {<br />
position: relative;<br />
z-index: 2;<br />
padding: 9px 15px;<br />
border: 0;<br />
text-shadow: 0 1px 0 rgba(0,0,0,.15);<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
}<br />
/* Chevrons */<br />
.bs-docs-sidenav .icon-chevron-right {<br />
float: right;<br />
margin-top: 2px;<br />
margin-right: -6px;<br />
opacity: .25;<br />
}<br />
.bs-docs-sidenav > li > a:hover {<br />
background-color: #f5f5f5;<br />
}<br />
.bs-docs-sidenav a:hover .icon-chevron-right {<br />
opacity: .5;<br />
}<br />
.bs-docs-sidenav .active .icon-chevron-right,<br />
.bs-docs-sidenav .active a:hover .icon-chevron-right {<br />
background-image: url(../img/glyphicons-halflings-white.png);<br />
opacity: 1;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
.bs-docs-sidenav.affix-bottom {<br />
position: absolute;<br />
top: auto;<br />
bottom: 270px;<br />
}<br />
<br />
<br />
<br />
/* Icons demo page<br />
-------------------------------------------------- */<br />
#icomoon-container {<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container section,<br />
#icomoon-container header,<br />
#icomoon-container footer {<br />
display: block;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container .glyph {<br />
float: left;<br />
text-align: center;<br />
background: #F4F4F4;<br />
padding: .75em;<br />
margin: .75em 1.5em .75em 0;<br />
width: 7em;<br />
}<br />
#icomoon-container .glyph input {<br />
width: 100%;<br />
text-align: center;<br />
font-family: consolas, monospace;<br />
}<br />
#icomoon-container .glyph input,<br />
#icomoon-container .mtm {<br />
margin-top: .75em;<br />
border: 0;<br />
padding: 0 10px;<br />
}<br />
<br />
.fs1 {<br />
font-size: 2em;<br />
}<br />
#icomoon-container header {<br />
}<br />
#icomoon-container header h1 {<br />
}<br />
#icomoon-container .clearfix:before,<br />
#icomoon-container .clearfix:after { content: ""; display: table; }<br />
#icomoon-container .clearfix:after { clear: both; }<br />
#icomoon-container footer {<br />
margin-top: 2em;<br />
padding: .5em 0;<br />
box-shadow: 0 -2px #eee;<br />
}<br />
#icomoon-container .box1 {<br />
display: inline-block;<br />
width: 11em;<br />
padding: .25em .5em;<br />
background-color: #fff;<br />
margin: .5em 1em .5em 0;<br />
font-size: 16px;<br />
text-align: center;<br />
}<br />
#icomoon-container .box1 span {<br />
display: block;<br />
font-size: 32px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
/*<br />
ListView demo<br />
*/<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"],<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
<br />
/* Responsive<br />
-------------------------------------------------- */<br />
<br />
/* Desktop large<br />
------------------------- */<br />
@media (min-width: 1200px) {<br />
.bs-docs-container {<br />
max-width: 970px;<br />
}<br />
.bs-docs-sidenav {<br />
width: 258px;<br />
}<br />
.bs-docs-sidenav > li > a {<br />
width: 230px \9; /* Override the previous IE8-9 hack */<br />
}<br />
}<br />
<br />
/* Desktop<br />
------------------------- */<br />
@media (max-width: 980px) {<br />
/* Unfloat brand */<br />
body > .navbar-fixed-top .brand {<br />
float: left;<br />
margin-left: 0;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
}<br />
<br />
/* Inline-block quick links for more spacing */<br />
.quick-links li {<br />
display: inline-block;<br />
margin: 5px;<br />
}<br />
<br />
/* When affixed, space properly */<br />
.bs-docs-sidenav {<br />
top: 0;<br />
margin-top: 30px;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/* Tablet to desktop<br />
------------------------- */<br />
@media (min-width: 768px) and (max-width: 980px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
}<br />
/* Adjust sidenav width */<br />
.bs-docs-sidenav {<br />
width: 166px;<br />
margin-top: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
}<br />
<br />
/* Tablet<br />
------------------------- */<br />
@media (max-width: 767px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
padding: 40px 20px;<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.masthead h1 {<br />
font-size: 90px;<br />
}<br />
.masthead p,<br />
.masthead .btn {<br />
font-size: 24px;<br />
}<br />
.marketing .span4 {<br />
margin-bottom: 40px;<br />
}<br />
.bs-docs-social {<br />
margin: 0 -20px;<br />
}<br />
<br />
/* Space out the show-grid examples */<br />
.show-grid [class*="span"] {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Sidenav */<br />
.bs-docs-sidenav {<br />
width: auto;<br />
margin-bottom: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
position: static;<br />
width: auto;<br />
top: 0;<br />
}<br />
<br />
/* Unfloat the back to top link in footer */<br />
.footer {<br />
margin-left: -20px;<br />
margin-right: -20px;<br />
padding-left: 20px;<br />
padding-right: 20px;<br />
}<br />
.footer p {<br />
margin-bottom: 9px;<br />
}<br />
}<br />
<br />
/* Landscape phones<br />
------------------------- */<br />
@media (max-width: 480px) {<br />
/* Remove padding above jumbotron */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Change up some type stuff */<br />
h2 small {<br />
display: block;<br />
}<br />
<br />
/* Downsize the jumbotrons */<br />
.jumbotron h1 {<br />
font-size: 45px;<br />
}<br />
.jumbotron p,<br />
.jumbotron .btn {<br />
font-size: 18px;<br />
}<br />
.jumbotron .btn {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
/* center align subhead text like the masthead */<br />
.subhead h1,<br />
.subhead p {<br />
text-align: center;<br />
}<br />
<br />
/* Marketing on home */<br />
.marketing h1 {<br />
font-size: 30px;<br />
}<br />
.marketing-byline {<br />
font-size: 18px;<br />
}<br />
<br />
/* center example sites */<br />
.example-sites {<br />
margin-left: 0;<br />
}<br />
.example-sites > li {<br />
float: none;<br />
display: block;<br />
max-width: 280px;<br />
margin: 0 auto 18px;<br />
text-align: center;<br />
}<br />
.example-sites .thumbnail > img {<br />
max-width: 270px;<br />
}<br />
<br />
#hero-image {<br />
margin: 0;<br />
}<br />
<br />
/* Do our best to make tables work in narrow viewports */<br />
table code {<br />
white-space: normal;<br />
word-wrap: break-word;<br />
word-break: break-all;<br />
}<br />
<br />
/* Modal example */<br />
.modal-example .modal {<br />
position: relative;<br />
top: auto;<br />
right: auto;<br />
bottom: auto;<br />
left: auto;<br />
}<br />
<br />
/* Tighten up footer */<br />
.footer {<br />
padding-top: 20px;<br />
padding-bottom: 20px;<br />
}<br />
/* Unfloat the back to top in footer to prevent odd text wrapping */<br />
.footer .pull-right {<br />
float: none;<br />
}<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* Win8 animation<br />
-------------------------------------------------- */<br />
.metro .tile {<br />
-webkit-transition: all 0.3s ease-out;<br />
-moz-transition: all 0.3s ease-out;<br />
-o-transition: all 0.3s ease-out;<br />
-ms-transition: all 0.3s ease-out;<br />
transition: all 0.3s ease-out;<br />
}<br />
<br />
.fadeOutback {<br />
-webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
}<br />
<br />
.fadeInForward-1,.fadeInForward-2,.fadeInForward-3 {<br />
/*remember: in the second animation u have to set the final values reached by the first one*/<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
<br />
-webkit-transform: translateZ(-5em) scale(0.75);<br />
-moz-transform: translateZ(-5em) scale(0.75);<br />
-o-transform: translateZ(-5em) scale(0.75);<br />
-ms-transform: translateZ(-5em) scale(0.75);<br />
transform: translateZ(-5em) scale(0.75);<br />
}<br />
<br />
.fadeInForward-2 {<br />
-webkit-animation-delay: .55s;<br />
-moz-animation-delay: .55s;<br />
-ms-animation-delay: .55s;<br />
-o-animation-delay: .55s;<br />
animation-delay: .55s;<br />
}<br />
<br />
.fadeInForward-3 {<br />
-webkit-animation-delay: .7s;<br />
-moz-animation-delay: .7s;<br />
-ms-animation-delay: .7s;<br />
-o-animation-delay: .7s;<br />
animation-delay: .7s;<br />
}<br />
<br />
@keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
-moz-transform: translateX(-2em) scale(1);<br />
-o-transform: translateX(-2em) scale(1);<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeOutBack {<br />
0% {<br />
-moz-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeOutBack" {<br />
0% {<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeOutBack" {<br />
0% {<br />
-o-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
-moz-transform: translateZ(0) scale(1);<br />
-o-transform: translateZ(0) scale(1);<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeInForward {<br />
0% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-moz-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeInForward" {<br />
0% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeInForward" {<br />
0% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-o-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
<br />
--> <br />
</style> <br />
<!-- bootmetro-icons.css --><br />
<br />
<style type="text/css"> <br />
<!-- <br />
<br />
#globalWrapper{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
<br />
}<br />
<br />
#top-section{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
}<br />
<br />
#p-logo{<br />
border: 0px;<br />
padding: 0px;<br />
max-height: 0px;<br />
}<br />
<br />
#menubar{<br />
border: 0px;<br />
padding: 0px;<br />
font-size: 8px;<br />
<br />
}<br />
<br />
body{<br />
min-width:1400px;<br />
}<br />
<br />
.navbar{<br />
background-color: white;<br />
padding-left: 30px;<br />
}<br />
<br />
--> <br />
</style> <br />
<br />
<!-- All JavaScript at the bottom, except for Modernizr and Respond.<br />
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries<br />
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --><br />
<script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script><br />
<br />
<script type="text/javascript"><br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-3182578-6']);<br />
_gaq.push(['_trackPageview']);<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
</script><br />
<br />
<br />
<br />
</head><br />
<br />
<body><br />
<!--[if lt IE 7]><br />
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p><br />
<![endif]--><br />
<br />
<div class="navbar navbar-fixed-top"><br />
<div class="navbar-inner" style="padding-top:12px;"><br />
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a><br />
<ul class="nav"><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#DNA purification and precipitation">DNA purification and precipitation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#PCR">PCR</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#SDS polyacrylamide gel electrophoresis (SDS-PAGE)">SDS-PAGE</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Isolation and purification of DNA bands">Isolation and purification of DNA bands</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Ligation">Ligation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Transformation">Transformation</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Humanpractice&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Overview">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#opencampus">At the campus visit</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Survey">Survey</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Bioart">Introduction the class of Bioart</a></li><br />
<br />
<br />
</ul><br />
<br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Team">OUR TEAM</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li><br />
<br />
</ul><br />
<br />
<ul class="nav pull-right"><br />
<li><a href="https://2013.igem.org/Main_Page">iGEM</a></li><br />
</ul><br />
</div><!-- /navbar-inner --><br />
</div><!-- /navbar --><br />
<br />
<!-- Grab Google CDN's jQuery. fall back to local if necessary --><br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><br />
<script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script><br />
<br />
<!--[if IE 7]><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"><br />
<![endif]--><br />
<br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script><br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script><br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
$('.panorama').panorama({<br />
//nicescroll: false,<br />
showscrollbuttons: true,<br />
keyboard: true,<br />
parallax: true<br />
});<br />
<br />
// $(".panorama").perfectScrollbar();<br />
<br />
$('#pivot').pivot();<br />
<br />
</script><br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Template:KIT-Kyoto-header
Template:KIT-Kyoto-header
2013-09-27T16:24:16Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
<br />
<html class="no-js"><br />
<head><br />
<meta charset="utf-8" /><br />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><br />
<!-- Mobile viewport optimized: h5bp.com/viewport --><br />
<meta name="viewport" content="width=device-width"><br />
<br />
<meta name="robots" content="noindex, nofollow"><br />
<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." /><br />
<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" /><br />
<meta name="author" content="AozoraLabs by Marcello Palmitessa"/><br />
<br />
<!-- remove or comment this line if you want to use the local fonts --><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'><br />
<br />
<style type="text/css"> <br />
<!-- <br />
/*!<br />
* BootMetro v1.0.0-alpha1<br />
*<br />
* Copyright 2012 Marcello Palmitessa<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.no-border-radius {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.no-box-shadow {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.text-overflow-wrap {<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
/* General alignment styles<br />
-------------------------------------------------- */<br />
<br />
.align-right,<br />
th.align-right,<br />
td.align-right,<br />
.table th.align-right,<br />
.table td.align-right {<br />
text-align: right;<br />
}<br />
<br />
.align-left,<br />
th.align-left,<br />
td.align-left,<br />
.table th.align-left,<br />
.table td.align-left {<br />
text-align: left;<br />
}<br />
<br />
.align-center,<br />
th.align-center,<br />
td.align-center,<br />
.table th.align-center,<br />
.table td.align-center {<br />
text-align: center;<br />
}<br />
<br />
.block {<br />
display: block;<br />
}<br />
<br />
/* General form mixins<br />
-------------------------------------------------- */<br />
<br />
.formBorder {<br />
border: 2px solid #cccccc;<br />
}<br />
<br />
article,<br />
aside,<br />
details,<br />
figcaption,<br />
figure,<br />
footer,<br />
header,<br />
hgroup,<br />
nav,<br />
section {<br />
display: block;<br />
}<br />
<br />
audio,<br />
canvas,<br />
video {<br />
display: inline-block;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
audio:not([controls]) {<br />
display: none;<br />
}<br />
<br />
html {<br />
font-size: 100%;<br />
-webkit-text-size-adjust: 100%;<br />
-ms-text-size-adjust: 100%;<br />
}<br />
<br />
a:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
a:hover,<br />
a:active {<br />
outline: 0;<br />
}<br />
<br />
sub,<br />
sup {<br />
position: relative;<br />
font-size: 75%;<br />
line-height: 0;<br />
vertical-align: baseline;<br />
}<br />
<br />
sup {<br />
top: -0.5em;<br />
}<br />
<br />
sub {<br />
bottom: -0.25em;<br />
}<br />
<br />
img {<br />
width: auto\9;<br />
height: auto;<br />
max-width: 100%;<br />
vertical-align: middle;<br />
border: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
<br />
#map_canvas img,<br />
.google-maps img {<br />
max-width: none;<br />
}<br />
<br />
button,<br />
input,<br />
select,<br />
textarea {<br />
margin: 0;<br />
font-size: 100%;<br />
vertical-align: middle;<br />
}<br />
<br />
button,<br />
input {<br />
*overflow: visible;<br />
line-height: normal;<br />
}<br />
<br />
button::-moz-focus-inner,<br />
input::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button,<br />
html input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"] {<br />
cursor: pointer;<br />
-webkit-appearance: button;<br />
}<br />
<br />
label,<br />
select,<br />
button,<br />
input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
cursor: pointer;<br />
}<br />
<br />
input[type="search"] {<br />
-webkit-box-sizing: content-box;<br />
-moz-box-sizing: content-box;<br />
box-sizing: content-box;<br />
-webkit-appearance: textfield;<br />
}<br />
<br />
input[type="search"]::-webkit-search-decoration,<br />
input[type="search"]::-webkit-search-cancel-button {<br />
-webkit-appearance: none;<br />
}<br />
<br />
textarea {<br />
overflow: auto;<br />
vertical-align: top;<br />
}<br />
<br />
@media print {<br />
* {<br />
color: #000 !important;<br />
text-shadow: none !important;<br />
background: transparent !important;<br />
box-shadow: none !important;<br />
}<br />
a,<br />
a:visited {<br />
text-decoration: underline;<br />
}<br />
a[href]:after {<br />
content: " (" attr(href) ")";<br />
}<br />
abbr[title]:after {<br />
content: " (" attr(title) ")";<br />
}<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: "";<br />
}<br />
pre,<br />
blockquote {<br />
border: 1px solid #999;<br />
page-break-inside: avoid;<br />
}<br />
thead {<br />
display: table-header-group;<br />
}<br />
tr,<br />
img {<br />
page-break-inside: avoid;<br />
}<br />
img {<br />
max-width: 100% !important;<br />
}<br />
@page {<br />
margin: 0.5cm;<br />
}<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3;<br />
}<br />
h2,<br />
h3 {<br />
page-break-after: avoid;<br />
}<br />
}<br />
<br />
body {<br />
margin: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
background-color: #ffffff;<br />
}<br />
<br />
a {<br />
color: #2e8bcc;<br />
text-decoration: none;<br />
}<br />
<br />
a:hover,<br />
a:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
}<br />
<br />
.img-rounded {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.img-polaroid {<br />
padding: 4px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.img-circle {<br />
-webkit-border-radius: 500px;<br />
-moz-border-radius: 500px;<br />
border-radius: 500px;<br />
}<br />
<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row:after {<br />
clear: both;<br />
}<br />
<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.span12 {<br />
width: 940px;<br />
}<br />
<br />
.span11 {<br />
width: 860px;<br />
}<br />
<br />
.span10 {<br />
width: 780px;<br />
}<br />
<br />
.span9 {<br />
width: 700px;<br />
}<br />
<br />
.span8 {<br />
width: 620px;<br />
}<br />
<br />
.span7 {<br />
width: 540px;<br />
}<br />
<br />
.span6 {<br />
width: 460px;<br />
}<br />
<br />
.span5 {<br />
width: 380px;<br />
}<br />
<br />
.span4 {<br />
width: 300px;<br />
}<br />
<br />
.span3 {<br />
width: 220px;<br />
}<br />
<br />
.span2 {<br />
width: 140px;<br />
}<br />
<br />
.span1 {<br />
width: 60px;<br />
}<br />
<br />
.offset12 {<br />
margin-left: 980px;<br />
}<br />
<br />
.offset11 {<br />
margin-left: 900px;<br />
}<br />
<br />
.offset10 {<br />
margin-left: 820px;<br />
}<br />
<br />
.offset9 {<br />
margin-left: 740px;<br />
}<br />
<br />
.offset8 {<br />
margin-left: 660px;<br />
}<br />
<br />
.offset7 {<br />
margin-left: 580px;<br />
}<br />
<br />
.offset6 {<br />
margin-left: 500px;<br />
}<br />
<br />
.offset5 {<br />
margin-left: 420px;<br />
}<br />
<br />
.offset4 {<br />
margin-left: 340px;<br />
}<br />
<br />
.offset3 {<br />
margin-left: 260px;<br />
}<br />
<br />
.offset2 {<br />
margin-left: 180px;<br />
}<br />
<br />
.offset1 {<br />
margin-left: 100px;<br />
}<br />
<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
*margin-left: 2.074468085106383%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.127659574468085%;<br />
}<br />
<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
<br />
.row-fluid .span11 {<br />
width: 91.48936170212765%;<br />
*width: 91.43617021276594%;<br />
}<br />
<br />
.row-fluid .span10 {<br />
width: 82.97872340425532%;<br />
*width: 82.92553191489361%;<br />
}<br />
<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
*width: 74.41489361702126%;<br />
}<br />
<br />
.row-fluid .span8 {<br />
width: 65.95744680851064%;<br />
*width: 65.90425531914893%;<br />
}<br />
<br />
.row-fluid .span7 {<br />
width: 57.44680851063829%;<br />
*width: 57.39361702127659%;<br />
}<br />
<br />
.row-fluid .span6 {<br />
width: 48.93617021276595%;<br />
*width: 48.88297872340425%;<br />
}<br />
<br />
.row-fluid .span5 {<br />
width: 40.42553191489362%;<br />
*width: 40.37234042553192%;<br />
}<br />
<br />
.row-fluid .span4 {<br />
width: 31.914893617021278%;<br />
*width: 31.861702127659576%;<br />
}<br />
<br />
.row-fluid .span3 {<br />
width: 23.404255319148934%;<br />
*width: 23.351063829787233%;<br />
}<br />
<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
*width: 14.840425531914894%;<br />
}<br />
<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
*width: 6.329787234042553%;<br />
}<br />
<br />
.row-fluid .offset12 {<br />
margin-left: 104.25531914893617%;<br />
*margin-left: 104.14893617021275%;<br />
}<br />
<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.12765957446808%;<br />
*margin-left: 102.02127659574467%;<br />
}<br />
<br />
.row-fluid .offset11 {<br />
margin-left: 95.74468085106382%;<br />
*margin-left: 95.6382978723404%;<br />
}<br />
<br />
.row-fluid .offset11:first-child {<br />
margin-left: 93.61702127659574%;<br />
*margin-left: 93.51063829787232%;<br />
}<br />
<br />
.row-fluid .offset10 {<br />
margin-left: 87.23404255319149%;<br />
*margin-left: 87.12765957446807%;<br />
}<br />
<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.1063829787234%;<br />
*margin-left: 84.99999999999999%;<br />
}<br />
<br />
.row-fluid .offset9 {<br />
margin-left: 78.72340425531914%;<br />
*margin-left: 78.61702127659572%;<br />
}<br />
<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.59574468085106%;<br />
*margin-left: 76.48936170212764%;<br />
}<br />
<br />
.row-fluid .offset8 {<br />
margin-left: 70.2127659574468%;<br />
*margin-left: 70.10638297872339%;<br />
}<br />
<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.08510638297872%;<br />
*margin-left: 67.9787234042553%;<br />
}<br />
<br />
.row-fluid .offset7 {<br />
margin-left: 61.70212765957446%;<br />
*margin-left: 61.59574468085106%;<br />
}<br />
<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.574468085106375%;<br />
*margin-left: 59.46808510638297%;<br />
}<br />
<br />
.row-fluid .offset6 {<br />
margin-left: 53.191489361702125%;<br />
*margin-left: 53.085106382978715%;<br />
}<br />
<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.063829787234035%;<br />
*margin-left: 50.95744680851063%;<br />
}<br />
<br />
.row-fluid .offset5 {<br />
margin-left: 44.68085106382979%;<br />
*margin-left: 44.57446808510638%;<br />
}<br />
<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.5531914893617%;<br />
*margin-left: 42.4468085106383%;<br />
}<br />
<br />
.row-fluid .offset4 {<br />
margin-left: 36.170212765957444%;<br />
*margin-left: 36.06382978723405%;<br />
}<br />
<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.04255319148936%;<br />
*margin-left: 33.93617021276596%;<br />
}<br />
<br />
.row-fluid .offset3 {<br />
margin-left: 27.659574468085104%;<br />
*margin-left: 27.5531914893617%;<br />
}<br />
<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.53191489361702%;<br />
*margin-left: 25.425531914893618%;<br />
}<br />
<br />
.row-fluid .offset2 {<br />
margin-left: 19.148936170212764%;<br />
*margin-left: 19.04255319148936%;<br />
}<br />
<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.02127659574468%;<br />
*margin-left: 16.914893617021278%;<br />
}<br />
<br />
.row-fluid .offset1 {<br />
margin-left: 10.638297872340425%;<br />
*margin-left: 10.53191489361702%;<br />
}<br />
<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.51063829787234%;<br />
*margin-left: 8.404255319148938%;<br />
}<br />
<br />
[class*="span"].hide,<br />
.row-fluid [class*="span"].hide {<br />
display: none;<br />
}<br />
<br />
[class*="span"].pull-right,<br />
.row-fluid [class*="span"].pull-right {<br />
float: right;<br />
}<br />
<br />
.container {<br />
margin-right: auto;<br />
margin-left: auto;<br />
*zoom: 1;<br />
}<br />
<br />
.container:before,<br />
.container:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container:after {<br />
clear: both;<br />
}<br />
<br />
.container-fluid {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.container-fluid:before,<br />
.container-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container-fluid:after {<br />
clear: both;<br />
}<br />
<br />
p {<br />
margin: 0 0 10px;<br />
}<br />
<br />
.lead {<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
}<br />
<br />
small {<br />
font-size: 85%;<br />
}<br />
<br />
strong {<br />
font-weight: bold;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
cite {<br />
font-style: normal;<br />
}<br />
<br />
.muted {<br />
color: #999999;<br />
}<br />
<br />
a.muted:hover,<br />
a.muted:focus {<br />
color: #808080;<br />
}<br />
<br />
.text-warning {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-error {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-info {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-success {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-left {<br />
text-align: left;<br />
}<br />
<br />
.text-right {<br />
text-align: right;<br />
}<br />
<br />
.text-center {<br />
text-align: center;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin: 10px 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 20px;<br />
color: inherit;<br />
text-rendering: optimizelegibility;<br />
}<br />
<br />
h1 small,<br />
h2 small,<br />
h3 small,<br />
h4 small,<br />
h5 small,<br />
h6 small {<br />
font-weight: normal;<br />
line-height: 1;<br />
color: #999999;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3 {<br />
line-height: 40px;<br />
}<br />
<br />
h1 {<br />
font-size: 38.5px;<br />
}<br />
<br />
h2 {<br />
font-size: 31.5px;<br />
}<br />
<br />
h3 {<br />
font-size: 24.5px;<br />
}<br />
<br />
h4 {<br />
font-size: 17.5px;<br />
}<br />
<br />
h5 {<br />
font-size: 14px;<br />
}<br />
<br />
h6 {<br />
font-size: 11.9px;<br />
}<br />
<br />
h1 small {<br />
font-size: 24.5px;<br />
}<br />
<br />
h2 small {<br />
font-size: 17.5px;<br />
}<br />
<br />
h3 small {<br />
font-size: 14px;<br />
}<br />
<br />
h4 small {<br />
font-size: 14px;<br />
}<br />
<br />
.page-header {<br />
padding-bottom: 9px;<br />
margin: 20px 0 30px;<br />
border-bottom: 1px solid #eeeeee;<br />
}<br />
<br />
ul,<br />
ol {<br />
padding: 0;<br />
margin: 0 0 10px 25px;<br />
}<br />
<br />
ul ul,<br />
ul ol,<br />
ol ol,<br />
ol ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
li {<br />
line-height: 20px;<br />
}<br />
<br />
ul.unstyled,<br />
ol.unstyled {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline,<br />
ol.inline {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline > li,<br />
ol.inline > li {<br />
display: inline-block;<br />
*display: inline;<br />
padding-right: 5px;<br />
padding-left: 5px;<br />
*zoom: 1;<br />
}<br />
<br />
dl {<br />
margin-bottom: 20px;<br />
}<br />
<br />
dt,<br />
dd {<br />
line-height: 20px;<br />
}<br />
<br />
dt {<br />
font-weight: bold;<br />
}<br />
<br />
dd {<br />
margin-left: 10px;<br />
}<br />
<br />
.dl-horizontal {<br />
*zoom: 1;<br />
}<br />
<br />
.dl-horizontal:before,<br />
.dl-horizontal:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.dl-horizontal:after {<br />
clear: both;<br />
}<br />
<br />
.dl-horizontal dt {<br />
float: left;<br />
width: 160px;<br />
overflow: hidden;<br />
clear: left;<br />
text-align: right;<br />
text-overflow: ellipsis;<br />
white-space: nowrap;<br />
}<br />
<br />
.dl-horizontal dd {<br />
margin-left: 180px;<br />
}<br />
<br />
hr {<br />
margin: 20px 0;<br />
border: 0;<br />
border-top: 1px solid #eeeeee;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
abbr[title],<br />
abbr[data-original-title] {<br />
cursor: help;<br />
border-bottom: 1px dotted #999999;<br />
}<br />
<br />
abbr.initialism {<br />
font-size: 90%;<br />
text-transform: uppercase;<br />
}<br />
<br />
blockquote {<br />
padding: 0 0 0 15px;<br />
margin: 0 0 20px;<br />
border-left: 5px solid #eeeeee;<br />
}<br />
<br />
blockquote p {<br />
margin-bottom: 0;<br />
font-size: 17.5px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
}<br />
<br />
blockquote small {<br />
display: block;<br />
line-height: 20px;<br />
color: #999999;<br />
}<br />
<br />
blockquote small:before {<br />
content: '\2014 \00A0';<br />
}<br />
<br />
blockquote.pull-right {<br />
float: right;<br />
padding-right: 15px;<br />
padding-left: 0;<br />
border-right: 5px solid #eeeeee;<br />
border-left: 0;<br />
}<br />
<br />
blockquote.pull-right p,<br />
blockquote.pull-right small {<br />
text-align: right;<br />
}<br />
<br />
blockquote.pull-right small:before {<br />
content: '';<br />
}<br />
<br />
blockquote.pull-right small:after {<br />
content: '\00A0 \2014';<br />
}<br />
<br />
q:before,<br />
q:after,<br />
blockquote:before,<br />
blockquote:after {<br />
content: "";<br />
}<br />
<br />
address {<br />
display: block;<br />
margin-bottom: 20px;<br />
font-style: normal;<br />
line-height: 20px;<br />
}<br />
<br />
code,<br />
pre {<br />
padding: 0 3px 2px;<br />
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #333333;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
code {<br />
padding: 2px 4px;<br />
color: #d14;<br />
white-space: nowrap;<br />
background-color: #f7f7f9;<br />
border: 1px solid #e1e1e8;<br />
}<br />
<br />
pre {<br />
display: block;<br />
padding: 9.5px;<br />
margin: 0 0 10px;<br />
font-size: 13px;<br />
line-height: 20px;<br />
word-break: break-all;<br />
word-wrap: break-word;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.15);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
pre.prettyprint {<br />
margin-bottom: 20px;<br />
}<br />
<br />
pre code {<br />
padding: 0;<br />
color: inherit;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.pre-scrollable {<br />
max-height: 340px;<br />
overflow-y: scroll;<br />
}<br />
<br />
form {<br />
margin: 0 0 20px;<br />
}<br />
<br />
fieldset {<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
legend {<br />
display: block;<br />
width: 100%;<br />
padding: 0;<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
line-height: 40px;<br />
color: #333333;<br />
border: 0;<br />
border-bottom: 1px solid #e5e5e5;<br />
}<br />
<br />
legend small {<br />
font-size: 15px;<br />
color: #999999;<br />
}<br />
<br />
label,<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
}<br />
<br />
label {<br />
display: block;<br />
margin-bottom: 5px;<br />
}<br />
<br />
select,<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
display: inline-block;<br />
height: 20px;<br />
padding: 4px 6px;<br />
margin-bottom: 10px;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #555555;<br />
vertical-align: middle;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
width: 206px;<br />
}<br />
<br />
textarea {<br />
height: auto;<br />
}<br />
<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-o-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
transition: border linear 0.2s, box-shadow linear 0.2s;<br />
}<br />
<br />
textarea:focus,<br />
input[type="text"]:focus,<br />
input[type="password"]:focus,<br />
input[type="datetime"]:focus,<br />
input[type="datetime-local"]:focus,<br />
input[type="date"]:focus,<br />
input[type="month"]:focus,<br />
input[type="time"]:focus,<br />
input[type="week"]:focus,<br />
input[type="number"]:focus,<br />
input[type="email"]:focus,<br />
input[type="url"]:focus,<br />
input[type="search"]:focus,<br />
input[type="tel"]:focus,<br />
input[type="color"]:focus,<br />
.uneditable-input:focus {<br />
border-color: rgba(82, 168, 236, 0.8);<br />
outline: 0;<br />
outline: thin dotted \9;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
box-shadow: none;<br />
}<br />
<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
margin: 4px 0 0;<br />
margin-top: 1px \9;<br />
*margin-top: 0;<br />
line-height: normal;<br />
}<br />
<br />
input[type="file"],<br />
input[type="image"],<br />
input[type="submit"],<br />
input[type="reset"],<br />
input[type="button"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
width: auto;<br />
}<br />
<br />
select,<br />
input[type="file"] {<br />
height: 30px;<br />
/* In IE7, the height of the select element cannot be changed by height, only font-size */<br />
<br />
*margin-top: 4px;<br />
/* For IE7, add top margin to align select with labels */<br />
<br />
line-height: 30px;<br />
}<br />
<br />
select {<br />
width: 220px;<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
}<br />
<br />
select[multiple],<br />
select[size] {<br />
height: auto;<br />
}<br />
<br />
select:focus,<br />
input[type="file"]:focus,<br />
input[type="radio"]:focus,<br />
input[type="checkbox"]:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.uneditable-input,<br />
.uneditable-textarea {<br />
color: #999999;<br />
cursor: not-allowed;<br />
background-color: #fcfcfc;<br />
border-color: #cccccc;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
box-shadow: none;<br />
}<br />
<br />
.uneditable-input {<br />
overflow: hidden;<br />
white-space: nowrap;<br />
}<br />
<br />
.uneditable-textarea {<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
input:-moz-placeholder,<br />
textarea:-moz-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input:-ms-input-placeholder,<br />
textarea:-ms-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input::-webkit-input-placeholder,<br />
textarea::-webkit-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
.radio,<br />
.checkbox {<br />
min-height: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.radio input[type="radio"],<br />
.checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-left: -20px;<br />
}<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 5px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
display: inline-block;<br />
padding-top: 5px;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.radio.inline + .radio.inline,<br />
.checkbox.inline + .checkbox.inline {<br />
margin-left: 10px;<br />
}<br />
<br />
.input-mini {<br />
width: 60px;<br />
}<br />
<br />
.input-small {<br />
width: 90px;<br />
}<br />
<br />
.input-medium {<br />
width: 150px;<br />
}<br />
<br />
.input-large {<br />
width: 210px;<br />
}<br />
<br />
.input-xlarge {<br />
width: 270px;<br />
}<br />
<br />
.input-xxlarge {<br />
width: 530px;<br />
}<br />
<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"] {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.input-append input[class*="span"],<br />
.input-append .uneditable-input[class*="span"],<br />
.input-prepend input[class*="span"],<br />
.input-prepend .uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"],<br />
.row-fluid .input-prepend [class*="span"],<br />
.row-fluid .input-append [class*="span"] {<br />
display: inline-block;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 926px;<br />
}<br />
<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 846px;<br />
}<br />
<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 766px;<br />
}<br />
<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 686px;<br />
}<br />
<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 606px;<br />
}<br />
<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 526px;<br />
}<br />
<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 446px;<br />
}<br />
<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 366px;<br />
}<br />
<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 286px;<br />
}<br />
<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 206px;<br />
}<br />
<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 126px;<br />
}<br />
<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 46px;<br />
}<br />
<br />
.controls-row {<br />
*zoom: 1;<br />
}<br />
<br />
.controls-row:before,<br />
.controls-row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.controls-row:after {<br />
clear: both;<br />
}<br />
<br />
.controls-row [class*="span"],<br />
.row-fluid .controls-row [class*="span"] {<br />
float: left;<br />
}<br />
<br />
.controls-row .checkbox[class*="span"],<br />
.controls-row .radio[class*="span"] {<br />
padding-top: 5px;<br />
}<br />
<br />
input[disabled],<br />
select[disabled],<br />
textarea[disabled],<br />
input[readonly],<br />
select[readonly],<br />
textarea[readonly] {<br />
cursor: not-allowed;<br />
background-color: #eeeeee;<br />
}<br />
<br />
input[type="radio"][disabled],<br />
input[type="checkbox"][disabled],<br />
input[type="radio"][readonly],<br />
input[type="checkbox"][readonly] {<br />
background-color: transparent;<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #ffffff;<br />
}<br />
<br />
input:focus:invalid,<br />
textarea:focus:invalid,<br />
select:focus:invalid {<br />
color: #b94a48;<br />
border-color: #ee5f5b;<br />
}<br />
<br />
input:focus:invalid:focus,<br />
textarea:focus:invalid:focus,<br />
select:focus:invalid:focus {<br />
border-color: #e9322d;<br />
-webkit-box-shadow: 0 0 6px #f8b9b7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 6px #f8b9b7;<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 6px #f8b9b7;<br />
box-shadow: none;<br />
}<br />
<br />
.form-actions {<br />
padding: 19px 20px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #e5e5e5;<br />
*zoom: 1;<br />
}<br />
<br />
.form-actions:before,<br />
.form-actions:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-actions:after {<br />
clear: both;<br />
}<br />
<br />
.help-block,<br />
.help-inline {<br />
color: #595959;<br />
}<br />
<br />
.help-block {<br />
display: block;<br />
margin-bottom: 10px;<br />
}<br />
<br />
.help-inline {<br />
display: inline-block;<br />
*display: inline;<br />
padding-left: 5px;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.input-append,<br />
.input-prepend {<br />
display: inline-block;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input,<br />
.input-append .dropdown-menu,<br />
.input-prepend .dropdown-menu,<br />
.input-append .popover,<br />
.input-prepend .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input {<br />
position: relative;<br />
margin-bottom: 0;<br />
*margin-left: 0;<br />
vertical-align: top;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input:focus,<br />
.input-prepend input:focus,<br />
.input-append select:focus,<br />
.input-prepend select:focus,<br />
.input-append .uneditable-input:focus,<br />
.input-prepend .uneditable-input:focus {<br />
z-index: 2;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on {<br />
display: inline-block;<br />
width: auto;<br />
height: 20px;<br />
min-width: 16px;<br />
padding: 4px 5px;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on,<br />
.input-append .btn,<br />
.input-prepend .btn,<br />
.input-append .btn-group > .dropdown-toggle,<br />
.input-prepend .btn-group > .dropdown-toggle {<br />
vertical-align: top;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-append .active,<br />
.input-prepend .active {<br />
background-color: #8cd98c;<br />
border-color: #339933;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-prepend .btn {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input,<br />
.input-append select,<br />
.input-append .uneditable-input {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input + .btn-group .btn:last-child,<br />
.input-append select + .btn-group .btn:last-child,<br />
.input-append .uneditable-input + .btn-group .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-append .btn,<br />
.input-append .btn-group {<br />
margin-left: -1px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child,<br />
.input-append .btn-group:last-child > .dropdown-toggle {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append input,<br />
.input-prepend.input-append select,<br />
.input-prepend.input-append .uneditable-input {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-prepend.input-append input + .btn-group .btn,<br />
.input-prepend.input-append select + .btn-group .btn,<br />
.input-prepend.input-append .uneditable-input + .btn-group .btn {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:last-child,<br />
.input-prepend.input-append .btn:last-child {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .btn-group:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
input.search-query {<br />
padding-right: 14px;<br />
padding-right: 4px \9;<br />
padding-left: 14px;<br />
padding-left: 4px \9;<br />
/* IE7-8 doesn't have border-radius, so don't indent the padding */<br />
<br />
margin-bottom: 0;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
/* Allow for input prepend/append in search forms */<br />
<br />
.form-search .input-append .search-query,<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search input,<br />
.form-inline input,<br />
.form-horizontal input,<br />
.form-search textarea,<br />
.form-inline textarea,<br />
.form-horizontal textarea,<br />
.form-search select,<br />
.form-inline select,<br />
.form-horizontal select,<br />
.form-search .help-inline,<br />
.form-inline .help-inline,<br />
.form-horizontal .help-inline,<br />
.form-search .uneditable-input,<br />
.form-inline .uneditable-input,<br />
.form-horizontal .uneditable-input,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend,<br />
.form-horizontal .input-prepend,<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-horizontal .input-append {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.form-search .hide,<br />
.form-inline .hide,<br />
.form-horizontal .hide {<br />
display: none;<br />
}<br />
<br />
.form-search label,<br />
.form-inline label,<br />
.form-search .btn-group,<br />
.form-inline .btn-group {<br />
display: inline-block;<br />
}<br />
<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-search .radio,<br />
.form-search .checkbox,<br />
.form-inline .radio,<br />
.form-inline .checkbox {<br />
padding-left: 0;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.form-search .radio input[type="radio"],<br />
.form-search .checkbox input[type="checkbox"],<br />
.form-inline .radio input[type="radio"],<br />
.form-inline .checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-right: 3px;<br />
margin-left: 0;<br />
}<br />
<br />
.control-group {<br />
margin-bottom: 10px;<br />
}<br />
<br />
legend + .control-group {<br />
margin-top: 20px;<br />
-webkit-margin-top-collapse: separate;<br />
}<br />
<br />
.form-horizontal .control-group {<br />
margin-bottom: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.form-horizontal .control-group:before,<br />
.form-horizontal .control-group:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-horizontal .control-group:after {<br />
clear: both;<br />
}<br />
<br />
.form-horizontal .control-label {<br />
float: left;<br />
width: 160px;<br />
padding-top: 5px;<br />
text-align: right;<br />
}<br />
<br />
.form-horizontal .controls {<br />
*display: inline-block;<br />
*padding-left: 20px;<br />
margin-left: 180px;<br />
*margin-left: 0;<br />
}<br />
<br />
.form-horizontal .controls:first-child {<br />
*padding-left: 180px;<br />
}<br />
<br />
.form-horizontal .help-block {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-horizontal input + .help-block,<br />
.form-horizontal select + .help-block,<br />
.form-horizontal textarea + .help-block,<br />
.form-horizontal .uneditable-input + .help-block,<br />
.form-horizontal .input-prepend + .help-block,<br />
.form-horizontal .input-append + .help-block {<br />
margin-top: 10px;<br />
}<br />
<br />
.form-horizontal .form-actions {<br />
padding-left: 180px;<br />
}<br />
<br />
table {<br />
max-width: 100%;<br />
background-color: transparent;<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
<br />
.table {<br />
width: 100%;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
padding: 8px;<br />
line-height: 20px;<br />
text-align: left;<br />
vertical-align: top;<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-weight: bold;<br />
}<br />
<br />
.table thead th {<br />
vertical-align: bottom;<br />
}<br />
<br />
.table caption + thead tr:first-child th,<br />
.table caption + thead tr:first-child td,<br />
.table colgroup + thead tr:first-child th,<br />
.table colgroup + thead tr:first-child td,<br />
.table thead:first-child tr:first-child th,<br />
.table thead:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table tbody + tbody {<br />
border-top: 2px solid #cccccc;<br />
}<br />
<br />
.table .table {<br />
background-color: #ffffff;<br />
}<br />
<br />
.table-condensed th,<br />
.table-condensed td {<br />
padding: 4px 5px;<br />
}<br />
<br />
.table-bordered {<br />
border: 1px solid #cccccc;<br />
border-collapse: separate;<br />
*border-collapse: collapse;<br />
border-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-left: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child td,<br />
.table-bordered colgroup + thead tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child td,<br />
.table-bordered thead:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:first-child,<br />
.table-bordered tbody:first-child tr:first-child > td:first-child,<br />
.table-bordered tbody:first-child tr:first-child > th:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:last-child,<br />
.table-bordered tbody:first-child tr:first-child > td:last-child,<br />
.table-bordered tbody:first-child tr:first-child > th:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:first-child,<br />
.table-bordered tbody:last-child tr:last-child > td:first-child,<br />
.table-bordered tbody:last-child tr:last-child > th:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:last-child,<br />
.table-bordered tbody:last-child tr:last-child > td:last-child,<br />
.table-bordered tbody:last-child tr:last-child > th:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-striped tbody > tr:nth-child(odd) > td,<br />
.table-striped tbody > tr:nth-child(odd) > th {<br />
background-color: #f9f9f9;<br />
}<br />
<br />
.table-hover tbody tr:hover > td,<br />
.table-hover tbody tr:hover > th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
table td[class*="span"],<br />
table th[class*="span"],<br />
.row-fluid table td[class*="span"],<br />
.row-fluid table th[class*="span"] {<br />
display: table-cell;<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span1,<br />
.table th.span1 {<br />
float: none;<br />
width: 44px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span2,<br />
.table th.span2 {<br />
float: none;<br />
width: 124px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span3,<br />
.table th.span3 {<br />
float: none;<br />
width: 204px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span4,<br />
.table th.span4 {<br />
float: none;<br />
width: 284px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span5,<br />
.table th.span5 {<br />
float: none;<br />
width: 364px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span6,<br />
.table th.span6 {<br />
float: none;<br />
width: 444px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span7,<br />
.table th.span7 {<br />
float: none;<br />
width: 524px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span8,<br />
.table th.span8 {<br />
float: none;<br />
width: 604px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span9,<br />
.table th.span9 {<br />
float: none;<br />
width: 684px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span10,<br />
.table th.span10 {<br />
float: none;<br />
width: 764px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span11,<br />
.table th.span11 {<br />
float: none;<br />
width: 844px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span12,<br />
.table th.span12 {<br />
float: none;<br />
width: 924px;<br />
margin-left: 0;<br />
}<br />
<br />
.table tbody tr.success > td {<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error > td {<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning > td {<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info > td {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr.success:hover > td {<br />
background-color: #018a18;<br />
}<br />
<br />
.table-hover tbody tr.error:hover > td {<br />
background-color: #a6193f;<br />
}<br />
<br />
.table-hover tbody tr.warning:hover > td {<br />
background-color: #d78708;<br />
}<br />
<br />
.table-hover tbody tr.info:hover > td {<br />
background-color: #157cee;<br />
}<br />
<br />
.dropup,<br />
.dropdown {<br />
position: relative;<br />
}<br />
<br />
.dropdown-toggle {<br />
*margin-bottom: -3px;<br />
}<br />
<br />
.dropdown-toggle:active,<br />
.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.caret {<br />
display: inline-block;<br />
width: 0;<br />
height: 0;<br />
vertical-align: top;<br />
border-top: 4px solid #000000;<br />
border-right: 4px solid transparent;<br />
border-left: 4px solid transparent;<br />
content: "";<br />
}<br />
<br />
.dropdown .caret {<br />
margin-top: 8px;<br />
margin-left: 2px;<br />
}<br />
<br />
.dropdown-menu {<br />
position: absolute;<br />
top: 100%;<br />
left: 0;<br />
z-index: 1000;<br />
display: none;<br />
float: left;<br />
min-width: 160px;<br />
padding: 5px 0;<br />
margin: 2px 0 0;<br />
list-style: none;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
*border-right-width: 2px;<br />
*border-bottom-width: 2px;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropdown-menu .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.dropdown-menu > li > a {<br />
display: block;<br />
padding: 3px 20px;<br />
clear: both;<br />
font-weight: normal;<br />
line-height: 20px;<br />
color: #333333;<br />
white-space: nowrap;<br />
}<br />
<br />
.dropdown-menu > li > a:hover,<br />
.dropdown-menu > li > a:focus,<br />
.dropdown-submenu:hover > a,<br />
.dropdown-submenu:focus > a {<br />
color: #ffffff;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .active > a,<br />
.dropdown-menu > .active > a:hover,<br />
.dropdown-menu > .active > a:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
outline: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .disabled > a,<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
color: #999999;<br />
}<br />
<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
background-image: none;<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.open {<br />
*z-index: 1000;<br />
}<br />
<br />
.open > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.pull-right > .dropdown-menu {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border-top: 0;<br />
border-bottom: 4px solid #000000;<br />
content: "";<br />
}<br />
<br />
.dropup .dropdown-menu,<br />
.navbar-fixed-bottom .dropdown .dropdown-menu {<br />
top: auto;<br />
bottom: 100%;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.dropdown-submenu {<br />
position: relative;<br />
}<br />
<br />
.dropdown-submenu > .dropdown-menu {<br />
top: 0;<br />
left: 100%;<br />
margin-top: -6px;<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 6px 6px 6px;<br />
-moz-border-radius: 0 6px 6px 6px;<br />
border-radius: 0 6px 6px 6px;<br />
}<br />
<br />
.dropdown-submenu:hover > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.dropup .dropdown-submenu > .dropdown-menu {<br />
top: auto;<br />
bottom: 0;<br />
margin-top: 0;<br />
margin-bottom: -2px;<br />
-webkit-border-radius: 5px 5px 5px 0;<br />
-moz-border-radius: 5px 5px 5px 0;<br />
border-radius: 5px 5px 5px 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
display: block;<br />
float: right;<br />
width: 0;<br />
height: 0;<br />
margin-top: 5px;<br />
margin-right: -10px;<br />
border-color: transparent;<br />
border-left-color: #cccccc;<br />
border-style: solid;<br />
border-width: 5px 0 5px 5px;<br />
content: " ";<br />
}<br />
<br />
.dropdown-submenu:hover > a:after {<br />
border-left-color: #ffffff;<br />
}<br />
<br />
.dropdown-submenu.pull-left {<br />
float: none;<br />
}<br />
<br />
.dropdown-submenu.pull-left > .dropdown-menu {<br />
left: -100%;<br />
margin-left: 10px;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.dropdown .dropdown-menu .nav-header {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.typeahead {<br />
z-index: 1051;<br />
margin-top: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.well {<br />
min-height: 20px;<br />
padding: 19px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border: 1px solid #e3e3e3;<br />
}<br />
<br />
.well blockquote {<br />
border-color: #ddd;<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.well-large {<br />
padding: 24px;<br />
}<br />
<br />
.well-small {<br />
padding: 9px;<br />
}<br />
<br />
.fade {<br />
opacity: 0;<br />
-webkit-transition: opacity 0.15s linear;<br />
-moz-transition: opacity 0.15s linear;<br />
-o-transition: opacity 0.15s linear;<br />
transition: opacity 0.15s linear;<br />
}<br />
<br />
.fade.in {<br />
opacity: 1;<br />
}<br />
<br />
.collapse {<br />
position: relative;<br />
height: 0;<br />
overflow: hidden;<br />
-webkit-transition: height 0.35s ease;<br />
-moz-transition: height 0.35s ease;<br />
-o-transition: height 0.35s ease;<br />
transition: height 0.35s ease;<br />
}<br />
<br />
.collapse.in {<br />
height: auto;<br />
}<br />
<br />
.close {<br />
float: right;<br />
font-size: 20px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #000000;<br />
text-shadow: 0 1px 0 #ffffff;<br />
opacity: 0.2;<br />
filter: alpha(opacity=20);<br />
}<br />
<br />
.close:hover,<br />
.close:focus {<br />
color: #000000;<br />
text-decoration: none;<br />
cursor: pointer;<br />
opacity: 0.4;<br />
filter: alpha(opacity=40);<br />
}<br />
<br />
button.close {<br />
padding: 0;<br />
cursor: pointer;<br />
background: transparent;<br />
border: 0;<br />
-webkit-appearance: none;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
*display: inline;<br />
padding: 4px 12px;<br />
margin-bottom: 0;<br />
*margin-left: .3em;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
text-align: center;<br />
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);<br />
vertical-align: middle;<br />
cursor: pointer;<br />
background-color: #eeeeee;<br />
*background-color: #eeeeee;<br />
background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));<br />
background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #cccccc;<br />
*border: 0;<br />
border-color: #eeeeee #eeeeee #c8c8c8;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
border-bottom-color: #b3b3b3;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
color: #333333;<br />
background-color: #eeeeee;<br />
*background-color: #e1e1e1;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #d5d5d5 \9;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-position: 0 -15px;<br />
-webkit-transition: background-position 0.1s linear;<br />
-moz-transition: background-position 0.1s linear;<br />
-o-transition: background-position 0.1s linear;<br />
transition: background-position 0.1s linear;<br />
}<br />
<br />
.btn:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-image: none;<br />
outline: 0;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
cursor: default;<br />
background-image: none;<br />
opacity: 0.65;<br />
filter: alpha(opacity=65);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-large {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-large [class^="icon-"],<br />
.btn-large [class*=" icon-"] {<br />
margin-top: 4px;<br />
}<br />
<br />
.btn-small {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-small [class^="icon-"],<br />
.btn-small [class*=" icon-"] {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-mini [class^="icon-"],<br />
.btn-mini [class*=" icon-"] {<br />
margin-top: -1px;<br />
}<br />
<br />
.btn-mini {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-block {<br />
display: block;<br />
width: 100%;<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.btn-block + .btn-block {<br />
margin-top: 5px;<br />
}<br />
<br />
input[type="submit"].btn-block,<br />
input[type="reset"].btn-block,<br />
input[type="button"].btn-block {<br />
width: 100%;<br />
}<br />
<br />
.btn-primary.active,<br />
.btn-warning.active,<br />
.btn-danger.active,<br />
.btn-success.active,<br />
.btn-info.active,<br />
.btn-inverse.active {<br />
color: rgba(255, 255, 255, 0.75);<br />
}<br />
<br />
.btn-primary {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #2e7bcc;<br />
*background-color: #2e63cc;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2e63cc #2e63cc #20458e;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:focus,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
color: #ffffff;<br />
background-color: #2e63cc;<br />
*background-color: #2959b7;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #254fa2 \9;<br />
}<br />
<br />
.btn-warning {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #f5a932;<br />
*background-color: #f09609;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #f09609 #f09609 #a66806;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:focus,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
*background-color: #d78708;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #bf7707 \9;<br />
}<br />
<br />
.btn-danger {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #da4f49;<br />
*background-color: #bd362f;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #bd362f #bd362f #802420;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:focus,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
color: #ffffff;<br />
background-color: #bd362f;<br />
*background-color: #a9302a;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25 \9;<br />
}<br />
<br />
.btn-success {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #5bb75b;<br />
*background-color: #51a351;<br />
background-image: -moz-linear-gradient(top, #62c462, #51a351);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));<br />
background-image: -webkit-linear-gradient(top, #62c462, #51a351);<br />
background-image: -o-linear-gradient(top, #62c462, #51a351);<br />
background-image: linear-gradient(to bottom, #62c462, #51a351);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #51a351 #51a351 #387038;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:focus,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
color: #ffffff;<br />
background-color: #51a351;<br />
*background-color: #499249;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140 \9;<br />
}<br />
<br />
.btn-info {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #49afcd;<br />
*background-color: #2f96b4;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2f96b4 #2f96b4 #1f6377;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:focus,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
color: #ffffff;<br />
background-color: #2f96b4;<br />
*background-color: #2a85a0;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c \9;<br />
}<br />
<br />
.btn-inverse {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #414141;<br />
*background-color: #222222;<br />
background-image: -moz-linear-gradient(top, #555555, #222222);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));<br />
background-image: -webkit-linear-gradient(top, #555555, #222222);<br />
background-image: -o-linear-gradient(top, #555555, #222222);<br />
background-image: linear-gradient(to bottom, #555555, #222222);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #222222 #222222 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:focus,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
color: #ffffff;<br />
background-color: #222222;<br />
*background-color: #151515;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808 \9;<br />
}<br />
<br />
button.btn,<br />
input[type="submit"].btn {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn::-moz-focus-inner,<br />
input[type="submit"].btn::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button.btn.btn-large,<br />
input[type="submit"].btn.btn-large {<br />
*padding-top: 7px;<br />
*padding-bottom: 7px;<br />
}<br />
<br />
button.btn.btn-small,<br />
input[type="submit"].btn.btn-small {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn.btn-mini,<br />
input[type="submit"].btn.btn-mini {<br />
*padding-top: 1px;<br />
*padding-bottom: 1px;<br />
}<br />
<br />
.btn-link,<br />
.btn-link:active,<br />
.btn-link[disabled] {<br />
background-color: transparent;<br />
background-image: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-link {<br />
color: #2e8bcc;<br />
cursor: pointer;<br />
border-color: transparent;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-link:hover,<br />
.btn-link:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
background-color: transparent;<br />
}<br />
<br />
.btn-link[disabled]:hover,<br />
.btn-link[disabled]:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
}<br />
<br />
.btn-group {<br />
position: relative;<br />
display: inline-block;<br />
*display: inline;<br />
*margin-left: .3em;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn-group + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-toolbar {<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.btn-toolbar > .btn + .btn,<br />
.btn-toolbar > .btn-group + .btn,<br />
.btn-toolbar > .btn + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-group > .btn {<br />
position: relative;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group > .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.btn-group > .btn,<br />
.btn-group > .dropdown-menu,<br />
.btn-group > .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.btn-group > .btn-mini {<br />
font-size: 10.5px;<br />
}<br />
<br />
.btn-group > .btn-small {<br />
font-size: 11.9px;<br />
}<br />
<br />
.btn-group > .btn-large {<br />
font-size: 17.5px;<br />
}<br />
<br />
.btn-group > .btn:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn.large:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn.large:last-child,<br />
.btn-group > .large.dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn:hover,<br />
.btn-group > .btn:focus,<br />
.btn-group > .btn:active,<br />
.btn-group > .btn.active {<br />
z-index: 2;<br />
}<br />
<br />
.btn-group .dropdown-toggle:active,<br />
.btn-group.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
*padding-top: 5px;<br />
padding-right: 8px;<br />
*padding-bottom: 5px;<br />
padding-left: 8px;<br />
-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);<br />
-webkit-box-shadow: none;<br />
-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);<br />
-moz-box-shadow: none;<br />
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);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
*padding-top: 2px;<br />
padding-right: 5px;<br />
*padding-bottom: 2px;<br />
padding-left: 5px;<br />
}<br />
<br />
.btn-group > .btn-small + .dropdown-toggle {<br />
*padding-top: 5px;<br />
*padding-bottom: 4px;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
*padding-top: 7px;<br />
padding-right: 12px;<br />
*padding-bottom: 7px;<br />
padding-left: 12px;<br />
}<br />
<br />
.btn-group.open .dropdown-toggle {<br />
background-image: none;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group.open .btn.dropdown-toggle {<br />
background-color: #eeeeee;<br />
}<br />
<br />
.btn-group.open .btn-primary.dropdown-toggle {<br />
background-color: #2e63cc;<br />
}<br />
<br />
.btn-group.open .btn-warning.dropdown-toggle {<br />
background-color: #f09609;<br />
}<br />
<br />
.btn-group.open .btn-danger.dropdown-toggle {<br />
background-color: #bd362f;<br />
}<br />
<br />
.btn-group.open .btn-success.dropdown-toggle {<br />
background-color: #51a351;<br />
}<br />
<br />
.btn-group.open .btn-info.dropdown-toggle {<br />
background-color: #2f96b4;<br />
}<br />
<br />
.btn-group.open .btn-inverse.dropdown-toggle {<br />
background-color: #222222;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 8px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
margin-top: 6px;<br />
}<br />
<br />
.btn-large .caret {<br />
border-top-width: 5px;<br />
border-right-width: 5px;<br />
border-left-width: 5px;<br />
}<br />
<br />
.btn-mini .caret,<br />
.btn-small .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border-bottom-width: 5px;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.btn-group-vertical {<br />
display: inline-block;<br />
*display: inline;<br />
/* IE7 inline-block hack */<br />
<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group-vertical > .btn {<br />
display: block;<br />
float: none;<br />
max-width: 100%;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn + .btn {<br />
margin-top: -1px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.alert {<br />
padding: 8px 35px 8px 14px;<br />
margin-bottom: 20px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
background-color: #f09609;<br />
border: 1px solid #e16908;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.alert,<br />
.alert h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert h4 {<br />
margin: 0;<br />
}<br />
<br />
.alert .close {<br />
position: relative;<br />
top: -2px;<br />
right: -21px;<br />
line-height: 20px;<br />
}<br />
<br />
.alert-success {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #018a01;<br />
}<br />
<br />
.alert-success h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-danger,<br />
.alert-error {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #af1a5c;<br />
}<br />
<br />
.alert-danger h4,<br />
.alert-error h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-info {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #119be9;<br />
}<br />
<br />
.alert-info h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-block {<br />
padding-top: 14px;<br />
padding-bottom: 14px;<br />
}<br />
<br />
.alert-block > p,<br />
.alert-block > ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
.alert-block p + p {<br />
margin-top: 5px;<br />
}<br />
<br />
.nav {<br />
margin-bottom: 20px;<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.nav > li > a {<br />
display: block;<br />
}<br />
<br />
.nav > li > a:hover,<br />
.nav > li > a:focus {<br />
text-decoration: none;<br />
background-color: #eeeeee;<br />
}<br />
<br />
.nav > li > a > img {<br />
max-width: none;<br />
}<br />
<br />
.nav > .pull-right {<br />
float: right;<br />
}<br />
<br />
.nav-header {<br />
display: block;<br />
padding: 3px 15px;<br />
font-size: 11px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #999999;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
text-transform: uppercase;<br />
}<br />
<br />
.nav li + .nav-header {<br />
margin-top: 9px;<br />
}<br />
<br />
.nav-list {<br />
padding-right: 15px;<br />
padding-left: 15px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-list > li > a,<br />
.nav-list .nav-header {<br />
margin-right: -15px;<br />
margin-left: -15px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
}<br />
<br />
.nav-list > li > a {<br />
padding: 3px 15px;<br />
}<br />
<br />
.nav-list > .active > a,<br />
.nav-list > .active > a:hover,<br />
.nav-list > .active > a:focus {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-list [class^="icon-"],<br />
.nav-list [class*=" icon-"] {<br />
margin-right: 2px;<br />
}<br />
<br />
.nav-list .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.nav-tabs,<br />
.nav-pills {<br />
*zoom: 1;<br />
}<br />
<br />
.nav-tabs:before,<br />
.nav-pills:before,<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
clear: both;<br />
}<br />
<br />
.nav-tabs > li,<br />
.nav-pills > li {<br />
float: left;<br />
}<br />
<br />
.nav-tabs > li > a,<br />
.nav-pills > li > a {<br />
padding-right: 12px;<br />
padding-left: 12px;<br />
margin-right: 2px;<br />
line-height: 14px;<br />
}<br />
<br />
.nav-tabs {<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
.nav-tabs > li {<br />
margin-bottom: -1px;<br />
}<br />
<br />
.nav-tabs > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
line-height: 20px;<br />
border: 1px solid transparent;<br />
-webkit-border-radius: 4px 4px 0 0;<br />
-moz-border-radius: 4px 4px 0 0;<br />
border-radius: 4px 4px 0 0;<br />
}<br />
<br />
.nav-tabs > li > a:hover,<br />
.nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.nav-tabs > .active > a,<br />
.nav-tabs > .active > a:hover,<br />
.nav-tabs > .active > a:focus {<br />
color: #555555;<br />
cursor: default;<br />
background-color: #ffffff;<br />
border: 1px solid #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.nav-pills > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.nav-pills > .active > a,<br />
.nav-pills > .active > a:hover,<br />
.nav-pills > .active > a:focus {<br />
color: #ffffff;<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-stacked > li {<br />
float: none;<br />
}<br />
<br />
.nav-stacked > li > a {<br />
margin-right: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked {<br />
border-bottom: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a {<br />
-webkit-border-top-right-radius: 4px;<br />
border-top-right-radius: 4px;<br />
-webkit-border-top-left-radius: 4px;<br />
border-top-left-radius: 4px;<br />
-moz-border-radius-topright: 4px;<br />
-moz-border-radius-topleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-bottom-right-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
-webkit-border-bottom-left-radius: 4px;<br />
border-bottom-left-radius: 4px;<br />
-moz-border-radius-bottomright: 4px;<br />
-moz-border-radius-bottomleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a:hover,<br />
.nav-tabs.nav-stacked > li > a:focus {<br />
z-index: 2;<br />
border-color: #ddd;<br />
}<br />
<br />
.nav-pills.nav-stacked > li > a {<br />
margin-bottom: 3px;<br />
}<br />
<br />
.nav-pills.nav-stacked > li:last-child > a {<br />
margin-bottom: 1px;<br />
}<br />
<br />
.nav-tabs .dropdown-menu {<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
}<br />
<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 6px;<br />
border-top-color: #2e8bcc;<br />
border-bottom-color: #2e8bcc;<br />
}<br />
<br />
.nav .dropdown-toggle:hover .caret,<br />
.nav .dropdown-toggle:focus .caret {<br />
border-top-color: #20608e;<br />
border-bottom-color: #20608e;<br />
}<br />
<br />
/* move down carets for tabs */<br />
<br />
.nav-tabs .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.nav .active .dropdown-toggle .caret {<br />
border-top-color: #fff;<br />
border-bottom-color: #fff;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.nav > .dropdown.active > a:hover,<br />
.nav > .dropdown.active > a:focus {<br />
cursor: pointer;<br />
}<br />
<br />
.nav-tabs .open .dropdown-toggle,<br />
.nav-pills .open .dropdown-toggle,<br />
.nav > li.dropdown.open.active > a:hover,<br />
.nav > li.dropdown.open.active > a:focus {<br />
color: #ffffff;<br />
background-color: #999999;<br />
border-color: #999999;<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret,<br />
.nav li.dropdown.open a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.tabs-stacked .open > a:hover,<br />
.tabs-stacked .open > a:focus {<br />
border-color: #999999;<br />
}<br />
<br />
.tabbable {<br />
*zoom: 1;<br />
}<br />
<br />
.tabbable:before,<br />
.tabbable:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.tabbable:after {<br />
clear: both;<br />
}<br />
<br />
.tab-content {<br />
overflow: auto;<br />
}<br />
<br />
.tabs-below > .nav-tabs,<br />
.tabs-right > .nav-tabs,<br />
.tabs-left > .nav-tabs {<br />
border-bottom: 0;<br />
}<br />
<br />
.tab-content > .tab-pane,<br />
.pill-content > .pill-pane {<br />
display: none;<br />
}<br />
<br />
.tab-content > .active,<br />
.pill-content > .active {<br />
display: block;<br />
}<br />
<br />
.tabs-below > .nav-tabs {<br />
border-top: 1px solid #ddd;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li {<br />
margin-top: -1px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0 0 4px 4px;<br />
-moz-border-radius: 0 0 4px 4px;<br />
border-radius: 0 0 4px 4px;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a:hover,<br />
.tabs-below > .nav-tabs > li > a:focus {<br />
border-top-color: #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.tabs-below > .nav-tabs > .active > a,<br />
.tabs-below > .nav-tabs > .active > a:hover,<br />
.tabs-below > .nav-tabs > .active > a:focus {<br />
border-color: transparent #ddd #ddd #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li,<br />
.tabs-right > .nav-tabs > li {<br />
float: none;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
min-width: 74px;<br />
margin-right: 0;<br />
margin-bottom: 3px;<br />
}<br />
<br />
.tabs-left > .nav-tabs {<br />
float: left;<br />
margin-right: 19px;<br />
border-right: 1px solid #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a {<br />
margin-right: -1px;<br />
-webkit-border-radius: 4px 0 0 4px;<br />
-moz-border-radius: 4px 0 0 4px;<br />
border-radius: 4px 0 0 4px;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a:hover,<br />
.tabs-left > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #dddddd #eeeeee #eeeeee;<br />
}<br />
<br />
.tabs-left > .nav-tabs .active > a,<br />
.tabs-left > .nav-tabs .active > a:hover,<br />
.tabs-left > .nav-tabs .active > a:focus {<br />
border-color: #ddd transparent #ddd #ddd;<br />
*border-right-color: #ffffff;<br />
}<br />
<br />
.tabs-right > .nav-tabs {<br />
float: right;<br />
margin-left: 19px;<br />
border-left: 1px solid #ddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 4px 4px 0;<br />
-moz-border-radius: 0 4px 4px 0;<br />
border-radius: 0 4px 4px 0;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a:hover,<br />
.tabs-right > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs .active > a,<br />
.tabs-right > .nav-tabs .active > a:hover,<br />
.tabs-right > .nav-tabs .active > a:focus {<br />
border-color: #ddd #ddd #ddd transparent;<br />
*border-left-color: #ffffff;<br />
}<br />
<br />
.nav > .disabled > a {<br />
color: #999999;<br />
}<br />
<br />
.nav > .disabled > a:hover,<br />
.nav > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar {<br />
*position: relative;<br />
*z-index: 2;<br />
margin-bottom: 20px;<br />
overflow: visible;<br />
}<br />
<br />
.navbar-inner {<br />
min-height: 40px;<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
background-color: #fafafa;<br />
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));<br />
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #d4d4d4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inner:before,<br />
.navbar-inner:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-inner:after {<br />
clear: both;<br />
}<br />
<br />
.navbar .container {<br />
width: auto;<br />
}<br />
<br />
.nav-collapse.collapse {<br />
height: auto;<br />
overflow: visible;<br />
}<br />
<br />
.navbar .brand {<br />
display: block;<br />
float: left;<br />
padding: 10px 20px 10px;<br />
margin-left: -20px;<br />
font-size: 20px;<br />
font-weight: 200;<br />
color: #777777;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .brand:hover,<br />
.navbar .brand:focus {<br />
text-decoration: none;<br />
}<br />
<br />
.navbar-text {<br />
margin-bottom: 0;<br />
line-height: 40px;<br />
color: #777777;<br />
}<br />
<br />
.navbar-link {<br />
color: #777777;<br />
}<br />
<br />
.navbar-link:hover,<br />
.navbar-link:focus {<br />
color: #333333;<br />
}<br />
<br />
.navbar .divider-vertical {<br />
height: 40px;<br />
margin: 0 9px;<br />
border-right: 1px solid #ffffff;<br />
border-left: 1px solid #f2f2f2;<br />
}<br />
<br />
.navbar .btn,<br />
.navbar .btn-group {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar .btn-group .btn,<br />
.navbar .input-prepend .btn,<br />
.navbar .input-append .btn,<br />
.navbar .input-prepend .btn-group,<br />
.navbar .input-append .btn-group {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-form {<br />
margin-bottom: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.navbar-form:before,<br />
.navbar-form:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-form:after {<br />
clear: both;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .radio,<br />
.navbar-form .checkbox {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-form input[type="image"],<br />
.navbar-form input[type="checkbox"],<br />
.navbar-form input[type="radio"] {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar-form .input-append,<br />
.navbar-form .input-prepend {<br />
margin-top: 5px;<br />
white-space: nowrap;<br />
}<br />
<br />
.navbar-form .input-append input,<br />
.navbar-form .input-prepend input {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search {<br />
position: relative;<br />
float: left;<br />
margin-top: 5px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
padding: 4px 14px;<br />
margin-bottom: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 13px;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.navbar-static-top {<br />
position: static;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-static-top .navbar-inner {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: fixed;<br />
right: 0;<br />
left: 0;<br />
z-index: 1030;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
border-width: 0 0 1px;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
border-width: 1px 0 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.navbar-fixed-top {<br />
top: 0px;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-fixed-bottom {<br />
bottom: 0;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav {<br />
position: relative;<br />
left: 0;<br />
display: block;<br />
float: left;<br />
margin: 0 10px 0 0;<br />
}<br />
<br />
.navbar .nav.pull-right {<br />
float: right;<br />
margin-right: 0;<br />
}<br />
<br />
.navbar .nav > li {<br />
float: left;<br />
}<br />
<br />
.navbar .nav > li > a {<br />
float: none;<br />
padding: 10px 15px 10px;<br />
color: #777777;<br />
text-decoration: none;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.navbar .nav > li > a:focus,<br />
.navbar .nav > li > a:hover {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
color: #555555;<br />
text-decoration: none;<br />
background-color: #e5e5e5;<br />
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
display: none;<br />
float: right;<br />
padding: 7px 10px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #ededed;<br />
*background-color: #e5e5e5;<br />
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));<br />
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #e5e5e5 #e5e5e5 #bfbfbf;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar:hover,<br />
.navbar .btn-navbar:focus,<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active,<br />
.navbar .btn-navbar.disabled,<br />
.navbar .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #e5e5e5;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active {<br />
background-color: #cccccc \9;<br />
}<br />
<br />
.navbar .btn-navbar .icon-bar {<br />
display: block;<br />
width: 18px;<br />
height: 2px;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px;<br />
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-navbar .icon-bar + .icon-bar {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:before {<br />
position: absolute;<br />
top: -7px;<br />
left: 9px;<br />
display: inline-block;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-left: 7px solid transparent;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
content: '';<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:after {<br />
position: absolute;<br />
top: -6px;<br />
left: 10px;<br />
display: inline-block;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
border-left: 6px solid transparent;<br />
content: '';<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {<br />
top: auto;<br />
bottom: -7px;<br />
border-top: 7px solid #ccc;<br />
border-bottom: 0;<br />
border-top-color: rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {<br />
top: auto;<br />
bottom: -6px;<br />
border-top: 6px solid #ffffff;<br />
border-bottom: 0;<br />
}<br />
<br />
.navbar .nav li.dropdown > a:hover .caret,<br />
.navbar .nav li.dropdown > a:focus .caret {<br />
border-top-color: #333333;<br />
border-bottom-color: #333333;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #555555;<br />
background-color: #e5e5e5;<br />
}<br />
<br />
.navbar .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #777777;<br />
border-bottom-color: #777777;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:before,<br />
.navbar .nav > li > .dropdown-menu.pull-right:before {<br />
right: 12px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:after,<br />
.navbar .nav > li > .dropdown-menu.pull-right:after {<br />
right: 13px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {<br />
right: 100%;<br />
left: auto;<br />
margin-right: -1px;<br />
margin-left: 0;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.navbar-inverse .navbar-inner {<br />
background-color: #1b1b1b;<br />
background-image: -moz-linear-gradient(top, #222222, #111111);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));<br />
background-image: -webkit-linear-gradient(top, #222222, #111111);<br />
background-image: -o-linear-gradient(top, #222222, #111111);<br />
background-image: linear-gradient(to bottom, #222222, #111111);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #252525;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .brand,<br />
.navbar-inverse .nav > li > a {<br />
color: #999999;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
<br />
.navbar-inverse .brand:hover,<br />
.navbar-inverse .nav > li > a:hover,<br />
.navbar-inverse .brand:focus,<br />
.navbar-inverse .nav > li > a:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .brand {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-text {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav > li > a:focus,<br />
.navbar-inverse .nav > li > a:hover {<br />
color: #ffffff;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar-inverse .nav .active > a,<br />
.navbar-inverse .nav .active > a:hover,<br />
.navbar-inverse .nav .active > a:focus {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .navbar-link {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-link:hover,<br />
.navbar-inverse .navbar-link:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .divider-vertical {<br />
border-right-color: #222222;<br />
border-left-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > a:hover .caret,<br />
.navbar-inverse .nav li.dropdown > a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #999999;<br />
border-bottom-color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query {<br />
color: #ffffff;<br />
background-color: #515151;<br />
border-color: #111111;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
box-shadow: none;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-moz-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:focus,<br />
.navbar-inverse .navbar-search .search-query.focused {<br />
padding: 5px 15px;<br />
color: #333333;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #ffffff;<br />
border: 0;<br />
outline: 0;<br />
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inverse .btn-navbar {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e0e0e;<br />
*background-color: #040404;<br />
background-image: -moz-linear-gradient(top, #151515, #040404);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));<br />
background-image: -webkit-linear-gradient(top, #151515, #040404);<br />
background-image: -o-linear-gradient(top, #151515, #040404);<br />
background-image: linear-gradient(to bottom, #151515, #040404);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #040404 #040404 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .btn-navbar:hover,<br />
.navbar-inverse .btn-navbar:focus,<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active,<br />
.navbar-inverse .btn-navbar.disabled,<br />
.navbar-inverse .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #040404;<br />
*background-color: #000000;<br />
}<br />
<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active {<br />
background-color: #000000 \9;<br />
}<br />
<br />
.breadcrumb {<br />
padding: 8px 15px;<br />
margin: 0 0 20px;<br />
list-style: none;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.breadcrumb > li {<br />
display: inline-block;<br />
*display: inline;<br />
text-shadow: 0 1px 0 #ffffff;<br />
*zoom: 1;<br />
}<br />
<br />
.breadcrumb > li > .divider {<br />
padding: 0 5px;<br />
color: #ccc;<br />
}<br />
<br />
.breadcrumb > .active {<br />
color: #999999;<br />
}<br />
<br />
.pagination {<br />
margin: 20px 0;<br />
}<br />
<br />
.pagination ul {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.pagination ul > li {<br />
display: inline;<br />
}<br />
<br />
.pagination ul > li > a,<br />
.pagination ul > li > span {<br />
float: left;<br />
padding: 4px 12px;<br />
line-height: 20px;<br />
text-decoration: none;<br />
background-color: #ffffff;<br />
border: 1px solid #dddddd;<br />
border-left-width: 0;<br />
}<br />
<br />
.pagination ul > li > a:hover,<br />
.pagination ul > li > a:focus,<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
color: #999999;<br />
cursor: default;<br />
}<br />
<br />
.pagination ul > .disabled > span,<br />
.pagination ul > .disabled > a,<br />
.pagination ul > .disabled > a:hover,<br />
.pagination ul > .disabled > a:focus {<br />
color: #999999;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.pagination ul > li:first-child > a,<br />
.pagination ul > li:first-child > span {<br />
border-left-width: 1px;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination ul > li:last-child > a,<br />
.pagination ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-centered {<br />
text-align: center;<br />
}<br />
<br />
.pagination-right {<br />
text-align: right;<br />
}<br />
<br />
.pagination-large ul > li > a,<br />
.pagination-large ul > li > span {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
}<br />
<br />
.pagination-large ul > li:first-child > a,<br />
.pagination-large ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-large ul > li:last-child > a,<br />
.pagination-large ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-mini ul > li:first-child > a,<br />
.pagination-small ul > li:first-child > a,<br />
.pagination-mini ul > li:first-child > span,<br />
.pagination-small ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-mini ul > li:last-child > a,<br />
.pagination-small ul > li:last-child > a,<br />
.pagination-mini ul > li:last-child > span,<br />
.pagination-small ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-small ul > li > a,<br />
.pagination-small ul > li > span {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
}<br />
<br />
.pagination-mini ul > li > a,<br />
.pagination-mini ul > li > span {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
}<br />
<br />
.pager {<br />
margin: 20px 0;<br />
text-align: center;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.pager:before,<br />
.pager:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.pager:after {<br />
clear: both;<br />
}<br />
<br />
.pager li {<br />
display: inline;<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
display: inline-block;<br />
padding: 5px 14px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.pager li > a:hover,<br />
.pager li > a:focus {<br />
text-decoration: none;<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pager .next > a,<br />
.pager .next > span {<br />
float: right;<br />
}<br />
<br />
.pager .previous > a,<br />
.pager .previous > span {<br />
float: left;<br />
}<br />
<br />
.pager .disabled > a,<br />
.pager .disabled > a:hover,<br />
.pager .disabled > a:focus,<br />
.pager .disabled > span {<br />
color: #999999;<br />
cursor: default;<br />
background-color: #fff;<br />
}<br />
<br />
.modal-backdrop {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
z-index: 1040;<br />
background-color: #000000;<br />
}<br />
<br />
.modal-backdrop.fade {<br />
opacity: 0;<br />
}<br />
<br />
.modal-backdrop,<br />
.modal-backdrop.fade.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.modal {<br />
position: fixed;<br />
top: 10%;<br />
left: 50%;<br />
z-index: 1050;<br />
width: 560px;<br />
margin-left: -280px;<br />
background-color: #ffffff;<br />
border: 1px solid #999;<br />
border: 1px solid rgba(0, 0, 0, 0.3);<br />
*border: 1px solid #999;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
outline: none;<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding-box;<br />
background-clip: padding-box;<br />
}<br />
<br />
.modal.fade {<br />
top: -25%;<br />
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-o-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
transition: opacity 0.3s linear, top 0.3s ease-out;<br />
}<br />
<br />
.modal.fade.in {<br />
top: 10%;<br />
}<br />
<br />
.modal-header {<br />
padding: 9px 15px;<br />
border-bottom: 1px solid #eee;<br />
}<br />
<br />
.modal-header .close {<br />
margin-top: 2px;<br />
}<br />
<br />
.modal-header h3 {<br />
margin: 0;<br />
line-height: 30px;<br />
}<br />
<br />
.modal-body {<br />
position: relative;<br />
max-height: 400px;<br />
padding: 15px;<br />
overflow-y: auto;<br />
}<br />
<br />
.modal-form {<br />
margin-bottom: 0;<br />
}<br />
<br />
.modal-footer {<br />
padding: 14px 15px 15px;<br />
margin-bottom: 0;<br />
text-align: right;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #ddd;<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.modal-footer:before,<br />
.modal-footer:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.modal-footer:after {<br />
clear: both;<br />
}<br />
<br />
.modal-footer .btn + .btn {<br />
margin-bottom: 0;<br />
margin-left: 5px;<br />
}<br />
<br />
.modal-footer .btn-group .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.modal-footer .btn-block + .btn-block {<br />
margin-left: 0;<br />
}<br />
<br />
.tooltip {<br />
position: absolute;<br />
z-index: 1030;<br />
display: block;<br />
font-size: 11px;<br />
line-height: 1.4;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
visibility: visible;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.tooltip.top {<br />
padding: 5px 0;<br />
margin-top: -3px;<br />
}<br />
<br />
.tooltip.right {<br />
padding: 0 5px;<br />
margin-left: 3px;<br />
}<br />
<br />
.tooltip.bottom {<br />
padding: 5px 0;<br />
margin-top: 3px;<br />
}<br />
<br />
.tooltip.left {<br />
padding: 0 5px;<br />
margin-left: -3px;<br />
}<br />
<br />
.tooltip-inner {<br />
max-width: 200px;<br />
padding: 8px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-decoration: none;<br />
background-color: #000000;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tooltip-arrow {<br />
position: absolute;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.tooltip.top .tooltip-arrow {<br />
bottom: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-top-color: #000000;<br />
border-width: 5px 5px 0;<br />
}<br />
<br />
.tooltip.right .tooltip-arrow {<br />
top: 50%;<br />
left: 0;<br />
margin-top: -5px;<br />
border-right-color: #000000;<br />
border-width: 5px 5px 5px 0;<br />
}<br />
<br />
.tooltip.left .tooltip-arrow {<br />
top: 50%;<br />
right: 0;<br />
margin-top: -5px;<br />
border-left-color: #000000;<br />
border-width: 5px 0 5px 5px;<br />
}<br />
<br />
.tooltip.bottom .tooltip-arrow {<br />
top: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-bottom-color: #000000;<br />
border-width: 0 5px 5px;<br />
}<br />
<br />
.popover {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1010;<br />
display: none;<br />
max-width: 276px;<br />
padding: 1px;<br />
text-align: left;<br />
white-space: normal;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.popover.top {<br />
margin-top: -10px;<br />
}<br />
<br />
.popover.right {<br />
margin-left: 10px;<br />
}<br />
<br />
.popover.bottom {<br />
margin-top: 10px;<br />
}<br />
<br />
.popover.left {<br />
margin-left: -10px;<br />
}<br />
<br />
.popover-title {<br />
padding: 8px 14px;<br />
margin: 0;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
background-color: #f7f7f7;<br />
border-bottom: 1px solid #ebebeb;<br />
-webkit-border-radius: 5px 5px 0 0;<br />
-moz-border-radius: 5px 5px 0 0;<br />
border-radius: 5px 5px 0 0;<br />
}<br />
<br />
.popover-title:empty {<br />
display: none;<br />
}<br />
<br />
.popover-content {<br />
padding: 9px 14px;<br />
}<br />
<br />
.popover .arrow,<br />
.popover .arrow:after {<br />
position: absolute;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.popover .arrow {<br />
border-width: 11px;<br />
}<br />
<br />
.popover .arrow:after {<br />
border-width: 10px;<br />
content: "";<br />
}<br />
<br />
.popover.top .arrow {<br />
bottom: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-top-color: #999;<br />
border-top-color: rgba(0, 0, 0, 0.25);<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.top .arrow:after {<br />
bottom: 1px;<br />
margin-left: -10px;<br />
border-top-color: #ffffff;<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.right .arrow {<br />
top: 50%;<br />
left: -11px;<br />
margin-top: -11px;<br />
border-right-color: #999;<br />
border-right-color: rgba(0, 0, 0, 0.25);<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.right .arrow:after {<br />
bottom: -10px;<br />
left: 1px;<br />
border-right-color: #ffffff;<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow {<br />
top: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-bottom-color: #999;<br />
border-bottom-color: rgba(0, 0, 0, 0.25);<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow:after {<br />
top: 1px;<br />
margin-left: -10px;<br />
border-bottom-color: #ffffff;<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.left .arrow {<br />
top: 50%;<br />
right: -11px;<br />
margin-top: -11px;<br />
border-left-color: #999;<br />
border-left-color: rgba(0, 0, 0, 0.25);<br />
border-right-width: 0;<br />
}<br />
<br />
.popover.left .arrow:after {<br />
right: 1px;<br />
bottom: -10px;<br />
border-left-color: #ffffff;<br />
border-right-width: 0;<br />
}<br />
<br />
.thumbnails {<br />
margin-left: -20px;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.thumbnails:before,<br />
.thumbnails:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.thumbnails:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
<br />
.thumbnails > li {<br />
float: left;<br />
margin-bottom: 20px;<br />
margin-left: 20px;<br />
}<br />
<br />
.thumbnail {<br />
display: block;<br />
padding: 4px;<br />
line-height: 20px;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
box-shadow: none;<br />
-webkit-transition: all 0.2s ease-in-out;<br />
-moz-transition: all 0.2s ease-in-out;<br />
-o-transition: all 0.2s ease-in-out;<br />
transition: all 0.2s ease-in-out;<br />
}<br />
<br />
a.thumbnail:hover,<br />
a.thumbnail:focus {<br />
border-color: #2e8bcc;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.thumbnail > img {<br />
display: block;<br />
max-width: 100%;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}<br />
<br />
.thumbnail .caption {<br />
padding: 9px;<br />
color: #555555;<br />
}<br />
<br />
.media,<br />
.media-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.media,<br />
.media .media {<br />
margin-top: 15px;<br />
}<br />
<br />
.media:first-child {<br />
margin-top: 0;<br />
}<br />
<br />
.media-object {<br />
display: block;<br />
}<br />
<br />
.media-heading {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.media > .pull-left {<br />
margin-right: 10px;<br />
}<br />
<br />
.media > .pull-right {<br />
margin-left: 10px;<br />
}<br />
<br />
.media-list {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.label,<br />
.badge {<br />
display: inline-block;<br />
padding: 2px 4px;<br />
font-size: 11.844px;<br />
font-weight: bold;<br />
line-height: 14px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
white-space: nowrap;<br />
vertical-align: baseline;<br />
background-color: #999999;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
.badge {<br />
padding-right: 9px;<br />
padding-left: 9px;<br />
-webkit-border-radius: 9px;<br />
-moz-border-radius: 9px;<br />
border-radius: 9px;<br />
}<br />
<br />
.label:empty,<br />
.badge:empty {<br />
display: none;<br />
}<br />
<br />
a.label:hover,<br />
a.label:focus,<br />
a.badge:hover,<br />
a.badge:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
cursor: pointer;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
.btn .label,<br />
.btn .badge {<br />
position: relative;<br />
top: -1px;<br />
}<br />
<br />
.btn-mini .label,<br />
.btn-mini .badge {<br />
top: 0;<br />
}<br />
<br />
@-webkit-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-moz-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-ms-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-o-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 0 0;<br />
}<br />
to {<br />
background-position: 40px 0;<br />
}<br />
}<br />
<br />
@keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
.progress {<br />
height: 20px;<br />
margin-bottom: 20px;<br />
overflow: hidden;<br />
background-color: #f7f7f7;<br />
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));<br />
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.progress .bar {<br />
float: left;<br />
width: 0;<br />
height: 100%;<br />
font-size: 12px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e90d2;<br />
background-image: -moz-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));<br />
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -o-linear-gradient(top, #149bdf, #0480be);<br />
background-image: linear-gradient(to bottom, #149bdf, #0480be);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-transition: width 0.6s ease;<br />
-moz-transition: width 0.6s ease;<br />
-o-transition: width 0.6s ease;<br />
transition: width 0.6s ease;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.progress-striped .bar {<br />
background-color: #149bdf;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
-webkit-background-size: 40px 40px;<br />
-moz-background-size: 40px 40px;<br />
-o-background-size: 40px 40px;<br />
background-size: 40px 40px;<br />
}<br />
<br />
.progress.active .bar {<br />
-webkit-animation: progress-bar-stripes 2s linear infinite;<br />
-moz-animation: progress-bar-stripes 2s linear infinite;<br />
-ms-animation: progress-bar-stripes 2s linear infinite;<br />
-o-animation: progress-bar-stripes 2s linear infinite;<br />
animation: progress-bar-stripes 2s linear infinite;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger {<br />
background-color: #dd514c;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger {<br />
background-color: #ee5f5b;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-success .bar,<br />
.progress .bar-success {<br />
background-color: #5eb95e;<br />
background-image: -moz-linear-gradient(top, #62c462, #57a957);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));<br />
background-image: -webkit-linear-gradient(top, #62c462, #57a957);<br />
background-image: -o-linear-gradient(top, #62c462, #57a957);<br />
background-image: linear-gradient(to bottom, #62c462, #57a957);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success {<br />
background-color: #62c462;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-info .bar,<br />
.progress .bar-info {<br />
background-color: #4bb1cf;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info {<br />
background-color: #5bc0de;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-warning .bar,<br />
.progress .bar-warning {<br />
background-color: #f5a932;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-color: #f8b64d;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.accordion {<br />
margin-bottom: 20px;<br />
}<br />
<br />
.accordion-group {<br />
margin-bottom: 2px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.accordion-heading {<br />
border-bottom: 0;<br />
}<br />
<br />
.accordion-heading .accordion-toggle {<br />
display: block;<br />
padding: 8px 15px;<br />
}<br />
<br />
.accordion-toggle {<br />
cursor: pointer;<br />
}<br />
<br />
.accordion-inner {<br />
padding: 9px 15px;<br />
border-top: 1px solid #e5e5e5;<br />
}<br />
<br />
.carousel {<br />
position: relative;<br />
margin-bottom: 20px;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.carousel-inner > .item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.6s ease-in-out left;<br />
-moz-transition: 0.6s ease-in-out left;<br />
-o-transition: 0.6s ease-in-out left;<br />
transition: 0.6s ease-in-out left;<br />
}<br />
<br />
.carousel-inner > .item > img,<br />
.carousel-inner > .item > a > img {<br />
display: block;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner > .active,<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
display: block;<br />
}<br />
<br />
.carousel-inner > .active {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.carousel-inner > .next {<br />
left: 100%;<br />
}<br />
<br />
.carousel-inner > .prev {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .next.left,<br />
.carousel-inner > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .active.right {<br />
left: 100%;<br />
}<br />
<br />
.carousel-control {<br />
position: absolute;<br />
top: 40%;<br />
left: 15px;<br />
width: 40px;<br />
height: 40px;<br />
margin-top: -20px;<br />
font-size: 60px;<br />
font-weight: 100;<br />
line-height: 30px;<br />
color: #ffffff;<br />
text-align: center;<br />
background: #222222;<br />
border: 3px solid #ffffff;<br />
-webkit-border-radius: 23px;<br />
-moz-border-radius: 23px;<br />
border-radius: 23px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
}<br />
<br />
.carousel-control.right {<br />
right: 15px;<br />
left: auto;<br />
}<br />
<br />
.carousel-control:hover,<br />
.carousel-control:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel-indicators {<br />
position: absolute;<br />
top: 15px;<br />
right: 15px;<br />
z-index: 5;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
.carousel-indicators li {<br />
display: block;<br />
float: left;<br />
width: 10px;<br />
height: 10px;<br />
margin-left: 5px;<br />
text-indent: -999px;<br />
background-color: #ccc;<br />
background-color: rgba(255, 255, 255, 0.25);<br />
border-radius: 5px;<br />
}<br />
<br />
.carousel-indicators .active {<br />
background-color: #fff;<br />
}<br />
<br />
.carousel-caption {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
padding: 15px;<br />
background: #333333;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
.carousel-caption h4,<br />
.carousel-caption p {<br />
line-height: 20px;<br />
color: #ffffff;<br />
}<br />
<br />
.carousel-caption h4 {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.carousel-caption p {<br />
margin-bottom: 0;<br />
}<br />
<br />
.hero-unit {<br />
padding: 60px;<br />
margin-bottom: 30px;<br />
font-size: 18px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
color: inherit;<br />
background-color: #eeeeee;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.hero-unit h1 {<br />
margin-bottom: 0;<br />
font-size: 60px;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
color: inherit;<br />
}<br />
<br />
.hero-unit li {<br />
line-height: 30px;<br />
}<br />
<br />
.pull-right {<br />
float: right;<br />
}<br />
<br />
.pull-left {<br />
float: left;<br />
}<br />
<br />
.hide {<br />
display: none;<br />
}<br />
<br />
.show {<br />
display: block;<br />
}<br />
<br />
.invisible {<br />
visibility: hidden;<br />
}<br />
<br />
.affix {<br />
position: fixed;<br />
}<br />
<br />
body {<br />
position: relative;<br />
font-weight: 300;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
}<br />
<br />
/*<br />
No border on images when in a link.<br />
*/<br />
<br />
img {<br />
border-style: none;<br />
}<br />
<br />
#top-info {<br />
display: block;<br />
}<br />
<br />
#top-info > a {<br />
padding: 0;<br />
}<br />
<br />
#header-container {<br />
display: inline-block;<br />
margin-left: 50px;<br />
vertical-align: top;<br />
}<br />
<br />
header h1 {<br />
display: inline;<br />
}<br />
<br />
#nav-bar {<br />
position: relative;<br />
display: block;<br />
height: auto;<br />
padding-top: 24px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
.row-fluid .hide {<br />
display: none;<br />
}<br />
<br />
.form-actions {<br />
background-color: inherit;<br />
}<br />
<br />
.label {<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
textarea {<br />
width: 260px;<br />
height: auto;<br />
min-width: 260px;<br />
min-height: 39px;<br />
padding: 4px 4px 4px 8px;<br />
overflow-y: scroll;<br />
word-wrap: break-word;<br />
}<br />
<br />
input[type=text],<br />
input[type=password],<br />
input[type=email],<br />
input[type=number],<br />
input[type=tel],<br />
input[type=url],<br />
input[type=search],<br />
textarea {<br />
min-width: 64px;<br />
min-height: 28px;<br />
font-weight: 400;<br />
line-height: 1.3636;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-append .add-on {<br />
height: 16px;<br />
line-height: 15px;<br />
}<br />
<br />
.input-prepend .btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 0 2px 2px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 2px 2px 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-append .btn {<br />
height: 28px;<br />
min-height: 28px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
padding-top: 0;<br />
}<br />
<br />
/*<br />
Select control.<br />
*/<br />
<br />
select {<br />
min-width: 80px;<br />
min-height: 24px;<br />
padding: 2px;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Range control.<br />
*/<br />
<br />
input[type=range] {<br />
width: 280px;<br />
height: auto;<br />
padding: 17px 0 32px 0;<br />
}<br />
<br />
input.search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn,<br />
.form-search .input-append input[type="submit"].btn {<br />
padding-right: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn .icon-search,<br />
.form-search .input-append input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-append .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-append .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn,<br />
.form-search .input-prepend input[type="submit"].btn {<br />
padding-left: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn .icon-search,<br />
.form-search .input-prepend input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-prepend .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #f09609;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #bf7707;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #f09609;<br />
background-color: #f09609;<br />
border-color: #f09609;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #bc1c48;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #901537;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #bc1c48;<br />
background-color: #bc1c48;<br />
border-color: #bc1c48;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #01a31c;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #017013;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #01a31c;<br />
background-color: #01a31c;<br />
border-color: #01a31c;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #2d89f0;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #106fda;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #2d89f0;<br />
background-color: #2d89f0;<br />
border-color: #2d89f0;<br />
}<br />
<br />
/* Metro Radio button<br />
-------------------------------------------------- */<br />
<br />
/*<br />
NOTE:<br />
Originally the following rules used the adjacent sibling selector '+ span'<br />
but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following<br />
the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a<br />
custom class to the span.<br />
Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7.<br />
*/<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 0;<br />
}<br />
<br />
label.radio,<br />
label.checkbox {<br />
position: relative;<br />
padding-left: 0;<br />
cursor: pointer;<br />
}<br />
<br />
input[type=radio],<br />
input[type=radio] ~ span.metro-radio,<br />
input[type=radio] ~ span.metro-radio::before,<br />
input[type=radio] ~ span.metro-radio::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
input[type=radio] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio::before {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: 10px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #FFF;<br />
border: 2px solid #BABABA;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:checked ~ span.metro-radio::after {<br />
position: absolute;<br />
top: 8px;<br />
left: 6px;<br />
z-index: 999;<br />
width: 12px;<br />
height: 12px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #000;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:not(:checked):disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::after {<br />
cursor: default;<br />
background: #868686;<br />
}<br />
<br />
/* Metro Checkbox<br />
-------------------------------------------------- */<br />
<br />
label.checkbox input[type=checkbox],<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::before,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
label.checkbox input[type=checkbox] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
color: #202020;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\e379";<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\2003";<br />
}<br />
<br />
label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after,<br />
label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after,<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
cursor: default;<br />
background: #BABABA;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
color: #4c4c4c;<br />
}<br />
<br />
/* RTL support<br />
-------------------------------------------------- */<br />
<br />
[dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox,<br />
[dir="rtl"] input[type="radio"] ~ span.metro-radio {<br />
padding-right: 36px;<br />
padding-left: 0;<br />
}<br />
<br />
[dir="rtl"] input[type=radio] ~ span.metro-radio::before {<br />
right: -10px;<br />
}<br />
<br />
[dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after {<br />
right: 6px;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
.table thead {<br />
border-bottom: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-size: 9pt;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:first-child,<br />
.table-bordered tbody:first-child tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:last-child,<br />
.table-bordered tbody:first-child tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:first-child,<br />
.table-bordered tbody:last-child tr:last-child td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:last-child,<br />
.table-bordered tbody:last-child tr:last-child td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table tbody tr.success td {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error td {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning td {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info td {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr:hover td,<br />
.table-hover tbody tr:hover th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.table-cell-hover tbody tr td:hover,<br />
.table-cell-hover tbody tr th:hover {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
/* CheckBox cells */<br />
<br />
table td label.checkbox,<br />
table th label.checkbox {<br />
width: 24px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
/*<br />
Dropdown submenu<br />
*/<br />
<br />
.dropdown .caret {<br />
margin: 0;<br />
}<br />
<br />
.caret:after {<br />
content: "\e12c";<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret {<br />
margin-top: 6px;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle:hover .caret,<br />
.nav-pills .dropdown-toggle:hover .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret,<br />
.nav-pills .active .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle .caret,<br />
.nav-pills .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.dropdown-menu li > a:hover,<br />
.dropdown-menu li > a:focus,<br />
.dropdown-submenu:hover > a {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn-mini .caret {<br />
margin-top: 5px;<br />
}<br />
<br />
.dropdown-menu .active > a,<br />
.dropdown-menu .active > a:hover {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 4px;<br />
}<br />
<br />
.dropup .caret:after {<br />
content: "\e131";<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
a.header-dropdown .caret {<br />
width: auto;<br />
height: 24px;<br />
font-size: 24px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
vertical-align: middle;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-small .caret {<br />
margin: 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
margin-top: 0;<br />
margin-right: -5px;<br />
font-family: 'IcoMoon';<br />
color: #CCC;<br />
border: 0;<br />
content: "\e12a";<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border: 0;<br />
content: "";<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
.dropdown:hover .caret,<br />
.open .caret {<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
}<br />
<br />
.caret {<br />
min-width: 14px;<br />
min-height: 18px;<br />
padding: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
font-family: 'IcoMoon';<br />
font-size: inherit;<br />
font-weight: normal;<br />
line-height: 1;<br />
text-indent: 0;<br />
cursor: default;<br />
cursor: pointer;<br />
border: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
vertical-position: bottom;<br />
}<br />
<br />
h1 {<br />
font-size: 40px;<br />
font-weight: 300;<br />
line-height: 48px;<br />
}<br />
<br />
h2 {<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
}<br />
<br />
h3 {<br />
font-size: 20px;<br />
font-weight: 600;<br />
line-height: 26px;<br />
}<br />
<br />
h4 {<br />
font-size: 15px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
}<br />
<br />
h5,<br />
legend {<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
h6,<br />
caption,<br />
figcaption,<br />
small {<br />
font-size: 11px;<br />
font-weight: 400;<br />
line-height: 11px;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
<br />
#header-container a.header-dropdown {<br />
font-size: 26px;<br />
font-weight: 200;<br />
line-height: 34px;<br />
text-decoration: none;<br />
}<br />
<br />
#header-container .dropdown-menu .divider {<br />
background-color: #717171;<br />
}<br />
<br />
#header-container .dropdown.open .dropdown-toggle {<br />
color: inherit;<br />
background: inherit;<br />
}<br />
<br />
#header-container h5 {<br />
font-size: 14px;<br />
}<br />
<br />
.text-warning {<br />
color: #f09609;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #bf7707;<br />
}<br />
<br />
.text-error {<br />
color: #bc1c48;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #901537;<br />
}<br />
<br />
.text-info {<br />
color: #2d89f0;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #106fda;<br />
}<br />
<br />
.text-success {<br />
color: #01a31c;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #017013;<br />
}<br />
<br />
dt,<br />
th {<br />
font-size: 16px;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
/* 20px when font-size is 11pt */<br />
<br />
}<br />
<br />
abbr,<br />
acronym,<br />
address,<br />
blockquote,<br />
cite,<br />
dl,<br />
dd,<br />
li,<br />
ol,<br />
p,<br />
q,<br />
td,<br />
tr {<br />
font-weight: 300;<br />
}<br />
<br />
blockquote {<br />
padding-top: 5px;<br />
padding-bottom: 5px;<br />
background-color: #eeeeee;<br />
border-left: 5px solid #0177db;<br />
}<br />
<br />
blockquote.pull-right {<br />
padding-left: 15px;<br />
border-right: 5px solid #0177db;<br />
}<br />
<br />
b,<br />
strong {<br />
font-weight: 600;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
p {<br />
font-weight: 300;<br />
}<br />
<br />
/* Additional letter-spacing for the document and its controls.<br />
-------------------------------------------------- */<br />
<br />
body,<br />
button,<br />
input,<br />
textarea,<br />
select,<br />
option {<br />
letter-spacing: 0.02em;<br />
}<br />
<br />
.page-header {<br />
border-bottom: 0;<br />
}<br />
<br />
/*<br />
Button control.<br />
*/<br />
<br />
button,<br />
input[type=button],<br />
input[type=reset],<br />
input[type=submit] {<br />
padding: 4px 8px;<br />
margin-bottom: 0;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
border: 2px solid #cccccc;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
File upload control.<br />
*/<br />
<br />
input[type=file] {<br />
width: 340px;<br />
height: 32px;<br />
min-width: 100px;<br />
min-height: 20px;<br />
padding: 0;<br />
margin: 7px 8px 21px 8px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Back button.<br />
*/<br />
<br />
.win-backbutton {<br />
display: inline-block;<br />
width: 38px;<br />
height: 38px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 20px;<br />
line-height: 38px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
.win-backbutton:before {<br />
font-family: 'IcoMoon';<br />
font-size: 22px;<br />
font-weight: normal;<br />
vertical-align: top;<br />
content: "\e41c";<br />
}<br />
<br />
.win-backbutton:disabled,<br />
.win-backbutton:disabled:active {<br />
visibility: hidden;<br />
background-clip: padding-box;<br />
}<br />
<br />
#nav-bar .win-backbutton {<br />
position: absolute;<br />
top: 30px;<br />
left: 0;<br />
}<br />
<br />
/*<br />
Command buttons.<br />
*/<br />
<br />
.win-command {<br />
display: inline-block;<br />
height: auto;<br />
margin: 0 5px;<br />
font-size: 9pt;<br />
font-weight: normal;<br />
line-height: 16px;<br />
letter-spacing: 0.02em;<br />
text-align: center;<br />
vertical-align: top;<br />
cursor: pointer;<br />
background: none;<br />
border: 0;<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button icons.<br />
*/<br />
<br />
.win-commandicon {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 24px;<br />
line-height: 40px !important;<br />
}<br />
<br />
.win-commandimage {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
letter-spacing: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
/*<br />
Command button "ring".<br />
*/<br />
<br />
.win-commandring {<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
a:hover:active .win-commandring,<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button:hover:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button labels.<br />
*/<br />
<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
position: relative;<br />
display: block;<br />
width: 100%;<br />
padding-right: 4px;<br />
padding-left: 4px;<br />
margin-top: 3px;<br />
overflow: hidden;<br />
line-height: 15px;<br />
word-break: keep-all;<br />
word-wrap: break-word;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
a.win-command,<br />
a.win-command:hover {<br />
text-decoration: none;<br />
}<br />
<br />
.win-command.win-command-large .win-commandicon {<br />
width: 60px;<br />
height: 60px;<br />
font-size: 40px;<br />
line-height: 60px !important;<br />
text-align: center;<br />
}<br />
<br />
.win-command.win-command-small .win-commandicon {<br />
width: 24px;<br />
height: 24px;<br />
font-size: 16px;<br />
line-height: 24px !important;<br />
}<br />
<br />
/*<br />
AppBarCommand separator.<br />
*/<br />
<br />
hr.win-command {<br />
display: inline-block;<br />
width: 1px;<br />
height: 40px;<br />
padding: 0;<br />
margin: 14px 29px 34px 30px;<br />
vertical-align: top;<br />
border: 0;<br />
}<br />
<br />
/*<br />
AppBar Edgy Container<br />
*/<br />
<br />
.win-appbar {<br />
position: fixed;<br />
left: 0;<br />
z-index: 1001;<br />
width: 100%;<br />
height: auto;<br />
border-width: 0;<br />
}<br />
<br />
/*<br />
AppBar control.<br />
*/<br />
<br />
.win-commandlayout {<br />
min-height: 88px;<br />
padding-left: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.win-commandlayout .win-selection {<br />
float: left;<br />
}<br />
<br />
.win-commandlayout .win-command {<br />
padding: 12px 0;<br />
}<br />
<br />
.btn {<br />
line-height: 18px;<br />
}<br />
<br />
.btn.btn-link {<br />
color: #0088CC;<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
<br />
.btn.btn-link:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
-webkit-transition: none 0s ease 0s;<br />
-moz-transition: none 0s ease 0s;<br />
-o-transition: none 0s ease 0s;<br />
transition: none 0s ease 0s;<br />
}<br />
<br />
.btn-large.dropdown-toggle {<br />
padding-top: 2px;<br />
padding-bottom: 2px;<br />
}<br />
<br />
.btn-mini.dropdown-toggle {<br />
padding-top: 5px;<br />
}<br />
<br />
.btn-small {<br />
min-height: 20px;<br />
padding: 3px 9px;<br />
line-height: 16px;<br />
}<br />
<br />
.btn-primary,<br />
.btn-primary:hover,<br />
.btn-warning,<br />
.btn-warning:hover,<br />
.btn-danger,<br />
.btn-danger:hover,<br />
.btn-success,<br />
.btn-success:hover,<br />
.btn-info,<br />
.btn-info:hover,<br />
.btn-inverse,<br />
.btn-inverse:hover {<br />
text-shadow: none;<br />
}<br />
<br />
.btn.btn-warning,<br />
.btn.btn-danger,<br />
.btn.btn-success,<br />
.btn.btn-info,<br />
.btn.btn-inverse {<br />
color: #FFF;<br />
}<br />
<br />
.btn-group > .btn:first-child,<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .dropdown-toggle {<br />
min-width: 20px;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
padding-top: 0;<br />
*padding-top: 0;<br />
padding-bottom: 0;<br />
*padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle .caret {<br />
margin-top: 2px;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle {<br />
padding-top: 0;<br />
padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
padding-top: 10px;<br />
*padding-top: 10px;<br />
padding-bottom: 8px;<br />
*padding-bottom: 8px;<br />
}<br />
<br />
.btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.notifications {<br />
position: fixed;<br />
}<br />
<br />
.notifications.top-right {<br />
top: 0;<br />
right: 0;<br />
}<br />
<br />
.notifications > div {<br />
position: relative;<br />
z-index: 1060;<br />
}<br />
<br />
.alert {<br />
position: relative;<br />
z-index: 1060;<br />
text-shadow: none;<br />
}<br />
<br />
.alert .close:hover {<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.alert .alert-heading {<br />
font-weight: 600;<br />
}<br />
<br />
.toast {<br />
position: relative;<br />
z-index: 1060;<br />
width: 400px;<br />
height: 90px;<br />
margin-top: 15px;<br />
margin-bottom: 10px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
background-color: #2e8bcc;<br />
border: 2px solid #54a2d9;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body {<br />
height: 64px;<br />
padding: 13px 60px 13px 15px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body p {<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast-object {<br />
display: block;<br />
}<br />
<br />
.toast-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast.toasttext01 p {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 p {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 h4 {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
display: inline-block;<br />
width: 30px;<br />
height: 30px;<br />
min-width: 0;<br />
min-height: 0;<br />
font-family: 'IcoMoon';<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 12px;<br />
text-align: center;<br />
text-indent: 0;<br />
text-shadow: none;<br />
vertical-align: baseline;<br />
border: 0;<br />
opacity: 1;<br />
box-sizing: border-box;<br />
background-clip: border-box;<br />
}<br />
<br />
.toast .close:after,<br />
.modal .close:after,<br />
.alert .close:after {<br />
font-size: 14px;<br />
content: "\e37a";<br />
}<br />
<br />
.toast .close {<br />
display: none;<br />
}<br />
<br />
.toast:hover .close {<br />
display: inline-block;<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.nav-header {<br />
font-size: 14px;<br />
font-weight: 300;<br />
text-shadow: none;<br />
}<br />
<br />
.nav-pills > li > a,<br />
.nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a,<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-menu,<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
/* Nav: first level */<br />
<br />
.metro-nav-list {<br />
margin: 0 0 25px 0;<br />
}<br />
<br />
.metro-nav-list > li {<br />
position: relative;<br />
}<br />
<br />
.metro-nav-list > li > a {<br />
display: block;<br />
padding: 4px 25px;<br />
font-size: 18px;<br />
text-shadow: none;<br />
}<br />
<br />
.metro-nav-list > li > a:hover,<br />
.metro-nav-list > li > a:focus {<br />
color: #FFF;<br />
text-decoration: none;<br />
background-color: #0177db;<br />
}<br />
<br />
.metro-nav-list > .active > a,<br />
.metro-nav-list > .active:hover > a,<br />
.metro-nav-list > .active:focus > a {<br />
font-weight: 600;<br />
}<br />
<br />
/* Section headings for groups of links */<br />
<br />
.metro-nav-list > .nav-header {<br />
margin-top: 20px;<br />
margin-bottom: 5px;<br />
font-size: 14px;<br />
font-weight: 500;<br />
color: #333;<br />
}<br />
<br />
/* Nav: second level (shown on .active) */<br />
<br />
.metro-nav-list .nav {<br />
margin-bottom: 5px;<br />
}<br />
<br />
.metro-nav-list > .active > ul {<br />
display: block;<br />
}<br />
<br />
.metro-nav-list .nav > li > a {<br />
display: inline-block;<br />
padding-top: 2px;<br />
padding-left: 10px;<br />
margin-bottom: 2px;<br />
margin-left: 40px;<br />
font-size: 90%;<br />
border-left: 3px solid #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > li > a:hover {<br />
color: #FFF;<br />
background-color: #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > .active > a,<br />
.metro-nav-list .nav > .active:hover > a,<br />
.metro-nav-list .nav > .active:focus > a {<br />
font-weight: 600;<br />
border-left: 3px solid #0177db;<br />
}<br />
<br />
/* Nav: third level (shown on .active) */<br />
<br />
.metro-nav-list .nav .nav {<br />
margin-left: 20px;<br />
}<br />
<br />
.navbar-inner {<br />
background-color: transparent;<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret,<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar.metro-navbar .navbar-inner {<br />
height: 60px;<br />
min-height: 60px;<br />
background-color: #EEEEEE;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li {<br />
line-height: 40px;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li > a {<br />
margin-right: 4px;<br />
text-shadow: none;<br />
text-transform: uppercase;<br />
background-color: #DDD;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li.active > a {<br />
background-color: #FFF;<br />
}<br />
<br />
.navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar.metro-navbar .nav li.dropdown.open .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.pager .next a:after {<br />
font-family: 'IcoMoon';<br />
content: "\e12a";<br />
}<br />
<br />
.pager .previous a:before {<br />
font-family: 'IcoMoon';<br />
content: "\e127";<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.pagination a:hover,<br />
.pagination .active a {<br />
background-color: #CCC;<br />
}<br />
<br />
.pagination .active a {<br />
color: #FFF;<br />
}<br />
<br />
.pagination ul {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal {<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal .close:hover {<br />
margin-top: 0;<br />
color: #FFF;<br />
background-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.modal.warning.fade.in {<br />
top: 0;<br />
}<br />
<br />
.modal.message.fade.in {<br />
top: 20%;<br />
}<br />
<br />
.modal-header {<br />
border: 0;<br />
}<br />
<br />
.modal.message,<br />
.modal.warning {<br />
left: 0;<br />
width: 60%;<br />
padding: 0 20%;<br />
margin: 0;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal.warning {<br />
width: 100%;<br />
padding: 0 1%;<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.modal.warning .modal-body {<br />
display: inline-block;<br />
width: 60%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal.warning .modal-footer {<br />
display: inline-block;<br />
width: 30%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal-body {<br />
max-height: 300px;<br />
}<br />
<br />
.modal-footer {<br />
background-color: transparent;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.popover {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.popover-title {<br />
line-height: 1;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.popover-inner {<br />
overflow: hidden;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
#content-filters {<br />
margin-top: 10px;<br />
}<br />
<br />
#content-filters .nav-pills > li > a {<br />
display: inline-block;<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
#content-filters .nav > li > a:hover {<br />
text-decoration: none;<br />
background-color: inherit;<br />
}<br />
<br />
#content-filters .nav-pills > .active > a,<br />
#content-filters .nav-pills > .active > a:hover {<br />
color: inherit;<br />
background-color: transparent;<br />
}<br />
<br />
#content-filters .nav-pills > .open > a,<br />
#content-filters .nav-pills > .open > a:hover {<br />
color: #FFF;<br />
background-color: #999;<br />
}<br />
<br />
#content-filters .nav-pills > li > span {<br />
display: inline-block;<br />
padding: 8px 0;<br />
margin: 1px 0;<br />
font-size: 13px;<br />
line-height: 15px;<br />
vertical-align: top;<br />
}<br />
<br />
#content-filters div {<br />
position: relative;<br />
}<br />
<br />
#content-filters a {<br />
font-size: 15px;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.badge {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
color: #ffffff;<br />
background-color: #901537;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
color: #ffffff;<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #01a31c;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
color: #ffffff;<br />
background-color: #017013;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
color: #ffffff;<br />
background-color: #106fda;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
/*<br />
Progress control. */<br />
<br />
.progress {<br />
height: auto;<br />
background-image: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.progress .bar {<br />
height: 5px;<br />
}<br />
<br />
.progress.progress-indeterminate {<br />
height: auto;<br />
background-color: transparent;<br />
}<br />
<br />
.progress.progress-indeterminate .bar {<br />
position: static;<br />
display: block;<br />
width: 88px;<br />
height: 8px;<br />
margin: 4px auto;<br />
background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring {<br />
display: inline-block;<br />
width: 50px;<br />
height: 50px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .bar {<br />
background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger,<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger,<br />
.progress-success .bar,<br />
.progress .bar-success,<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success,<br />
.progress-info .bar,<br />
.progress .bar-info,<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info,<br />
.progress-warning .bar,<br />
.progress .bar-warning,<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.carousel-control {<br />
font-family: "IcoMoon";<br />
font-size: 40px;<br />
line-height: 40px;<br />
border-width: 2px;<br />
}<br />
<br />
.carousel.flipview .carousel-control {<br />
left: 0;<br />
display: none;<br />
width: 60px;<br />
height: 40px;<br />
font-size: 20px;<br />
line-height: 40px;<br />
color: #000000;<br />
background: rgba(255, 255, 255, 0.6);<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.carousel.flipview .carousel-control.right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.carousel.flipview .carousel-control:hover {<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel.flipview:hover .carousel-control {<br />
display: block;<br />
}<br />
<br />
.hero-unit {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.bg-color-orange {<br />
background-color: #f09609 !important;<br />
}<br />
<br />
.bg-color-purple {<br />
background-color: #7b4f9d !important;<br />
}<br />
<br />
.bg-color-greenDark {<br />
background-color: #008641 !important;<br />
}<br />
<br />
.bg-color-blue {<br />
background-color: #2e8bcc !important;<br />
}<br />
<br />
.bg-color-red {<br />
background-color: #e51400 !important;<br />
}<br />
<br />
.bg-color-green {<br />
background-color: #339933 !important;<br />
}<br />
<br />
.bg-color-blueDark {<br />
background-color: #20608e !important;<br />
}<br />
<br />
.bg-color-yellow {<br />
background-color: #ffc40d !important;<br />
}<br />
<br />
.bg-color-pink {<br />
background-color: #e671b8 !important;<br />
}<br />
<br />
.bg-color-darken {<br />
background-color: #1c1c1c !important;<br />
}<br />
<br />
.bg-color-gray {<br />
background-color: #555555 !important;<br />
}<br />
<br />
.bg-color-grayLight {<br />
background-color: #999999 !important;<br />
}<br />
<br />
.metro {<br />
position: relative;<br />
}<br />
<br />
.tile-column {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.tile-column-span-1 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 162px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-2 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 324px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-3 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 480px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-4 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-5 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-6 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 800px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-7 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 960px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-8 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 1120px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.panorama {<br />
position: relative;<br />
width: 100%;<br />
margin: 0 40px;<br />
overflow: hidden;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.panorama.nohidden {<br />
width: auto;<br />
overflow: inherit;<br />
}<br />
<br />
.panorama .panorama-sections {<br />
position: relative;<br />
width: 10000px;<br />
height: auto;<br />
padding-bottom: 24px;<br />
overflow: hidden;<br />
}<br />
<br />
.panorama .panorama-sections h2 {<br />
margin-left: 5px;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
margin-right: 75px;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-1 {<br />
width: 160px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-2 {<br />
width: 320px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-3 {<br />
width: 480px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-4 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-5 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-6 {<br />
width: 800px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-7 {<br />
width: 960px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-8 {<br />
width: 1120px;<br />
margin-left: 0;<br />
}<br />
<br />
.metro .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
border: 1px solid rgba(255, 255, 255, 0.3);<br />
-webkit-background-clip: padding;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.metro .tile.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.metro .tile.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.metro .tile.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.metro .tile .app-label,<br />
.metro .tile .label {<br />
position: absolute;<br />
bottom: 5px;<br />
left: 20px;<br />
font-size: 12px;<br />
}<br />
<br />
.metro .tile .app-count,<br />
.metro .tile .count {<br />
position: absolute;<br />
right: 20px;<br />
bottom: 5px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
}<br />
<br />
.metro .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro .tile .textover-wrapper {<br />
position: absolute;<br />
bottom: 0;<br />
height: 48px;<br />
padding: 2px 20px;<br />
background-color: inherit;<br />
}<br />
<br />
.metro .tile .textover-wrapper.transparent {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column3-text {<br />
display: block;<br />
float: left;<br />
width: 200px;<br />
}<br />
<br />
.metro .tile .column3-label {<br />
display: block;<br />
float: left;<br />
width: 50px;<br />
}<br />
<br />
.metro .tile .column2-text {<br />
display: block;<br />
float: left;<br />
width: 160px;<br />
}<br />
<br />
.metro .tile .column2-label {<br />
display: block;<br />
float: left;<br />
width: 90px;<br />
}<br />
<br />
.metro .tile .text2 {<br />
max-height: 44px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text3 {<br />
max-height: 56px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text4 {<br />
max-height: 72px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column {<br />
display: block;<br />
float: left;<br />
width: 130px;<br />
}<br />
<br />
.metro .tile .text5 {<br />
max-height: 92px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text {<br />
height: 18px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile:hover {<br />
outline: 3px #225a68 solid;<br />
}<br />
<br />
.metro .tile.app .image-wrapper {<br />
display: block;<br />
width: 150px;<br />
height: 80px;<br />
padding: 8px 0;<br />
margin-top: 20px;<br />
text-align: center;<br />
vertical-align: middle;<br />
}<br />
<br />
.metro .tile.app .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
margin: 0 auto;<br />
}<br />
<br />
.metro .tile.square.text {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.square.text .text-big {<br />
overflow: hidden;<br />
font-size: 76px;<br />
line-height: 76px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.text.tilesquareblock .text {<br />
overflow: hidden;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.image {<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.square.image img {<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek {<br />
width: 150px;<br />
height: 312px;<br />
}<br />
<br />
.metro .tile.squarepeek img {<br />
width: 150px;<br />
height: 150px;<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek .text-inner {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.app {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.app .image-wrapper {<br />
width: 310px;<br />
}<br />
<br />
.metro .tile.wide.text {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
margin-left: 10px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big .text-big {<br />
overflow: hidden;<br />
font-size: 74px;<br />
line-height: 60px;<br />
text-align: right;<br />
}<br />
<br />
.metro .tile.wide.text .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.imagetext {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
margin-right: 10px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.image {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image img {<br />
max-width: 310px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles {<br />
display: inline-block;<br />
float: left;<br />
width: 152px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles img {<br />
display: inline-block;<br />
float: left;<br />
max-width: 75px;<br />
max-height: 75px;<br />
border-left: 1px solid #2A2A2A;<br />
}<br />
<br />
.metro .tile.wide.imagetext.wideimage {<br />
width: 310px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.wide.image.collection img {<br />
float: left;<br />
max-width: 158px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.widepeek {<br />
width: 310px;<br />
height: 300px;<br />
}<br />
<br />
.metro .tile.widepeek .tile {<br />
margin: 0;<br />
}<br />
<br />
.metro .tile.widepeek .tile:hover {<br />
outline: 0;<br />
}<br />
<br />
.metro .tile.square .textover-wrapper,<br />
.metro .tile.squarepeek .textover-wrapper {<br />
width: 130px;<br />
}<br />
<br />
.metro .tile.wide .textover-wrapper,<br />
.metro .tile.widepeek .textover-wrapper {<br />
width: 270px;<br />
}<br />
<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
position: absolute;<br />
top: 96px;<br />
left: 4px;<br />
z-index: 1061;<br />
display: inline-block;<br />
width: 42px;<br />
width: 32px;<br />
height: 42px;<br />
height: 32px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-family: 'icomoon';<br />
font-size: 24px;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 40px !important;<br />
line-height: 1;<br />
text-align: center;<br />
text-decoration: none;<br />
text-transform: none;<br />
background: none;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
outline: 0;<br />
background-clip: border-box;<br />
font-variant: normal;<br />
}<br />
<br />
#panorama-scroll-next {<br />
right: 4px;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev:hover,<br />
#panorama-scroll-next:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
#panorama-scroll-prev:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a4";<br />
}<br />
<br />
#panorama-scroll-next:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a0";<br />
}<br />
<br />
#panorama-scroll-prev-bkg,<br />
#panorama-scroll-next-bkg {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1060;<br />
display: block;<br />
width: 40px;<br />
height: 100%;<br />
background-color: transparent;<br />
}<br />
<br />
#panorama-scroll-next-bkg {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev-bkg:hover,<br />
#panorama-scroll-next-bkg:hover {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro-responsive-tiles .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
height: 150px;<br />
padding: 20px;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header2 {<br />
max-height: 80px;<br />
overflow: hidden;<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
padding-left: 10px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .tile-form {<br />
margin: 10px 0;<br />
}<br />
<br />
.pivot {<br />
position: relative;<br />
}<br />
<br />
.pivot > .pivot-headers {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.pivot > .pivot-headers > a {<br />
margin: 0 10px 0 0;<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #555555;<br />
text-decoration: none;<br />
text-transform: lowercase;<br />
}<br />
<br />
.pivot > .pivot-headers > a:hover {<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-headers > a.active {<br />
font-weight: 400;<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-items {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.pivot > .pivot-items > .pivot-item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.4s ease-in-out left;<br />
-moz-transition: 0.4s ease-in-out left;<br />
-o-transition: 0.4s ease-in-out left;<br />
transition: 0.4s ease-in-out left;<br />
}<br />
<br />
.pivot > .pivot-items > .active,<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
display: block;<br />
}<br />
<br />
.pivot > .pivot-items > .active {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next {<br />
left: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .prev {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next.left,<br />
.pivot > .pivot-items > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items .active.right {<br />
left: 100%;<br />
}<br />
<br />
.listview.grid-layout {<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.grid-layout .listview-item {<br />
margin-right: 24px;<br />
}<br />
<br />
.listview.list-layout {<br />
width: 330px;<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.list-layout.big {<br />
width: 430px;<br />
}<br />
<br />
.listview-item {<br />
position: relative;<br />
display: inline-block;<br />
width: 282px;<br />
min-height: 60px;<br />
padding: 10px;<br />
margin-top: 15px;<br />
margin-bottom: 7px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
vertical-align: top;<br />
border: solid 3px transparent;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item:hover {<br />
cursor: pointer;<br />
border: solid 3px #225a68;<br />
}<br />
<br />
.listview-item.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.listview-item.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.listview-item.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.listview-item-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item-body p {<br />
height: 20px;<br />
margin: 0;<br />
overflow: hidden;<br />
line-height: 20px;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-body p.two-lines {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-body p.three-lines {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-object {<br />
display: block;<br />
width: 60px;<br />
height: 60px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 60px;<br />
height: 60px;<br />
font-size: 60px;<br />
line-height: 60px;<br />
}<br />
<br />
.listview-item-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-subheading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
color: #eeeeee;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item.big {<br />
width: 380px;<br />
}<br />
<br />
.listview-item.big .listview-item-object {<br />
display: block;<br />
width: 112px;<br />
height: 112px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item.big .listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 112px;<br />
height: 112px;<br />
font-size: 112px;<br />
line-height: 112px;<br />
}<br />
<br />
/*<br />
Tile ListView<br />
*/<br />
<br />
.metro .tile-listviewitem-container {<br />
overflow: auto;<br />
}<br />
<br />
.metro .tile-listviewitem {<br />
position: relative;<br />
display: block;<br />
height: 113px;<br />
padding: 7px 0;<br />
margin: 0 0 13px 0;<br />
overflow: hidden;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: transparent;<br />
}<br />
<br />
.metro .tile-listviewitem img {<br />
display: inline-block;<br />
width: 100%;<br />
height: 100%;<br />
margin-left: 7px;<br />
vertical-align: top;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro .tile-listviewitem .detail {<br />
display: inline-block;<br />
height: 113px;<br />
margin-right: 7px;<br />
margin-left: 10px;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
vertical-align: top;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .title {<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .subtitle {<br />
font-size: 10px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem.selected {<br />
color: #FFF;<br />
background-color: #4617b4;<br />
}<br />
<br />
.metro .tile-listviewitem:hover {<br />
background-color: #b3b3b3;<br />
}<br />
<br />
.metro .tile-listviewitem.selected:hover {<br />
background-color: #4617b4;<br />
}<br />
<br />
article.tile-listviewitem-detail {<br />
margin-left: 72px;<br />
}<br />
<br />
article.tile-listviewitem-detail header img {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h1 {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h2 {<br />
font-size: 14px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail section {<br />
padding-top: 20px;<br />
}<br />
<br />
#charms {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
display: block;<br />
width: 320px;<br />
height: 100%;<br />
padding: 0;<br />
margin: 0;<br />
background-color: #004D60;<br />
}<br />
<br />
#charms a.win-command {<br />
display: inline-block;<br />
padding: 0;<br />
margin: 0;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
#charms .charms-section {<br />
margin: 0 40px 40px 40px;<br />
}<br />
<br />
#charms a:hover {<br />
background-color: #216475;<br />
}<br />
<br />
#charms .charms-header {<br />
position: relative;<br />
padding: 40px 0 30px 0;<br />
}<br />
<br />
#charms .charms-header a#pin-charms {<br />
position: absolute;<br />
top: 2px;<br />
right: 2px;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: -24px;<br />
font-size: 11px;<br />
color: #FFF;<br />
text-align: center;<br />
}<br />
<br />
#charms .charms-header a#pin-charms.active {<br />
color: #000;<br />
background-color: #FFF;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
}<br />
<br />
#charms .charms-header h2 {<br />
display: inline-block;<br />
margin-left: 10px;<br />
color: #FFF;<br />
}<br />
<br />
#charms hr {<br />
border: 1px solid #357281;<br />
}<br />
<br />
#charms h2,<br />
#charms h3,<br />
#charms h4,<br />
#charms p,<br />
#charms a,<br />
#charms label {<br />
color: #19BFC9;<br />
}<br />
<br />
#charms .charms-header a.win-backbutton {<br />
width: 32px;<br />
height: 32px;<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
}<br />
<br />
#charms-body {<br />
min-width: 350px;<br />
}<br />
<br />
#charms.slide {<br />
right: -320px;<br />
-webkit-transition: all 0.36s ease;<br />
-moz-transition: all 0.36s ease;<br />
-ms-transition: all 0.36s ease;<br />
-o-transition: all 0.36s ease;<br />
transition: all 0.36s ease;<br />
}<br />
<br />
#charms.slide.in {<br />
right: 0;<br />
}<br />
<br />
#wizard-step-content {<br />
padding: 0;<br />
margin-top: 20px;<br />
vertical-align: top;<br />
}<br />
<br />
.wizard {<br />
background-color: #FFF;<br />
}<br />
<br />
#wizard-steps-container {<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
}<br />
<br />
#wizard-steps-container h2 {<br />
padding: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
ul#wizard-steps {<br />
margin: 0;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li.active {<br />
background-color: #FFF;<br />
}<br />
<br />
ul#wizard-steps li.active a {<br />
color: #666;<br />
}<br />
<br />
ul#wizard-steps li {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li a {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
padding: 0 20px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
color: #FFF;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
/*!<br />
* Bootstrap Responsive v2.2.1<br />
*<br />
* Copyright 2012 Twitter, Inc<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
* Designed and built with all the love in the world @twitter by @mdo and @fat.<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
@-ms-viewport {<br />
width: device-width;<br />
}<br />
<br />
.hidden {<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
.visible-phone {<br />
display: none !important;<br />
}<br />
<br />
.visible-tablet {<br />
display: none !important;<br />
}<br />
<br />
.hidden-desktop {<br />
display: none !important;<br />
}<br />
<br />
.visible-desktop {<br />
display: inherit !important;<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important ;<br />
}<br />
.visible-tablet {<br />
display: inherit !important;<br />
}<br />
.hidden-tablet {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important;<br />
}<br />
.visible-phone {<br />
display: inherit !important;<br />
}<br />
.hidden-phone {<br />
display: none !important;<br />
}<br />
}<br />
<br />
.visible-print {<br />
display: none !important;<br />
}<br />
<br />
@media print {<br />
.visible-print {<br />
display: inherit !important;<br />
}<br />
.hidden-print {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
.row {<br />
margin-left: -30px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 30px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 1170px;<br />
}<br />
.span12 {<br />
width: 1170px;<br />
}<br />
.span11 {<br />
width: 1070px;<br />
}<br />
.span10 {<br />
width: 970px;<br />
}<br />
.span9 {<br />
width: 870px;<br />
}<br />
.span8 {<br />
width: 770px;<br />
}<br />
.span7 {<br />
width: 670px;<br />
}<br />
.span6 {<br />
width: 570px;<br />
}<br />
.span5 {<br />
width: 470px;<br />
}<br />
.span4 {<br />
width: 370px;<br />
}<br />
.span3 {<br />
width: 270px;<br />
}<br />
.span2 {<br />
width: 170px;<br />
}<br />
.span1 {<br />
width: 70px;<br />
}<br />
.offset12 {<br />
margin-left: 1230px;<br />
}<br />
.offset11 {<br />
margin-left: 1130px;<br />
}<br />
.offset10 {<br />
margin-left: 1030px;<br />
}<br />
.offset9 {<br />
margin-left: 930px;<br />
}<br />
.offset8 {<br />
margin-left: 830px;<br />
}<br />
.offset7 {<br />
margin-left: 730px;<br />
}<br />
.offset6 {<br />
margin-left: 630px;<br />
}<br />
.offset5 {<br />
margin-left: 530px;<br />
}<br />
.offset4 {<br />
margin-left: 430px;<br />
}<br />
.offset3 {<br />
margin-left: 330px;<br />
}<br />
.offset2 {<br />
margin-left: 230px;<br />
}<br />
.offset1 {<br />
margin-left: 130px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
*margin-left: 2.5109110747408616%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.45299145299145%;<br />
*width: 91.39979996362975%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.90598290598291%;<br />
*width: 82.8527914166212%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
*width: 74.30578286961266%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.81196581196582%;<br />
*width: 65.75877432260411%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.26495726495726%;<br />
*width: 57.21176577559556%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.717948717948715%;<br />
*width: 48.664757228587014%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.17094017094017%;<br />
*width: 40.11774868157847%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.623931623931625%;<br />
*width: 31.570740134569924%;<br />
}<br />
.row-fluid .span3 {<br />
width: 23.076923076923077%;<br />
*width: 23.023731587561375%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.52991452991453%;<br />
*width: 14.476723040552828%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
*width: 5.929714493544281%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.12820512820512%;<br />
*margin-left: 105.02182214948171%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.56410256410257%;<br />
*margin-left: 102.45771958537915%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.58119658119658%;<br />
*margin-left: 96.47481360247316%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.01709401709402%;<br />
*margin-left: 93.91071103837061%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.03418803418803%;<br />
*margin-left: 87.92780505546462%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.47008547008548%;<br />
*margin-left: 85.36370249136206%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.48717948717949%;<br />
*margin-left: 79.38079650845607%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.92307692307693%;<br />
*margin-left: 76.81669394435352%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 70.94017094017094%;<br />
*margin-left: 70.83378796144753%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.37606837606839%;<br />
*margin-left: 68.26968539734497%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.393162393162385%;<br />
*margin-left: 62.28677941443899%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.82905982905982%;<br />
*margin-left: 59.72267685033642%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 53.84615384615384%;<br />
*margin-left: 53.739770867430444%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.28205128205128%;<br />
*margin-left: 51.175668303327875%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.299145299145295%;<br />
*margin-left: 45.1927623204219%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.73504273504273%;<br />
*margin-left: 42.62865975631933%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 36.75213675213675%;<br />
*margin-left: 36.645753773413354%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.18803418803419%;<br />
*margin-left: 34.081651209310785%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.205128205128204%;<br />
*margin-left: 28.0987452264048%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.641025641025642%;<br />
*margin-left: 25.53464266230224%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.65811965811966%;<br />
*margin-left: 19.551736679396257%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.094017094017094%;<br />
*margin-left: 16.98763411529369%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.11111111111111%;<br />
*margin-left: 11.004728132387708%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.547008547008547%;<br />
*margin-left: 8.440625568285142%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 30px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 1156px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 1056px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 956px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 856px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 756px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 656px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 556px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 456px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 356px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 256px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 156px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 56px;<br />
}<br />
.thumbnails {<br />
margin-left: -30px;<br />
}<br />
.thumbnails > li {<br />
margin-left: 30px;<br />
}<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 724px;<br />
}<br />
.span12 {<br />
width: 724px;<br />
}<br />
.span11 {<br />
width: 662px;<br />
}<br />
.span10 {<br />
width: 600px;<br />
}<br />
.span9 {<br />
width: 538px;<br />
}<br />
.span8 {<br />
width: 476px;<br />
}<br />
.span7 {<br />
width: 414px;<br />
}<br />
.span6 {<br />
width: 352px;<br />
}<br />
.span5 {<br />
width: 290px;<br />
}<br />
.span4 {<br />
width: 228px;<br />
}<br />
.span3 {<br />
width: 166px;<br />
}<br />
.span2 {<br />
width: 104px;<br />
}<br />
.span1 {<br />
width: 42px;<br />
}<br />
.offset12 {<br />
margin-left: 764px;<br />
}<br />
.offset11 {<br />
margin-left: 702px;<br />
}<br />
.offset10 {<br />
margin-left: 640px;<br />
}<br />
.offset9 {<br />
margin-left: 578px;<br />
}<br />
.offset8 {<br />
margin-left: 516px;<br />
}<br />
.offset7 {<br />
margin-left: 454px;<br />
}<br />
.offset6 {<br />
margin-left: 392px;<br />
}<br />
.offset5 {<br />
margin-left: 330px;<br />
}<br />
.offset4 {<br />
margin-left: 268px;<br />
}<br />
.offset3 {<br />
margin-left: 206px;<br />
}<br />
.offset2 {<br />
margin-left: 144px;<br />
}<br />
.offset1 {<br />
margin-left: 82px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.7624309392265194%;<br />
*margin-left: 2.709239449864817%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.7624309392265194%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.43646408839778%;<br />
*width: 91.38327259903608%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.87292817679558%;<br />
*width: 82.81973668743387%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.30939226519337%;<br />
*width: 74.25620077583166%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.74585635359117%;<br />
*width: 65.69266486422946%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.18232044198895%;<br />
*width: 57.12912895262725%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.61878453038674%;<br />
*width: 48.56559304102504%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.05524861878453%;<br />
*width: 40.00205712942283%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.491712707182323%;<br />
*width: 31.43852121782062%;<br />
}<br />
.row-fluid .span3 {<br />
width: 22.92817679558011%;<br />
*width: 22.87498530621841%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.3646408839779%;<br />
*width: 14.311449394616199%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.801104972375691%;<br />
*width: 5.747913483013988%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.52486187845304%;<br />
*margin-left: 105.41847889972962%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.76243093922652%;<br />
*margin-left: 102.6560479605031%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.96132596685082%;<br />
*margin-left: 96.8549429881274%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.1988950276243%;<br />
*margin-left: 94.09251204890089%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.39779005524862%;<br />
*margin-left: 88.2914070765252%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.6353591160221%;<br />
*margin-left: 85.52897613729868%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.8342541436464%;<br />
*margin-left: 79.72787116492299%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 77.07182320441989%;<br />
*margin-left: 76.96544022569647%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 71.2707182320442%;<br />
*margin-left: 71.16433525332079%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.50828729281768%;<br />
*margin-left: 68.40190431409427%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.70718232044199%;<br />
*margin-left: 62.600799341718584%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.94475138121547%;<br />
*margin-left: 59.838368402492065%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 54.14364640883978%;<br />
*margin-left: 54.037263430116376%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.38121546961326%;<br />
*margin-left: 51.27483249088986%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.58011049723757%;<br />
*margin-left: 45.47372751851417%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.81767955801105%;<br />
*margin-left: 42.71129657928765%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 37.01657458563536%;<br />
*margin-left: 36.91019160691196%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.25414364640884%;<br />
*margin-left: 34.14776066768544%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.45303867403315%;<br />
*margin-left: 28.346655695309746%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.69060773480663%;<br />
*margin-left: 25.584224756083227%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.88950276243094%;<br />
*margin-left: 19.783119783707537%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.12707182320442%;<br />
*margin-left: 17.02068884448102%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.32596685082873%;<br />
*margin-left: 11.219583872105325%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.56353591160221%;<br />
*margin-left: 8.457152932878806%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 710px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 648px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 586px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 524px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 462px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 400px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 338px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 276px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 214px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 152px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 90px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 28px;<br />
}<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (min-width: 321px) and (max-width: 1023px) {<br />
hr.win-command {<br />
margin-right: 9px;<br />
margin-left: 10px;<br />
}<br />
}<br />
<br />
/* Narrow buttons and no labels when < 1024px. */<br />
<br />
@media (max-width: 1023px) {<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
display: none;<br />
}<br />
a.win-command .win-commandicon,<br />
button.win-command .win-commandicon {<br />
margin: 0 8px;<br />
/* 2px margin for focus */<br />
<br />
}<br />
.win-commandlayout {<br />
min-height: 68px;<br />
}<br />
hr.win-command {<br />
margin-top: 14px;<br />
margin-bottom: 14px;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
body {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom,<br />
.navbar-static-top {<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.dl-horizontal dt {<br />
float: none;<br />
width: auto;<br />
clear: none;<br />
text-align: left;<br />
}<br />
.dl-horizontal dd {<br />
margin-left: 0;<br />
}<br />
.container {<br />
width: auto;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
}<br />
.row,<br />
.thumbnails {<br />
margin-left: 0;<br />
}<br />
.thumbnails > li {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: none;<br />
width: 100%;<br />
margin-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.span12,<br />
.row-fluid .span12 {<br />
width: 100%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="offset"]:first-child {<br />
margin-left: 0;<br />
}<br />
.input-large,<br />
.input-xlarge,<br />
.input-xxlarge,<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.input-prepend input,<br />
.input-append input,<br />
.input-prepend input[class*="span"],<br />
.input-append input[class*="span"] {<br />
display: inline-block;<br />
width: auto;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 0;<br />
}<br />
.modal {<br />
position: fixed;<br />
top: 20px;<br />
right: 20px;<br />
left: 20px;<br />
width: auto;<br />
margin: 0;<br />
}<br />
.modal.fade {<br />
top: -100px;<br />
}<br />
.modal.fade.in {<br />
top: 20px;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.nav-collapse {<br />
-webkit-transform: translate3d(0, 0, 0);<br />
}<br />
.page-header h1 small {<br />
display: block;<br />
line-height: 20px;<br />
}<br />
input[type="checkbox"],<br />
input[type="radio"] {<br />
border: 1px solid #ccc;<br />
}<br />
.form-horizontal .control-label {<br />
float: none;<br />
width: auto;<br />
padding-top: 0;<br />
text-align: left;<br />
}<br />
.form-horizontal .controls {<br />
margin-left: 0;<br />
}<br />
.form-horizontal .control-list {<br />
padding-top: 0;<br />
}<br />
.form-horizontal .form-actions {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
.media .pull-left,<br />
.media .pull-right {<br />
display: block;<br />
float: none;<br />
margin-bottom: 10px;<br />
}<br />
.media-object {<br />
margin-right: 0;<br />
margin-left: 0;<br />
}<br />
.modal {<br />
top: 10px;<br />
right: 10px;<br />
left: 10px;<br />
}<br />
.modal-header .close {<br />
padding: 10px;<br />
margin: -10px;<br />
}<br />
.carousel-caption {<br />
position: static;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.panorama {<br />
margin: 0;<br />
}<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
top: 0;<br />
}<br />
}<br />
<br />
@media (max-width: 979px) {<br />
body {<br />
padding-top: 0;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: static;<br />
}<br />
.navbar-fixed-top {<br />
margin-bottom: 20px;<br />
}<br />
.navbar-fixed-bottom {<br />
margin-top: 20px;<br />
}<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding: 5px;<br />
}<br />
.navbar .container {<br />
width: auto;<br />
padding: 0;<br />
}<br />
.navbar .brand {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
margin: 0 0 0 -5px;<br />
}<br />
.nav-collapse {<br />
clear: both;<br />
}<br />
.nav-collapse .nav {<br />
float: none;<br />
margin: 0 0 10px;<br />
}<br />
.nav-collapse .nav > li {<br />
float: none;<br />
}<br />
.nav-collapse .nav > li > a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > .divider-vertical {<br />
display: none;<br />
}<br />
.nav-collapse .nav .nav-header {<br />
color: #777777;<br />
text-shadow: none;<br />
}<br />
.nav-collapse .nav > li > a,<br />
.nav-collapse .dropdown-menu a {<br />
padding: 9px 15px;<br />
font-weight: bold;<br />
color: #777777;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
.nav-collapse .btn {<br />
padding: 4px 10px 4px;<br />
font-weight: normal;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.nav-collapse .dropdown-menu li + li a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > li > a:hover,<br />
.nav-collapse .nav > li > a:focus,<br />
.nav-collapse .dropdown-menu a:hover,<br />
.nav-collapse .dropdown-menu a:focus {<br />
background-color: #f2f2f2;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a,<br />
.navbar-inverse .nav-collapse .dropdown-menu a {<br />
color: #999999;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a:hover,<br />
.navbar-inverse .nav-collapse .nav > li > a:focus,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:hover,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:focus {<br />
background-color: #111111;<br />
}<br />
.nav-collapse.in .btn-group {<br />
padding: 0;<br />
margin-top: 5px;<br />
}<br />
.nav-collapse .dropdown-menu {<br />
position: static;<br />
top: auto;<br />
left: auto;<br />
display: none;<br />
float: none;<br />
max-width: none;<br />
padding: 0;<br />
margin: 0 15px;<br />
background-color: transparent;<br />
border: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
.nav-collapse .open > .dropdown-menu {<br />
display: block;<br />
}<br />
.nav-collapse .dropdown-menu:before,<br />
.nav-collapse .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .dropdown-menu .divider {<br />
display: none;<br />
}<br />
.nav-collapse .nav > li > .dropdown-menu:before,<br />
.nav-collapse .nav > li > .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .navbar-form,<br />
.nav-collapse .navbar-search {<br />
float: none;<br />
padding: 10px 15px;<br />
margin: 10px 0;<br />
border-top: 1px solid #f2f2f2;<br />
border-bottom: 1px solid #f2f2f2;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
}<br />
.navbar-inverse .nav-collapse .navbar-form,<br />
.navbar-inverse .nav-collapse .navbar-search {<br />
border-top-color: #111111;<br />
border-bottom-color: #111111;<br />
}<br />
.navbar .nav-collapse .nav.pull-right {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
.nav-collapse,<br />
.nav-collapse.collapse {<br />
height: 0;<br />
overflow: hidden;<br />
}<br />
.navbar .btn-navbar {<br />
display: block;<br />
}<br />
.navbar-static .navbar-inner {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
}<br />
<br />
@media (min-width: 980px) {<br />
.nav-collapse.collapse {<br />
height: auto !important;<br />
overflow: visible !important;<br />
}<br />
}<br />
<br />
/*<br />
Typographic color definitions.<br />
*/<br />
.win-ui-dark body {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
html,<br />
body {<br />
color: #333;<br />
background-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
This class reverses the colors on the subtree to which it is applied.<br />
*/<br />
.win-ui-dark {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
/*<br />
Text selection color<br />
*/<br />
<br />
::selection, select:focus::-ms-value {<br />
background-color: rgb(87, 41, 193);<br />
color: #FFF;<br />
}<br />
<br />
/*<br />
Text input, checkbox, radio, and select control colors.<br />
*/<br />
.win-ui-dark input[type=text], .win-ui-dark input[type=password],<br />
.win-ui-dark input[type=email], .win-ui-dark input[type=number],<br />
.win-ui-dark input[type=tel], .win-ui-dark input[type=url],<br />
.win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea,<br />
.win-ui-dark select, .win-ui-dark input::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover,<br />
.win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover,<br />
.win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover,<br />
.win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover,<br />
.win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active,<br />
.win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active,<br />
.win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active,<br />
.win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active,<br />
.win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active,<br />
.win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active,<br />
.win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active,<br />
.win-ui-dark textarea:focus, .win-ui-dark textarea:active,<br />
.win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active,<br />
.win-ui-dark select:focus, .win-ui-dark select:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled,<br />
.win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled,<br />
.win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled,<br />
.win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value,<br />
.win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled,<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
border-color: transparent;<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=text], input[type=password],<br />
input[type=email], input[type=number],<br />
input[type=tel], input[type=url],<br />
input[type=search], select, textarea,<br />
.win-textarea, input::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: rgba(0, 0, 0, 0.27);<br />
color: #000;<br />
}<br />
input[type=text]:hover, input[type=password]:hover,<br />
input[type=email]:hover, input[type=number]:hover,<br />
input[type=tel]:hover, input[type=url]:hover,<br />
input[type=search]:hover, textarea:hover,<br />
select:hover, .win-textarea:hover, input:hover::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: rgba(0, 0, 0, 0.44);<br />
color: #000;<br />
}<br />
input[type=text]:focus, input[type=text]:active,<br />
input[type=password]:focus, input[type=password]:active,<br />
input[type=email]:focus, input[type=email]:active,<br />
input[type=number]:focus, input[type=number]:active,<br />
input[type=tel]:focus, input[type=tel]:active,<br />
input[type=url]:focus, input[type=url]:active,<br />
input[type=search]:focus, input[type=search]:active,<br />
textarea:focus, textarea:active,<br />
.win-textarea:focus, .win-textarea:active,<br />
select:focus, select:active {<br />
background-color: #FFF;<br />
border-color: rgba(0, 0, 0, 0.6);<br />
color: #000;<br />
}<br />
input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
input[type=text]:disabled, input[type=password]:disabled,<br />
input[type=email]:disabled, input[type=number]:disabled,<br />
input[type=tel]:disabled, input[type=url]:disabled,<br />
input[type=search]:disabled, textarea:disabled,<br />
.win-textarea:disabled, select:disabled,<br />
input:disabled::-ms-check, input:disabled:active::-ms-check {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.15);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
/*<br />
Placeholder text.<br />
*/<br />
.win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder,<br />
.win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.6); /* same in dark and light */<br />
}<br />
.win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder {<br />
color: rgba(255, 255, 255, 0.22);<br />
}<br />
input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.22);<br />
}<br />
<br />
/*<br />
Invalid style.<br />
*/<br />
input[type]:invalid {<br />
outline-color: rgb(255, 128, 51);<br />
outline-width: 2px;<br />
}<br />
<br />
/*<br />
Option for select control (all colors are same for both light and dark).<br />
*/<br />
option:checked, select:focus::-ms-value {<br />
color: #FFF;<br />
background-color: rgb(70, 23, 180);<br />
}<br />
option:hover {<br />
color: #000;<br />
background-color: rgb(197, 197, 197);<br />
}<br />
select:focus option:hover {<br />
color: #000;<br />
background-color: rgb(222, 222, 222);<br />
}<br />
option:checked:hover, select:focus option:checked:hover {<br />
color: #FFF;<br />
background-color: rgb(95, 55, 190);<br />
}<br />
option:hover:active, select:focus option:hover:active{<br />
color: #000;<br />
background-color: rgb(211, 211, 211);<br />
}<br />
.win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active,<br />
.win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active,<br />
.win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active,<br />
.win-ui-dark select:disabled:focus::-ms-value {<br />
background-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
option:checked:disabled, option:checked:disabled:active,<br />
optgroup:disabled option:checked, optgroup:disabled option:checked:active,<br />
select:disabled option:checked, select:disabled option:checked:active,<br />
select:disabled:focus::-ms-value {<br />
background-color: rgba(0, 0, 0, 0.55);<br />
color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
<br />
/*<br />
Button control colors.<br />
*/<br />
.win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit],<br />
.win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[type=submit], .win-ui-dark input[type=submit] {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover,<br />
.win-ui-dark input[type=file]::-ms-browse:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
}<br />
.win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active,<br />
.win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active,<br />
.win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled,<br />
.win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled,<br />
.win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse,<br />
.win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active,<br />
.win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active,<br />
.win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
button, input[type=button], input[type=submit],<br />
input[type=reset], input[type=file]::-ms-browse {<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
}<br />
button[type=submit], input[type=submit]{<br />
background-clip: border-box;<br />
background-color: rgb(70, 23, 180);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover, input[type=button]:hover, input[type=reset]:hover,<br />
input[type=file]::-ms-browse:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(164, 164, 164, 0.45);<br />
}<br />
button[type=submit]:hover, input[type=submit]:hover {<br />
background-clip: border-box;<br />
background-color: rgb(95, 55, 190);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover:active, button[type=submit]:hover:active,<br />
input[type=button]:hover:active, input[type=reset]:hover:active,<br />
input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:disabled, button[type=submit]:disabled,<br />
input[type=button]:disabled, input[type=reset]:disabled,<br />
input[type=submit]:disabled, input[type=file]:disabled::-ms-browse,<br />
button:disabled:active, button[type=submit]:disabled:active,<br />
input[type=button]:disabled:active, input[type=reset]:disabled:active,<br />
input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active {<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
<br />
/*<br />
File upload control colors.<br />
*/<br />
input[type=file] {<br />
background-color: transparent;<br />
border-color: transparent;<br />
color: transparent;<br />
}<br />
<br />
<br />
<br />
/*<br />
Headers colors.<br />
*/<br />
.accent-color,<br />
header h1,<br />
header h2,<br />
table th {color: #24A0DA;}<br />
.accent-bg {background:#24A0DA;}<br />
<br />
a#user-info h3,<br />
a#user-info h4 { color: rgb(0, 130, 135); }<br />
a#user-info:hover { background-color: rgb(0, 130, 135); }<br />
a#user-info:hover h3,<br />
a#user-info:hover h4 { color: #FFF; }<br />
<br />
/*<br />
Link colors.<br />
*/<br />
.win-ui-dark a {<br />
color: rgb(156, 114, 255);<br />
}<br />
.win-ui-dark a:hover:active {<br />
color: rgba(156, 114, 255, 0.6);<br />
}<br />
.win-ui-dark a:hover {<br />
color: rgba(156, 114, 255, 0.8);<br />
}<br />
.win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a {<br />
color: rgb(79, 26, 203);<br />
}<br />
a:hover:active {<br />
color: rgba(79, 26, 203, 0.6);<br />
}<br />
a:hover {<br />
color: rgba(79, 26, 203, 0.8);<br />
}<br />
a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
/*<br />
Range control colors.<br />
*/<br />
input[type=range], input[type=range]::-ms-track {<br />
background-color: transparent;<br />
}<br />
<br />
/*<br />
Progress control colors.<br />
*/<br />
.win-ui-dark.progress.progress-indeterminate {<br />
background-color: #1D1D1D;<br />
}<br />
.progress {<br />
background-color: #D4D4D4;<br />
color: rgb(70, 23, 180);<br />
}<br />
<br />
<br />
/*<br />
FlipView control colors.<br />
*/<br />
.win-flipview .win-navbutton {<br />
background-color: rgba(213, 213, 213, 0.35);<br />
color: rgba(0, 0, 0, 0.60);<br />
}<br />
.win-flipview .win-navbutton:hover {<br />
background-color: rgba(215, 215, 215, 0.94);<br />
color: rgba(0, 0, 0, 1.0);<br />
}<br />
.win-flipview .win-navbutton:hover:active {<br />
background-color: rgba(41, 41, 41, 0.74);<br />
color: rgba(255, 255, 255, 1.0);<br />
}<br />
<br />
/*<br />
ListView control colors.<br />
*/<br />
.win-ui-dark .win-listview .win-container:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
outline: rgba(255, 255, 255, 0.3) solid 3px;<br />
}<br />
.win-ui-dark .win-listview .win-focusedoutline {<br />
outline: #FFF solid 2px;<br />
}<br />
.win-listview .win-container:hover {<br />
background-color: rgba(0, 0, 0, 0.3);<br />
outline: rgba(0, 0, 0, 0.3) solid 3px;<br />
}<br />
.win-listview .win-focusedoutline {<br />
outline: #000 solid 2px;<br />
}<br />
.win-listview .win-container.win-selected:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-listview .win-container.win-swipe:hover {<br />
background-color: transparent;<br />
outline: none;<br />
}<br />
.win-listview .win-selected {<br />
color: #FFF;<br />
}<br />
.win-container.win-selected .win-selectionborder {<br />
border-color: rgb(70, 23, 180);<br />
}<br />
.win-container.win-selected:hover .win-selectionborder {<br />
border-color: rgb(95, 55, 190);<br />
}<br />
.win-selected .win-selectionbackground {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-selected:hover .win-selectionbackground {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-selectioncheckmark {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-selectionhint {<br />
color: #FFF;<br />
}<br />
.win-selectionhint {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-selectioncheckmarkbackground {<br />
border-top-color: rgb(70, 23, 180);<br />
border-right-color: rgb(70, 23, 180);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-top-color: rgb(95, 55, 190);<br />
border-right-color: rgb(95, 55, 190);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(70, 23, 180);<br />
border-right-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(95, 55, 190);<br />
border-right-color: transparent;<br />
}<br />
<br />
<br />
/*<br />
Back button control colors.<br />
*/<br />
.win-ui-dark .win-backbutton {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover:active {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
color: #000;<br />
}<br />
.win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-backbutton {<br />
background-color: transparent;<br />
border-color: #000;<br />
color: #000;<br />
}<br />
.win-backbutton:hover {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
color: #000;<br />
text-decoration: none;<br />
}<br />
.win-backbutton:hover:active {<br />
background-color: #000;<br />
border-color: #000;<br />
color: #FFF;<br />
}<br />
.win-backbutton:disabled, .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button colors.<br />
*/<br />
button.win-command {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:hover:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:disabled {<br />
border-color: transparent;<br />
background-color: transparent;<br />
}<br />
.win-ui-dark button.win-command:focus {<br />
border-color: #FFF;<br />
}<br />
button.win-command:focus {<br />
border-color: #000;<br />
}<br />
button.win-hidefocus:focus {<br />
outline: none;<br />
}<br />
button.win-command.win-hidefocus:focus {<br />
border-color: transparent;<br />
}<br />
.win-ui-dark .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled .win-commandimage,<br />
.win-ui-dark button:disabled:active .win-commandimage {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark button[aria-checked=true] .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
.win-commandimage {<br />
color: #000;<br />
}<br />
button:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button:disabled .win-commandimage,<br />
button:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
button[aria-checked=true] .win-commandimage,<br />
button[aria-checked=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button[aria-checked=true]:hover .win-commandimage,<br />
button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
button[aria-checked=true]:disabled .win-commandimage,<br />
button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Command ring colors.<br />
*/<br />
.win-ui-dark .win-commandring.active,<br />
.win-ui-dark .win-commandring.active {<br />
background-color: #FFF;<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring,<br />
.win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:hover .win-commandring,<br />
.win-ui-dark button:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:hover:active .win-commandring,<br />
.win-ui-dark button:hover:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:disabled .win-commandring,<br />
.win-ui-dark a:disabled:active .win-commandring,<br />
.win-ui-dark button:disabled .win-commandring,<br />
.win-ui-dark button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark a[aria-checked=true] .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true] .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a.active .win-commandring,<br />
.win-ui-dark button.active .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:hover .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:hover:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:disabled:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring,<br />
.win-commandring, button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #000;<br />
}<br />
a:hover .win-commandring,<br />
button:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a:hover:active .win-commandring,<br />
button:hover:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a:disabled .win-commandring,<br />
a:disabled:active .win-commandring,<br />
button:disabled .win-commandring,<br />
button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover .win-commandring,<br />
button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover:active .win-commandring,<br />
button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.4);<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button labels colors.<br />
*/<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark a.win-command .win-label,<br />
.win-ui-dark button.win-command .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a.win-command:disabled .win-label,<br />
.win-ui-dark a.win-command:disabled:active .win-label,<br />
.win-ui-dark button.win-command:disabled .win-label,<br />
.win-ui-dark button.win-command:disabled:active .win-label {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a.win-command:disabled .win-label,<br />
a.win-command:disabled:active .win-label,<br />
button.win-command:disabled .win-label,<br />
button.win-command:disabled:active .win-label {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
AppBarCommand (and MenuCommand) separator.<br />
*/<br />
hr.win-command {<br />
/* Same color in both light and dark. */<br />
background-color: rgb(123, 123, 123);<br />
}<br />
/*<br />
AppBar control colors.<br />
*/<br />
.win-ui-dark.win-appbar, .win-ui-dark .win-appbar {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
.win-appbar {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Flyout control colors, flyout normally has light theme.<br />
*/<br />
.win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-settingsflyout {<br />
border-color: rgba(0, 0, 0, 0.24);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-ui-dark.win-flyout, .win-ui-dark .win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #000;<br />
}<br />
<br />
.win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout {<br />
border-color: rgba(255, 255, 255, 0.24);<br />
background-color: #000;<br />
}<br />
<br />
/*<br />
Menu button colors, menu is always light theme.<br />
*/<br />
.win-menu button {<br />
background-color: transparent;<br />
color: #000;<br />
}<br />
.win-menu button:focus,<br />
.win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-menu button:hover:active {<br />
color: #FFF;<br />
background-color: #000;<br />
}<br />
.win-menu button:disabled,<br />
.win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(0, 0, 0, 0.1);<br />
}<br />
.win-ui-dark.win-menu button, .win-ui-dark .win-menu button {<br />
background-color: transparent;<br />
color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus,<br />
.win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active {<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled,<br />
.win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(255, 255, 255, 0.1);<br />
}<br />
<br />
/*<br />
Rating control colors.<br />
*/<br />
.win-ui-dark .win-rating .win-star.win-user.win-full,<br />
.win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(91, 46, 197);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-tentative.win-full {<br />
color: rgb(129, 82, 239);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-average.win-full,<br />
.win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-rating .win-star.win-empty {<br />
color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-rating .win-star.win-user.win-full,<br />
.win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-rating .win-star.win-tentative.win-full {<br />
color: rgb(114, 65, 228);<br />
}<br />
.win-rating .win-star.win-average.win-full,<br />
.win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #000;<br />
}<br />
.win-rating .win-star.win-empty {<br />
color: rgba(0, 0, 0, 0.35);<br />
}<br />
<br />
<br />
<br />
/*<br />
Toggleswitch control colors.<br />
*/<br />
<br />
.win-ui-dark .win-toggleswitch .win-title {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-title.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-title {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-title.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-ui-dark .win-toggleswitch .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-label.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-label {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-label.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-toggleswitch .win-switch::-ms-track {<br />
background-color: transparent;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.26);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.29);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.2);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.12);<br />
}<br />
.win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.26);<br />
}<br />
.win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.29);<br />
}<br />
.win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.2);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.12);<br />
}<br />
<br />
<br />
/*<br />
Tooltip control colors.<br />
*/<br />
.win-tooltip {<br />
background-color: #FFF;<br />
border-color: rgb(128, 128, 128);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
/*<br />
Label colors.<br />
*/<br />
label {<br />
/*color: rgba(0, 0, 0, 0.6);*/<br />
}<br />
<br />
.win-ui-dark label {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
/*<br />
Workaround appbar icon touch colors for Consumer Preview<br />
*/<br />
.win-ui-dark a:active .win-commandimage,<br />
.win-ui-dark button:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandimage,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:active .win-commandring,<br />
.win-ui-dark button:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandring,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
a:active .win-commandimage,<br />
button:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
a[aria-selected=true]:active .win-commandimage,<br />
button[aria-selected=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
a:active .win-commandring,<br />
button:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-selected=true]:active .win-commandring,<br />
button[aria-selected=true]:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Bootstrap Metro button<br />
-------------------------------------------------- */<br />
input.btn, button.btn, a.btn {<br />
font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif;<br />
}<br />
<br />
.btn {<br />
/*font-size: 11pt;*/<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
border: 2px solid #cccccc;<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: #e6e6e6;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #cccccc;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(205, 205, 205, 0.82);<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-ms-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.btn:focus {<br />
outline: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-color: #000;<br />
border-color:#000;<br />
color: #FFF;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
<br />
.btn-primary {<br />
background-color: #59008C;<br />
border-color: #59008C;<br />
color: #FFF;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
background-color: #781096;<br />
border-color: #781096;<br />
color: #CCC;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #781096;<br />
border-color: #781096;<br />
}<br />
<br />
<br />
.btn-warning {<br />
background-color: #faa732;<br />
border-color: #faa732;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
background-color: #f89406;<br />
border-color: #f89406;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #c67605;<br />
border-color: #c67605;<br />
}<br />
<br />
.btn-danger {<br />
background-color: #da4f49;<br />
border-color: #da4f49;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
background-color: #bd362f;<br />
border-color: #bd362f;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25;<br />
border-color: #942a25;<br />
}<br />
<br />
.btn-success {<br />
background-color: #5bb75b;<br />
border-color: #5bb75b;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
background-color: #51a351;<br />
border-color: #51a351;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140;<br />
border-color: #408140;<br />
}<br />
<br />
.btn-info {<br />
background-color: #49afcd;<br />
border-color: #49afcd;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
background-color: #2f96b4;<br />
border-color: #2f96b4;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c;<br />
border-color: #24748c;<br />
}<br />
<br />
.btn-inverse {<br />
background-color: #414141;<br />
border-color: #414141;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
background-color: #222222;<br />
border-color: #222222;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808;<br />
border-color: #080808;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.dropdown-menu {<br />
border: 2px solid #bababa;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
.alert .close {<br />
color: #FFF;<br />
/*opacity: 0.4;*/<br />
/*filter: alpha(opacity=40);*/<br />
}<br />
<br />
<br />
.well {<br />
background-color: #FFF;<br />
}<br />
<br />
/*!<br />
* Datepicker for Bootstrap<br />
*<br />
* Copyright 2012 Stefan Petre<br />
* Improvements by Andrew Rowls<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
.datepicker {<br />
padding: 4px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
direction: ltr;<br />
/*.dow {<br />
border-top: 1px solid #ddd !important;<br />
}*/<br />
<br />
}<br />
.datepicker-inline {<br />
width: 220px;<br />
}<br />
.datepicker.datepicker-rtl {<br />
direction: rtl;<br />
}<br />
.datepicker.datepicker-rtl table tr td span {<br />
float: right;<br />
}<br />
.datepicker-dropdown {<br />
top: 0;<br />
left: 0;<br />
}<br />
.datepicker-dropdown:before {<br />
content: '';<br />
display: inline-block;<br />
border-left: 7px solid transparent;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
position: absolute;<br />
top: -7px;<br />
left: 6px;<br />
}<br />
.datepicker-dropdown:after {<br />
content: '';<br />
display: inline-block;<br />
border-left: 6px solid transparent;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
position: absolute;<br />
top: -6px;<br />
left: 7px;<br />
}<br />
.datepicker > div {<br />
display: none;<br />
}<br />
.datepicker.days div.datepicker-days {<br />
display: block;<br />
}<br />
.datepicker.months div.datepicker-months {<br />
display: block;<br />
}<br />
.datepicker.years div.datepicker-years {<br />
display: block;<br />
}<br />
.datepicker table {<br />
margin: 0;<br />
}<br />
.datepicker td,<br />
.datepicker th {<br />
text-align: center;<br />
width: 20px;<br />
height: 20px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
border: none;<br />
}<br />
.table-striped .datepicker table tr td,<br />
.table-striped .datepicker table tr th {<br />
background-color: transparent;<br />
}<br />
.datepicker table tr td.day:hover {<br />
background: #eeeeee;<br />
cursor: pointer;<br />
}<br />
.datepicker table tr td.old,<br />
.datepicker table tr td.new {<br />
color: #999999;<br />
}<br />
.datepicker table tr td.disabled,<br />
.datepicker table tr td.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td.today,<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today.disabled:hover {<br />
background-color: #fde19a;<br />
/*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/<br />
/*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/<br />
border-color: #fdf59a #fdf59a #fbed50;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #000 !important;<br />
}<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today:hover:hover,<br />
.datepicker table tr td.today.disabled:hover,<br />
.datepicker table tr td.today.disabled:hover:hover,<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today:hover.disabled,<br />
.datepicker table tr td.today.disabled.disabled,<br />
.datepicker table tr td.today.disabled:hover.disabled,<br />
.datepicker table tr td.today[disabled],<br />
.datepicker table tr td.today:hover[disabled],<br />
.datepicker table tr td.today.disabled[disabled],<br />
.datepicker table tr td.today.disabled:hover[disabled] {<br />
background-color: #fdf59a;<br />
}<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active {<br />
background-color: #fbf069 \9;<br />
}<br />
.datepicker table tr td.range,<br />
.datepicker table tr td.range:hover,<br />
.datepicker table tr td.range.disabled,<br />
.datepicker table tr td.range.disabled:hover {<br />
background: #eeeeee;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today,<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today.disabled:hover {<br />
background-color: #f3d17a;<br />
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));<br />
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: linear-gradient(top, #f3c17a, #f3e97a);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);<br />
border-color: #f3e97a #f3e97a #edde34;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today:hover:hover,<br />
.datepicker table tr td.range.today.disabled:hover,<br />
.datepicker table tr td.range.today.disabled:hover:hover,<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today:hover.disabled,<br />
.datepicker table tr td.range.today.disabled.disabled,<br />
.datepicker table tr td.range.today.disabled:hover.disabled,<br />
.datepicker table tr td.range.today[disabled],<br />
.datepicker table tr td.range.today:hover[disabled],<br />
.datepicker table tr td.range.today.disabled[disabled],<br />
.datepicker table tr td.range.today.disabled:hover[disabled] {<br />
background-color: #f3e97a;<br />
}<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active {<br />
background-color: #efe24b \9;<br />
}<br />
.datepicker table tr td.selected,<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected.disabled:hover {<br />
background-color: #9e9e9e;<br />
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));<br />
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -o-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: linear-gradient(top, #b3b3b3, #808080);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);<br />
border-color: #808080 #808080 #595959;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected:hover:hover,<br />
.datepicker table tr td.selected.disabled:hover,<br />
.datepicker table tr td.selected.disabled:hover:hover,<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected:hover.disabled,<br />
.datepicker table tr td.selected.disabled.disabled,<br />
.datepicker table tr td.selected.disabled:hover.disabled,<br />
.datepicker table tr td.selected[disabled],<br />
.datepicker table tr td.selected:hover[disabled],<br />
.datepicker table tr td.selected.disabled[disabled],<br />
.datepicker table tr td.selected.disabled:hover[disabled] {<br />
background-color: #808080;<br />
}<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active {<br />
background-color: #666666 \9;<br />
}<br />
.datepicker table tr td.active,<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active:hover:hover,<br />
.datepicker table tr td.active.disabled:hover,<br />
.datepicker table tr td.active.disabled:hover:hover,<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active:hover.disabled,<br />
.datepicker table tr td.active.disabled.disabled,<br />
.datepicker table tr td.active.disabled:hover.disabled,<br />
.datepicker table tr td.active[disabled],<br />
.datepicker table tr td.active:hover[disabled],<br />
.datepicker table tr td.active.disabled[disabled],<br />
.datepicker table tr td.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span {<br />
display: block;<br />
width: 23%;<br />
height: 54px;<br />
line-height: 54px;<br />
float: left;<br />
margin: 1%;<br />
cursor: pointer;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td span:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker table tr td span.disabled,<br />
.datepicker table tr td span.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td span.active,<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active:hover:hover,<br />
.datepicker table tr td span.active.disabled:hover,<br />
.datepicker table tr td span.active.disabled:hover:hover,<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active:hover.disabled,<br />
.datepicker table tr td span.active.disabled.disabled,<br />
.datepicker table tr td span.active.disabled:hover.disabled,<br />
.datepicker table tr td span.active[disabled],<br />
.datepicker table tr td span.active:hover[disabled],<br />
.datepicker table tr td span.active.disabled[disabled],<br />
.datepicker table tr td span.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span.old {<br />
color: #999999;<br />
}<br />
.datepicker th.datepicker-switch {<br />
width: 145px;<br />
}<br />
.datepicker thead tr:first-child th,<br />
.datepicker tfoot tr:first-child th {<br />
cursor: pointer;<br />
}<br />
.datepicker thead tr:first-child th:hover,<br />
.datepicker tfoot tr:first-child th:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker .cw {<br />
font-size: 10px;<br />
width: 12px;<br />
padding: 0 2px 0 5px;<br />
vertical-align: middle;<br />
}<br />
.datepicker thead tr:first-child th.cw {<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
.input-append.date .add-on i,<br />
.input-prepend.date .add-on i {<br />
display: block;<br />
cursor: pointer;<br />
width: 16px;<br />
height: 16px;<br />
}<br />
.input-daterange input {<br />
text-align: center;<br />
}<br />
.input-daterange input:first-child {<br />
-webkit-border-radius: 3px 0 0 3px;<br />
-moz-border-radius: 3px 0 0 3px;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.input-daterange input:last-child {<br />
-webkit-border-radius: 0 3px 3px 0;<br />
-moz-border-radius: 0 3px 3px 0;<br />
border-radius: 0 3px 3px 0;<br />
}<br />
.input-daterange .add-on {<br />
display: inline-block;<br />
width: auto;<br />
min-width: 16px;<br />
height: 18px;<br />
padding: 4px 5px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
vertical-align: middle;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
margin-left: -5px;<br />
margin-right: -5px;<br />
}<br />
<br />
/* Demo styles for Hub and other metro pages<br />
-------------------------------------------------- */<br />
<br />
<br />
/* Body and structure<br />
-------------------------------------------------- */<br />
html{<br />
height:100%;<br />
}<br />
body{<br />
width:100%;<br />
height:100%;<br />
}<br />
html,<br />
body {<br />
position: relative;<br />
background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0;<br />
/*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/<br />
/*background-color: #f2f0e4;*/<br />
margin:0;<br />
padding:0;<br />
height:100%; /* needed for container min-height */<br />
color: #FFF; /*#847d6b;*/<br />
}<br />
<br />
<br />
#wrap {<br />
position:relative; /* needed for footer positioning*/<br />
margin:0 auto; /* center, not in IE5 */<br />
height:auto !important; /* real browsers */<br />
height:100%; /* IE6: treaded as min-height*/<br />
min-height:100%; /* real browsers */<br />
<br />
/* Win8 animation */<br />
width:100%;<br />
perspective:3300px;<br />
position:relative;<br />
}<br />
<br />
<br />
.panorama-parallax {<br />
-webkit-transition: background-position 0.4s;<br />
-moz-transition: background-position 0.4s;<br />
-o-transition: background-position 0.4s;<br />
transition: background-position 0.4s;<br />
}<br />
<br />
<br />
<br />
/* custom styles */<br />
.win-commandicon {<br />
color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring {<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
#nav-bar {<br />
/*position: fixed;*/<br />
/*top: 0;*/<br />
/*left: 0;*/<br />
height: 54px;<br />
width: 100%;<br />
}<br />
<br />
#metro-container {<br />
margin-top: 94px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
height: 100%;<br />
min-height: 100%;<br />
}<br />
<br />
<br />
<br />
<br />
.accent-color, header h1, header h2, table th {<br />
color: #FFF;<br />
}<br />
<br />
/*header h1 {*/<br />
/*font-size: 50px;*/<br />
/*font-weight: 300;*/<br />
/*line-height: 54px;*/<br />
/*color: #444;*/<br />
/*}*/<br />
/*header h1 small {font-weight: 300;}*/<br />
<br />
<br />
/* Tweak navbar brand link to be super sleek<br />
-------------------------------------------------- */<br />
<br />
<br />
<br />
body > .navbar {<br />
font-size: 13px;<br />
}<br />
<br />
#header-nav {<br />
position: relative;<br />
}<br />
#header-nav .nav.nav-links {<br />
*zoom: 1;<br />
}<br />
#header-nav .nav.nav-links:before,<br />
#header-nav .nav.nav-links:after {<br />
display: table;<br />
content: "";<br />
line-height: 0;<br />
}<br />
#header-nav .nav.nav-links:after {<br />
clear: both;<br />
}<br />
<br />
#header-nav .nav.nav-links {<br />
margin-bottom: 10px;<br />
}<br />
#header-nav .nav.nav-links > li {<br />
float: left;<br />
}<br />
#header-nav .nav.nav-links a {<br />
margin: 0 30px 0 0;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
text-decoration: none;<br />
font-size: 32px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #847d6b;<br />
}<br />
#header-nav .nav.nav-links a:hover {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
#header-nav .nav.nav-links li.active a {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Sections<br />
-------------------------------------------------- */<br />
<br />
/* padding for in-page bookmarks and fixed navbar */<br />
section {<br />
padding-top: 30px;<br />
}<br />
section > .page-header,<br />
section > .lead {<br />
color: #5a5a5a;<br />
}<br />
section > ul li {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Separators (hr) */<br />
.bs-docs-separator {<br />
margin: 40px 0 39px;<br />
}<br />
<br />
/* Faded out hr */<br />
hr.soften {<br />
height: 1px;<br />
margin: 70px 0;<br />
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
border: 0;<br />
}<br />
<br />
<br />
<br />
/* Jumbotrons<br />
-------------------------------------------------- */<br />
<br />
/* Base class<br />
------------------------- */<br />
.jumbotron {<br />
position: relative;<br />
padding: 40px 0;<br />
color: #fff;<br />
/*text-align: center;*/<br />
/*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/<br />
background: #287EB7;<br />
}<br />
.jumbotron h1 {<br />
font-size: 80px;<br />
font-weight: 300;<br />
letter-spacing: -1px;<br />
line-height: 1;<br />
}<br />
.jumbotron p {<br />
font-size: 24px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
margin-bottom: 30px;<br />
}<br />
<br />
/* Link styles (used on .masthead-links as well) */<br />
.jumbotron a {<br />
/*color: #fff;*/<br />
color: rgba(255,255,255,.5);<br />
-webkit-transition: all .2s ease-in-out;<br />
-moz-transition: all .2s ease-in-out;<br />
transition: all .2s ease-in-out;<br />
}<br />
.jumbotron a:hover {<br />
color: #fff;<br />
text-shadow: 0 0 10px rgba(255,255,255,.25);<br />
}<br />
<br />
.jumbotron a.link {<br />
color: #4F1ACB;<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
/* Download button<br />
.masthead .btn {<br />
padding: 19px 24px;<br />
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;<br />
font-size: 24px;<br />
line-height: 28px;;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
transition: none;<br />
}<br />
.masthead .btn [class^="icon-"] {<br />
font-size: 24px;<br />
line-height: 24px;<br />
}<br />
<br />
.masthead .btn:hover {<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
}<br />
.masthead .btn:active {<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
}<br />
*/<br />
<br />
/* Pattern overlay<br />
------------------------- */<br />
.jumbotron .container {<br />
position: relative;<br />
z-index: 2;<br />
}<br />
<br />
<br />
/* Masthead (docs home)<br />
------------------------- */<br />
.masthead {<br />
padding: 0;<br />
margin-bottom: 0;<br />
}<br />
.masthead h1 {<br />
/*font-size: 120px;*/<br />
line-height: 1;<br />
letter-spacing: -2px;<br />
}<br />
.masthead p {<br />
/*font-size: 40px;*/<br />
font-weight: 200;<br />
line-height: 1.25;<br />
}<br />
<br />
/* Textual links in masthead */<br />
.masthead-links {<br />
margin: 0;<br />
list-style: none;<br />
}<br />
.masthead-links li {<br />
display: inline;<br />
padding: 0 10px;<br />
color: rgba(255,255,255,.25);<br />
}<br />
<br />
#hero {<br />
display: block;<br />
position: relative;<br />
margin: 30px 0 0 0;<br />
}<br />
#hero p.lead {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
#hero .btn {<br />
padding: 19px 24px;<br />
font-size: 24px;<br />
line-height: 32px;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
}<br />
#hero .btn [class^="icon-"] {<br />
font-size: 32px;<br />
line-height: 32px;<br />
margin: 0;<br />
vertical-align: bottom;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
#features-container {<br />
margin-top: 60px;<br />
}<br />
<br />
<br />
.list-tile {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
border-left: 3px solid transparent;<br />
color: #FFF;<br />
display: inline-block;<br />
min-height: 62px;<br />
margin-bottom: 10px;<br />
padding: 10px;<br />
position: relative;<br />
vertical-align: top;<br />
}<br />
<br />
.list-tile.blue {<br />
background-color: #2E8BCC;<br />
border-color: #2E8BCC;<br />
}<br />
.list-tile.green {<br />
background-color: #339933;<br />
border-color: #339933;<br />
}<br />
<br />
.list-tile h4, .list-tile h5 {<br />
display: inline;<br />
}<br />
.list-tile h4 {<br />
font-size: 20px;<br />
font-weight: 400;<br />
line-height: 40px;<br />
}<br />
.list-tile h5 {<br />
font-size: 18px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
padding-right: 80px;<br />
}<br />
<br />
.list-tile .list-tile-icon {<br />
color: #FFFFFF;<br />
display: block;<br />
font-size: 40px;<br />
font-weight: 400;<br />
height: 100%;<br />
line-height: 62px;<br />
position: absolute;<br />
right: 0;<br />
text-align: center;<br />
top: 0;<br />
width: 80px;<br />
}<br />
/*.list-tile.blue .list-tile-icon {*/<br />
/*background-color: #2E8BCC;*/<br />
/*}*/<br />
/*.list-tile.green .list-tile-icon {*/<br />
/*background-color: #339933;*/<br />
/*}*/<br />
<br />
.list-tile .donate-form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
/* hover */<br />
.list-tile.blue:hover {<br />
text-decoration: none;<br />
background-color: #C9E2F3;<br />
color: #2E8BCC;<br />
}<br />
.list-tile.blue:hover .list-tile-icon { color: #2E8BCC; }<br />
<br />
.list-tile.green:hover {<br />
text-decoration: none;<br />
background-color: #ABE3AB;<br />
color: #339933;<br />
}<br />
.list-tile.green:hover .list-tile-icon { color: #339933; }<br />
<br />
<br />
<br />
/* Social proof buttons from GitHub & Twitter */<br />
.bs-docs-social {<br />
padding: 15px 0;<br />
text-align: center;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #fff;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
/* Quick links on Home */<br />
.bs-docs-social-buttons {<br />
margin-left: 0;<br />
margin-bottom: 0;<br />
padding-left: 0;<br />
list-style: none;<br />
}<br />
.bs-docs-social-buttons li {<br />
display: inline-block;<br />
padding: 5px 8px;<br />
line-height: 1;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
<br />
/*<br />
Index Donate tile<br />
*/<br />
.metro .tile.wide.donate {<br />
height: 110px;<br />
padding: 20px;<br />
width: 270px;<br />
cursor: default;<br />
}<br />
.metro .tile.wide.donate .text {<br />
font-size: 15px;<br />
font-weight: normal;<br />
height: 18px;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate .text-header3 {<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
max-height: 110px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
<br />
/* Subhead (other pages)<br />
------------------------- */<br />
.subhead {<br />
text-align: left;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
.subhead h1 {<br />
font-size: 60px;<br />
}<br />
.subhead p {<br />
margin-bottom: 20px;<br />
}<br />
.subhead .navbar {<br />
display: none;<br />
}<br />
<br />
<br />
<br />
/* Marketing section of Overview<br />
-------------------------------------------------- */<br />
<br />
.marketing {<br />
text-align: center;<br />
color: #5a5a5a;<br />
}<br />
.marketing h1 {<br />
margin: 60px 0 10px;<br />
font-size: 60px;<br />
font-weight: 200;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
}<br />
.marketing h2 {<br />
font-weight: 200;<br />
margin-bottom: 5px;<br />
}<br />
.marketing p {<br />
font-size: 16px;<br />
line-height: 1.5;<br />
}<br />
.marketing.metro .tile.wide {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 100%;<br />
}<br />
<br />
.marketing .marketing-byline {<br />
margin-bottom: 40px;<br />
font-size: 20px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
color: #999;<br />
}<br />
/*.marketing img {*/<br />
/*display: block;*/<br />
/*margin: 0 auto 30px;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Footer<br />
-------------------------------------------------- */<br />
<br />
/*.footer {*/<br />
/*padding: 70px 0;*/<br />
/*margin-top: 70px;*/<br />
/*border-top: 1px solid #e5e5e5;*/<br />
/*background-color: #f5f5f5;*/<br />
/*}*/<br />
/*.footer p {*/<br />
/*margin-bottom: 0;*/<br />
/*color: #777;*/<br />
/*}*/<br />
/*.footer-links {*/<br />
/*margin: 10px 0;*/<br />
/*}*/<br />
/*.footer-links li {*/<br />
/*display: inline;*/<br />
/*padding: 0 2px;*/<br />
/*}*/<br />
/*.footer-links li:first-child {*/<br />
/*padding-left: 0;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Special grid styles<br />
-------------------------------------------------- */<br />
<br />
.show-grid {<br />
margin-top: 10px;<br />
margin-bottom: 20px;<br />
}<br />
.show-grid [class*="span"] {<br />
background-color: #eee;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
min-height: 40px;<br />
line-height: 40px;<br />
}<br />
.show-grid:hover [class*="span"] {<br />
background: #ddd;<br />
}<br />
.show-grid .show-grid {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
.show-grid .show-grid [class*="span"] {<br />
background-color: #ccc;<br />
}<br />
<br />
<br />
<br />
/* Mini layout previews<br />
-------------------------------------------------- */<br />
.mini-layout {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
}<br />
.mini-layout,<br />
.mini-layout .mini-layout-body,<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
height: 300px;<br />
}<br />
.mini-layout {<br />
margin-bottom: 20px;<br />
padding: 9px;<br />
}<br />
.mini-layout div {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.mini-layout .mini-layout-body {<br />
background-color: #dceaf4;<br />
margin: 0 auto;<br />
width: 70%;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar,<br />
.mini-layout.fluid .mini-layout-header,<br />
.mini-layout.fluid .mini-layout-body {<br />
float: left;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
background-color: #bbd8e9;<br />
width: 20%;<br />
}<br />
.mini-layout.fluid .mini-layout-body {<br />
width: 77.5%;<br />
margin-left: 2.5%;<br />
}<br />
<br />
<br />
<br />
/* Download page<br />
-------------------------------------------------- */<br />
<br />
.download .page-header {<br />
margin-top: 36px;<br />
}<br />
.page-header .toggle-all {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Space out h3s when following a section */<br />
.download h3 {<br />
margin-bottom: 5px;<br />
}<br />
.download-builder input + h3,<br />
.download-builder .checkbox + h3 {<br />
margin-top: 9px;<br />
}<br />
<br />
/* Fields for variables */<br />
.download-builder input[type=text] {<br />
margin-bottom: 9px;<br />
font-family: Menlo, Monaco, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #d14;<br />
}<br />
.download-builder input[type=text]:focus {<br />
background-color: #fff;<br />
}<br />
<br />
/* Custom, larger checkbox labels */<br />
.download .checkbox {<br />
padding: 6px 10px 6px 25px;<br />
font-size: 13px;<br />
line-height: 18px;<br />
color: #555;<br />
background-color: #f9f9f9;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
cursor: pointer;<br />
}<br />
.download .checkbox:hover {<br />
color: #333;<br />
background-color: #f5f5f5;<br />
}<br />
.download .checkbox small {<br />
font-size: 12px;<br />
color: #777;<br />
}<br />
<br />
/* Variables section */<br />
#variables label {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Giant download button */<br />
.download-btn {<br />
margin: 36px 0 108px;<br />
}<br />
#download p,<br />
#download h4 {<br />
max-width: 50%;<br />
margin: 0 auto;<br />
color: #999;<br />
text-align: center;<br />
}<br />
#download h4 {<br />
margin-bottom: 0;<br />
}<br />
#download p {<br />
margin-bottom: 18px;<br />
}<br />
.download-btn .btn {<br />
display: block;<br />
width: auto;<br />
padding: 19px 24px;<br />
margin-bottom: 27px;<br />
font-size: 30px;<br />
line-height: 1;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
/* Misc<br />
-------------------------------------------------- */<br />
<br />
/* Make tables spaced out a bit more */<br />
h2 + table,<br />
h3 + table,<br />
h4 + table,<br />
h2 + .row {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Example sites showcase */<br />
.example-sites {<br />
margin-left: 20px;<br />
}<br />
.example-sites img {<br />
max-width: 100%;<br />
margin: 0 auto;<br />
}<br />
<br />
<br />
<br />
/* Fake the :focus state to demo it */<br />
.focused {<br />
border-color: rgba(82,168,236,.8);<br />
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
outline: 0;<br />
}<br />
<br />
/* For input sizes, make them display block */<br />
.docs-input-sizes select,<br />
.docs-input-sizes input[type=text] {<br />
display: block;<br />
margin-bottom: 9px;<br />
}<br />
<br />
/* Icons<br />
------------------------- */<br />
.the-icons {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
.the-icons li {<br />
float: left;<br />
width: 25%;<br />
line-height: 25px;<br />
}<br />
.the-icons i:hover {<br />
background-color: rgba(255,0,0,.25);<br />
}<br />
<br />
/* Example page<br />
------------------------- */<br />
.bootstrap-examples p {<br />
font-size: 13px;<br />
line-height: 18px;<br />
}<br />
.bootstrap-examples .thumbnail {<br />
margin-bottom: 9px;<br />
background-color: #fff;<br />
}<br />
<br />
<br />
/* Toasts<br />
------------------------- */<br />
<br />
#alerts-container {<br />
position: fixed;<br />
top: 5px;<br />
right: 5px;<br />
padding: 0;<br />
z-index: 1100;<br />
}<br />
<br />
#alerts-container .toast {<br />
/* add a shadow */<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
}<br />
<br />
<br />
/* Bootstrap code examples<br />
-------------------------------------------------- */<br />
<br />
/* Base class */<br />
.bs-docs-example {<br />
position: relative;<br />
margin: 15px 0;<br />
padding: 39px 19px 14px;<br />
*padding-top: 19px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Echo out a label for the example */<br />
.bs-docs-example:after {<br />
content: "Example";<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
padding: 3px 7px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ddd;<br />
color: #9da0a4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Remove spacing between an example and it's code */<br />
.bs-docs-example + .prettyprint {<br />
margin-top: -20px;<br />
padding-top: 15px;<br />
}<br />
<br />
/* Tweak examples<br />
------------------------- */<br />
.bs-docs-example > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.bs-docs-example .table,<br />
.bs-docs-example .progress,<br />
.bs-docs-example .well,<br />
.bs-docs-example .alert,<br />
.bs-docs-example .hero-unit,<br />
.bs-docs-example .pagination,<br />
.bs-docs-example .navbar,<br />
.bs-docs-example > .nav,<br />
.bs-docs-example blockquote {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example .pagination {<br />
margin-top: 0;<br />
}<br />
<br />
.bs-docs-example-commands {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example-commands .win-command{<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
/* sample customization of win-command */<br />
.bs-docs-example .win-command.orange .win-commandicon,<br />
.bs-docs-example .win-command.orange .win-label {<br />
color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange .win-commandring {<br />
border-color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange:hover .win-commandring {<br />
background-color: rgba(240, 150, 9, 0.4);<br />
}<br />
<br />
<br />
.bs-navbar-top-example,<br />
.bs-navbar-bottom-example {<br />
z-index: 1;<br />
padding: 0;<br />
height: 90px;<br />
overflow: hidden; /* cut the drop shadows off */<br />
}<br />
.bs-navbar-top-example .navbar-fixed-top,<br />
.bs-navbar-bottom-example .navbar-fixed-bottom {<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
.bs-navbar-top-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-top-example:after {<br />
top: auto;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example .navbar {<br />
margin-bottom: 0;<br />
}<br />
form.bs-docs-example {<br />
padding-bottom: 19px;<br />
}<br />
<br />
/* Images */<br />
.bs-docs-example-images img {<br />
margin: 10px;<br />
display: inline-block;<br />
}<br />
<br />
/* Tooltips */<br />
.bs-docs-tooltip-examples {<br />
text-align: center;<br />
margin: 0 0 10px;<br />
list-style: none;<br />
}<br />
.bs-docs-tooltip-examples li {<br />
display: inline;<br />
padding: 0 10px;<br />
}<br />
<br />
/* Popovers */<br />
.bs-docs-example-popover {<br />
padding-bottom: 24px;<br />
background-color: #f9f9f9;<br />
}<br />
.bs-docs-example-popover .popover {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 260px;<br />
margin: 20px;<br />
}<br />
<br />
<br />
<br />
/* Responsive docs<br />
-------------------------------------------------- */<br />
<br />
/* Utility classes table<br />
------------------------- */<br />
.responsive-utilities th small {<br />
display: block;<br />
font-weight: normal;<br />
color: #999;<br />
}<br />
.responsive-utilities tbody th {<br />
font-weight: normal;<br />
}<br />
.responsive-utilities td {<br />
text-align: center;<br />
}<br />
.responsive-utilities td.is-visible {<br />
color: #468847;<br />
background-color: #dff0d8 !important;<br />
}<br />
.responsive-utilities td.is-hidden {<br />
color: #ccc;<br />
background-color: #f9f9f9 !important;<br />
}<br />
<br />
/* Responsive tests<br />
------------------------- */<br />
.responsive-utilities-test {<br />
margin-top: 5px;<br />
margin-left: 0;<br />
list-style: none;<br />
overflow: hidden; /* clear floats */<br />
}<br />
.responsive-utilities-test li {<br />
position: relative;<br />
float: left;<br />
width: 25%;<br />
height: 43px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
line-height: 43px;<br />
color: #999;<br />
text-align: center;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test li + li {<br />
margin-left: 10px;<br />
}<br />
.responsive-utilities-test span {<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
right: -1px;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test span {<br />
color: #468847;<br />
background-color: #dff0d8;<br />
border: 1px solid #d6e9c6;<br />
}<br />
<br />
<br />
<br />
/* Sidenav for Docs<br />
-------------------------------------------------- */<br />
<br />
.bs-docs-sidenav {<br />
width: 228px;<br />
margin: 30px 0 0;<br />
padding: 0;<br />
background-color: #fff;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
}<br />
<br />
.bs-docs-sidenav > li > a {<br />
display: block;<br />
width: 190px \9;<br />
margin: 0 0 -1px;<br />
padding: 8px 14px;<br />
border: 1px solid #e5e5e5;<br />
}<br />
.bs-docs-sidenav > li:first-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > .active > a {<br />
position: relative;<br />
z-index: 2;<br />
padding: 9px 15px;<br />
border: 0;<br />
text-shadow: 0 1px 0 rgba(0,0,0,.15);<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
}<br />
/* Chevrons */<br />
.bs-docs-sidenav .icon-chevron-right {<br />
float: right;<br />
margin-top: 2px;<br />
margin-right: -6px;<br />
opacity: .25;<br />
}<br />
.bs-docs-sidenav > li > a:hover {<br />
background-color: #f5f5f5;<br />
}<br />
.bs-docs-sidenav a:hover .icon-chevron-right {<br />
opacity: .5;<br />
}<br />
.bs-docs-sidenav .active .icon-chevron-right,<br />
.bs-docs-sidenav .active a:hover .icon-chevron-right {<br />
background-image: url(../img/glyphicons-halflings-white.png);<br />
opacity: 1;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
.bs-docs-sidenav.affix-bottom {<br />
position: absolute;<br />
top: auto;<br />
bottom: 270px;<br />
}<br />
<br />
<br />
<br />
/* Icons demo page<br />
-------------------------------------------------- */<br />
#icomoon-container {<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container section,<br />
#icomoon-container header,<br />
#icomoon-container footer {<br />
display: block;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container .glyph {<br />
float: left;<br />
text-align: center;<br />
background: #F4F4F4;<br />
padding: .75em;<br />
margin: .75em 1.5em .75em 0;<br />
width: 7em;<br />
}<br />
#icomoon-container .glyph input {<br />
width: 100%;<br />
text-align: center;<br />
font-family: consolas, monospace;<br />
}<br />
#icomoon-container .glyph input,<br />
#icomoon-container .mtm {<br />
margin-top: .75em;<br />
border: 0;<br />
padding: 0 10px;<br />
}<br />
<br />
.fs1 {<br />
font-size: 2em;<br />
}<br />
#icomoon-container header {<br />
}<br />
#icomoon-container header h1 {<br />
}<br />
#icomoon-container .clearfix:before,<br />
#icomoon-container .clearfix:after { content: ""; display: table; }<br />
#icomoon-container .clearfix:after { clear: both; }<br />
#icomoon-container footer {<br />
margin-top: 2em;<br />
padding: .5em 0;<br />
box-shadow: 0 -2px #eee;<br />
}<br />
#icomoon-container .box1 {<br />
display: inline-block;<br />
width: 11em;<br />
padding: .25em .5em;<br />
background-color: #fff;<br />
margin: .5em 1em .5em 0;<br />
font-size: 16px;<br />
text-align: center;<br />
}<br />
#icomoon-container .box1 span {<br />
display: block;<br />
font-size: 32px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
/*<br />
ListView demo<br />
*/<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"],<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
<br />
/* Responsive<br />
-------------------------------------------------- */<br />
<br />
/* Desktop large<br />
------------------------- */<br />
@media (min-width: 1200px) {<br />
.bs-docs-container {<br />
max-width: 970px;<br />
}<br />
.bs-docs-sidenav {<br />
width: 258px;<br />
}<br />
.bs-docs-sidenav > li > a {<br />
width: 230px \9; /* Override the previous IE8-9 hack */<br />
}<br />
}<br />
<br />
/* Desktop<br />
------------------------- */<br />
@media (max-width: 980px) {<br />
/* Unfloat brand */<br />
body > .navbar-fixed-top .brand {<br />
float: left;<br />
margin-left: 0;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
}<br />
<br />
/* Inline-block quick links for more spacing */<br />
.quick-links li {<br />
display: inline-block;<br />
margin: 5px;<br />
}<br />
<br />
/* When affixed, space properly */<br />
.bs-docs-sidenav {<br />
top: 0;<br />
margin-top: 30px;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/* Tablet to desktop<br />
------------------------- */<br />
@media (min-width: 768px) and (max-width: 980px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
}<br />
/* Adjust sidenav width */<br />
.bs-docs-sidenav {<br />
width: 166px;<br />
margin-top: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
}<br />
<br />
/* Tablet<br />
------------------------- */<br />
@media (max-width: 767px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
padding: 40px 20px;<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.masthead h1 {<br />
font-size: 90px;<br />
}<br />
.masthead p,<br />
.masthead .btn {<br />
font-size: 24px;<br />
}<br />
.marketing .span4 {<br />
margin-bottom: 40px;<br />
}<br />
.bs-docs-social {<br />
margin: 0 -20px;<br />
}<br />
<br />
/* Space out the show-grid examples */<br />
.show-grid [class*="span"] {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Sidenav */<br />
.bs-docs-sidenav {<br />
width: auto;<br />
margin-bottom: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
position: static;<br />
width: auto;<br />
top: 0;<br />
}<br />
<br />
/* Unfloat the back to top link in footer */<br />
.footer {<br />
margin-left: -20px;<br />
margin-right: -20px;<br />
padding-left: 20px;<br />
padding-right: 20px;<br />
}<br />
.footer p {<br />
margin-bottom: 9px;<br />
}<br />
}<br />
<br />
/* Landscape phones<br />
------------------------- */<br />
@media (max-width: 480px) {<br />
/* Remove padding above jumbotron */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Change up some type stuff */<br />
h2 small {<br />
display: block;<br />
}<br />
<br />
/* Downsize the jumbotrons */<br />
.jumbotron h1 {<br />
font-size: 45px;<br />
}<br />
.jumbotron p,<br />
.jumbotron .btn {<br />
font-size: 18px;<br />
}<br />
.jumbotron .btn {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
/* center align subhead text like the masthead */<br />
.subhead h1,<br />
.subhead p {<br />
text-align: center;<br />
}<br />
<br />
/* Marketing on home */<br />
.marketing h1 {<br />
font-size: 30px;<br />
}<br />
.marketing-byline {<br />
font-size: 18px;<br />
}<br />
<br />
/* center example sites */<br />
.example-sites {<br />
margin-left: 0;<br />
}<br />
.example-sites > li {<br />
float: none;<br />
display: block;<br />
max-width: 280px;<br />
margin: 0 auto 18px;<br />
text-align: center;<br />
}<br />
.example-sites .thumbnail > img {<br />
max-width: 270px;<br />
}<br />
<br />
#hero-image {<br />
margin: 0;<br />
}<br />
<br />
/* Do our best to make tables work in narrow viewports */<br />
table code {<br />
white-space: normal;<br />
word-wrap: break-word;<br />
word-break: break-all;<br />
}<br />
<br />
/* Modal example */<br />
.modal-example .modal {<br />
position: relative;<br />
top: auto;<br />
right: auto;<br />
bottom: auto;<br />
left: auto;<br />
}<br />
<br />
/* Tighten up footer */<br />
.footer {<br />
padding-top: 20px;<br />
padding-bottom: 20px;<br />
}<br />
/* Unfloat the back to top in footer to prevent odd text wrapping */<br />
.footer .pull-right {<br />
float: none;<br />
}<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* Win8 animation<br />
-------------------------------------------------- */<br />
.metro .tile {<br />
-webkit-transition: all 0.3s ease-out;<br />
-moz-transition: all 0.3s ease-out;<br />
-o-transition: all 0.3s ease-out;<br />
-ms-transition: all 0.3s ease-out;<br />
transition: all 0.3s ease-out;<br />
}<br />
<br />
.fadeOutback {<br />
-webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
}<br />
<br />
.fadeInForward-1,.fadeInForward-2,.fadeInForward-3 {<br />
/*remember: in the second animation u have to set the final values reached by the first one*/<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
<br />
-webkit-transform: translateZ(-5em) scale(0.75);<br />
-moz-transform: translateZ(-5em) scale(0.75);<br />
-o-transform: translateZ(-5em) scale(0.75);<br />
-ms-transform: translateZ(-5em) scale(0.75);<br />
transform: translateZ(-5em) scale(0.75);<br />
}<br />
<br />
.fadeInForward-2 {<br />
-webkit-animation-delay: .55s;<br />
-moz-animation-delay: .55s;<br />
-ms-animation-delay: .55s;<br />
-o-animation-delay: .55s;<br />
animation-delay: .55s;<br />
}<br />
<br />
.fadeInForward-3 {<br />
-webkit-animation-delay: .7s;<br />
-moz-animation-delay: .7s;<br />
-ms-animation-delay: .7s;<br />
-o-animation-delay: .7s;<br />
animation-delay: .7s;<br />
}<br />
<br />
@keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
-moz-transform: translateX(-2em) scale(1);<br />
-o-transform: translateX(-2em) scale(1);<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeOutBack {<br />
0% {<br />
-moz-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeOutBack" {<br />
0% {<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeOutBack" {<br />
0% {<br />
-o-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
-moz-transform: translateZ(0) scale(1);<br />
-o-transform: translateZ(0) scale(1);<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeInForward {<br />
0% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-moz-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeInForward" {<br />
0% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeInForward" {<br />
0% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-o-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
<br />
--> <br />
</style> <br />
<!-- bootmetro-icons.css --><br />
<br />
<style type="text/css"> <br />
<!-- <br />
<br />
#globalWrapper{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
<br />
}<br />
<br />
#top-section{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
}<br />
<br />
#p-logo{<br />
border: 0px;<br />
padding: 0px;<br />
max-height: 0px;<br />
}<br />
<br />
#menubar{<br />
border: 0px;<br />
padding: 0px;<br />
font-size: 8px;<br />
<br />
}<br />
<br />
body{<br />
min-width:1400px;<br />
}<br />
<br />
.navbar{<br />
background-color: white;<br />
padding-left: 30px;<br />
}<br />
<br />
--> <br />
</style> <br />
<br />
<!-- All JavaScript at the bottom, except for Modernizr and Respond.<br />
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries<br />
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --><br />
<script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script><br />
<br />
<script type="text/javascript"><br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-3182578-6']);<br />
_gaq.push(['_trackPageview']);<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
</script><br />
<br />
<br />
<br />
</head><br />
<br />
<body><br />
<!--[if lt IE 7]><br />
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p><br />
<![endif]--><br />
<br />
<div class="navbar navbar-fixed-top"><br />
<div class="navbar-inner" style="padding-top:12px;"><br />
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a><br />
<ul class="nav"><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#DNA purification and precipitation">DNA purification and precipitation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#PCR">PCR</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#SDS polyacrylamide gel electrophoresis (SDS-PAGE)">SDS-PAGE</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Isolation and purification of DNA bands">Isolation and purification of DNA bands</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Ligation">Ligation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Transformation">Transformation</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Humanpractice&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#opencampus">At the campus visit</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Survey">Survey</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Bioart">Introduction the class of Bioart</a></li><br />
<br />
<br />
</ul><br />
<br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Team">OUR TEAM</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li><br />
<br />
</ul><br />
<br />
<ul class="nav pull-right"><br />
<li><a href="https://2013.igem.org/Main_Page">iGEM</a></li><br />
</ul><br />
</div><!-- /navbar-inner --><br />
</div><!-- /navbar --><br />
<br />
<!-- Grab Google CDN's jQuery. fall back to local if necessary --><br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><br />
<script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script><br />
<br />
<!--[if IE 7]><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"><br />
<![endif]--><br />
<br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script><br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script><br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
$('.panorama').panorama({<br />
//nicescroll: false,<br />
showscrollbuttons: true,<br />
keyboard: true,<br />
parallax: true<br />
});<br />
<br />
// $(".panorama").perfectScrollbar();<br />
<br />
$('#pivot').pivot();<br />
<br />
</script><br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Template:KIT-Kyoto-header
Template:KIT-Kyoto-header
2013-09-27T16:18:46Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
<br />
<html class="no-js"><br />
<head><br />
<meta charset="utf-8" /><br />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><br />
<!-- Mobile viewport optimized: h5bp.com/viewport --><br />
<meta name="viewport" content="width=device-width"><br />
<br />
<meta name="robots" content="noindex, nofollow"><br />
<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." /><br />
<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" /><br />
<meta name="author" content="AozoraLabs by Marcello Palmitessa"/><br />
<br />
<!-- remove or comment this line if you want to use the local fonts --><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'><br />
<br />
<style type="text/css"> <br />
<!-- <br />
/*!<br />
* BootMetro v1.0.0-alpha1<br />
*<br />
* Copyright 2012 Marcello Palmitessa<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.no-border-radius {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.no-box-shadow {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.text-overflow-wrap {<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
/* General alignment styles<br />
-------------------------------------------------- */<br />
<br />
.align-right,<br />
th.align-right,<br />
td.align-right,<br />
.table th.align-right,<br />
.table td.align-right {<br />
text-align: right;<br />
}<br />
<br />
.align-left,<br />
th.align-left,<br />
td.align-left,<br />
.table th.align-left,<br />
.table td.align-left {<br />
text-align: left;<br />
}<br />
<br />
.align-center,<br />
th.align-center,<br />
td.align-center,<br />
.table th.align-center,<br />
.table td.align-center {<br />
text-align: center;<br />
}<br />
<br />
.block {<br />
display: block;<br />
}<br />
<br />
/* General form mixins<br />
-------------------------------------------------- */<br />
<br />
.formBorder {<br />
border: 2px solid #cccccc;<br />
}<br />
<br />
article,<br />
aside,<br />
details,<br />
figcaption,<br />
figure,<br />
footer,<br />
header,<br />
hgroup,<br />
nav,<br />
section {<br />
display: block;<br />
}<br />
<br />
audio,<br />
canvas,<br />
video {<br />
display: inline-block;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
audio:not([controls]) {<br />
display: none;<br />
}<br />
<br />
html {<br />
font-size: 100%;<br />
-webkit-text-size-adjust: 100%;<br />
-ms-text-size-adjust: 100%;<br />
}<br />
<br />
a:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
a:hover,<br />
a:active {<br />
outline: 0;<br />
}<br />
<br />
sub,<br />
sup {<br />
position: relative;<br />
font-size: 75%;<br />
line-height: 0;<br />
vertical-align: baseline;<br />
}<br />
<br />
sup {<br />
top: -0.5em;<br />
}<br />
<br />
sub {<br />
bottom: -0.25em;<br />
}<br />
<br />
img {<br />
width: auto\9;<br />
height: auto;<br />
max-width: 100%;<br />
vertical-align: middle;<br />
border: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
<br />
#map_canvas img,<br />
.google-maps img {<br />
max-width: none;<br />
}<br />
<br />
button,<br />
input,<br />
select,<br />
textarea {<br />
margin: 0;<br />
font-size: 100%;<br />
vertical-align: middle;<br />
}<br />
<br />
button,<br />
input {<br />
*overflow: visible;<br />
line-height: normal;<br />
}<br />
<br />
button::-moz-focus-inner,<br />
input::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button,<br />
html input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"] {<br />
cursor: pointer;<br />
-webkit-appearance: button;<br />
}<br />
<br />
label,<br />
select,<br />
button,<br />
input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
cursor: pointer;<br />
}<br />
<br />
input[type="search"] {<br />
-webkit-box-sizing: content-box;<br />
-moz-box-sizing: content-box;<br />
box-sizing: content-box;<br />
-webkit-appearance: textfield;<br />
}<br />
<br />
input[type="search"]::-webkit-search-decoration,<br />
input[type="search"]::-webkit-search-cancel-button {<br />
-webkit-appearance: none;<br />
}<br />
<br />
textarea {<br />
overflow: auto;<br />
vertical-align: top;<br />
}<br />
<br />
@media print {<br />
* {<br />
color: #000 !important;<br />
text-shadow: none !important;<br />
background: transparent !important;<br />
box-shadow: none !important;<br />
}<br />
a,<br />
a:visited {<br />
text-decoration: underline;<br />
}<br />
a[href]:after {<br />
content: " (" attr(href) ")";<br />
}<br />
abbr[title]:after {<br />
content: " (" attr(title) ")";<br />
}<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: "";<br />
}<br />
pre,<br />
blockquote {<br />
border: 1px solid #999;<br />
page-break-inside: avoid;<br />
}<br />
thead {<br />
display: table-header-group;<br />
}<br />
tr,<br />
img {<br />
page-break-inside: avoid;<br />
}<br />
img {<br />
max-width: 100% !important;<br />
}<br />
@page {<br />
margin: 0.5cm;<br />
}<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3;<br />
}<br />
h2,<br />
h3 {<br />
page-break-after: avoid;<br />
}<br />
}<br />
<br />
body {<br />
margin: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
background-color: #ffffff;<br />
}<br />
<br />
a {<br />
color: #2e8bcc;<br />
text-decoration: none;<br />
}<br />
<br />
a:hover,<br />
a:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
}<br />
<br />
.img-rounded {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.img-polaroid {<br />
padding: 4px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.img-circle {<br />
-webkit-border-radius: 500px;<br />
-moz-border-radius: 500px;<br />
border-radius: 500px;<br />
}<br />
<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row:after {<br />
clear: both;<br />
}<br />
<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.span12 {<br />
width: 940px;<br />
}<br />
<br />
.span11 {<br />
width: 860px;<br />
}<br />
<br />
.span10 {<br />
width: 780px;<br />
}<br />
<br />
.span9 {<br />
width: 700px;<br />
}<br />
<br />
.span8 {<br />
width: 620px;<br />
}<br />
<br />
.span7 {<br />
width: 540px;<br />
}<br />
<br />
.span6 {<br />
width: 460px;<br />
}<br />
<br />
.span5 {<br />
width: 380px;<br />
}<br />
<br />
.span4 {<br />
width: 300px;<br />
}<br />
<br />
.span3 {<br />
width: 220px;<br />
}<br />
<br />
.span2 {<br />
width: 140px;<br />
}<br />
<br />
.span1 {<br />
width: 60px;<br />
}<br />
<br />
.offset12 {<br />
margin-left: 980px;<br />
}<br />
<br />
.offset11 {<br />
margin-left: 900px;<br />
}<br />
<br />
.offset10 {<br />
margin-left: 820px;<br />
}<br />
<br />
.offset9 {<br />
margin-left: 740px;<br />
}<br />
<br />
.offset8 {<br />
margin-left: 660px;<br />
}<br />
<br />
.offset7 {<br />
margin-left: 580px;<br />
}<br />
<br />
.offset6 {<br />
margin-left: 500px;<br />
}<br />
<br />
.offset5 {<br />
margin-left: 420px;<br />
}<br />
<br />
.offset4 {<br />
margin-left: 340px;<br />
}<br />
<br />
.offset3 {<br />
margin-left: 260px;<br />
}<br />
<br />
.offset2 {<br />
margin-left: 180px;<br />
}<br />
<br />
.offset1 {<br />
margin-left: 100px;<br />
}<br />
<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
*margin-left: 2.074468085106383%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.127659574468085%;<br />
}<br />
<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
<br />
.row-fluid .span11 {<br />
width: 91.48936170212765%;<br />
*width: 91.43617021276594%;<br />
}<br />
<br />
.row-fluid .span10 {<br />
width: 82.97872340425532%;<br />
*width: 82.92553191489361%;<br />
}<br />
<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
*width: 74.41489361702126%;<br />
}<br />
<br />
.row-fluid .span8 {<br />
width: 65.95744680851064%;<br />
*width: 65.90425531914893%;<br />
}<br />
<br />
.row-fluid .span7 {<br />
width: 57.44680851063829%;<br />
*width: 57.39361702127659%;<br />
}<br />
<br />
.row-fluid .span6 {<br />
width: 48.93617021276595%;<br />
*width: 48.88297872340425%;<br />
}<br />
<br />
.row-fluid .span5 {<br />
width: 40.42553191489362%;<br />
*width: 40.37234042553192%;<br />
}<br />
<br />
.row-fluid .span4 {<br />
width: 31.914893617021278%;<br />
*width: 31.861702127659576%;<br />
}<br />
<br />
.row-fluid .span3 {<br />
width: 23.404255319148934%;<br />
*width: 23.351063829787233%;<br />
}<br />
<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
*width: 14.840425531914894%;<br />
}<br />
<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
*width: 6.329787234042553%;<br />
}<br />
<br />
.row-fluid .offset12 {<br />
margin-left: 104.25531914893617%;<br />
*margin-left: 104.14893617021275%;<br />
}<br />
<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.12765957446808%;<br />
*margin-left: 102.02127659574467%;<br />
}<br />
<br />
.row-fluid .offset11 {<br />
margin-left: 95.74468085106382%;<br />
*margin-left: 95.6382978723404%;<br />
}<br />
<br />
.row-fluid .offset11:first-child {<br />
margin-left: 93.61702127659574%;<br />
*margin-left: 93.51063829787232%;<br />
}<br />
<br />
.row-fluid .offset10 {<br />
margin-left: 87.23404255319149%;<br />
*margin-left: 87.12765957446807%;<br />
}<br />
<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.1063829787234%;<br />
*margin-left: 84.99999999999999%;<br />
}<br />
<br />
.row-fluid .offset9 {<br />
margin-left: 78.72340425531914%;<br />
*margin-left: 78.61702127659572%;<br />
}<br />
<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.59574468085106%;<br />
*margin-left: 76.48936170212764%;<br />
}<br />
<br />
.row-fluid .offset8 {<br />
margin-left: 70.2127659574468%;<br />
*margin-left: 70.10638297872339%;<br />
}<br />
<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.08510638297872%;<br />
*margin-left: 67.9787234042553%;<br />
}<br />
<br />
.row-fluid .offset7 {<br />
margin-left: 61.70212765957446%;<br />
*margin-left: 61.59574468085106%;<br />
}<br />
<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.574468085106375%;<br />
*margin-left: 59.46808510638297%;<br />
}<br />
<br />
.row-fluid .offset6 {<br />
margin-left: 53.191489361702125%;<br />
*margin-left: 53.085106382978715%;<br />
}<br />
<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.063829787234035%;<br />
*margin-left: 50.95744680851063%;<br />
}<br />
<br />
.row-fluid .offset5 {<br />
margin-left: 44.68085106382979%;<br />
*margin-left: 44.57446808510638%;<br />
}<br />
<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.5531914893617%;<br />
*margin-left: 42.4468085106383%;<br />
}<br />
<br />
.row-fluid .offset4 {<br />
margin-left: 36.170212765957444%;<br />
*margin-left: 36.06382978723405%;<br />
}<br />
<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.04255319148936%;<br />
*margin-left: 33.93617021276596%;<br />
}<br />
<br />
.row-fluid .offset3 {<br />
margin-left: 27.659574468085104%;<br />
*margin-left: 27.5531914893617%;<br />
}<br />
<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.53191489361702%;<br />
*margin-left: 25.425531914893618%;<br />
}<br />
<br />
.row-fluid .offset2 {<br />
margin-left: 19.148936170212764%;<br />
*margin-left: 19.04255319148936%;<br />
}<br />
<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.02127659574468%;<br />
*margin-left: 16.914893617021278%;<br />
}<br />
<br />
.row-fluid .offset1 {<br />
margin-left: 10.638297872340425%;<br />
*margin-left: 10.53191489361702%;<br />
}<br />
<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.51063829787234%;<br />
*margin-left: 8.404255319148938%;<br />
}<br />
<br />
[class*="span"].hide,<br />
.row-fluid [class*="span"].hide {<br />
display: none;<br />
}<br />
<br />
[class*="span"].pull-right,<br />
.row-fluid [class*="span"].pull-right {<br />
float: right;<br />
}<br />
<br />
.container {<br />
margin-right: auto;<br />
margin-left: auto;<br />
*zoom: 1;<br />
}<br />
<br />
.container:before,<br />
.container:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container:after {<br />
clear: both;<br />
}<br />
<br />
.container-fluid {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.container-fluid:before,<br />
.container-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container-fluid:after {<br />
clear: both;<br />
}<br />
<br />
p {<br />
margin: 0 0 10px;<br />
}<br />
<br />
.lead {<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
}<br />
<br />
small {<br />
font-size: 85%;<br />
}<br />
<br />
strong {<br />
font-weight: bold;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
cite {<br />
font-style: normal;<br />
}<br />
<br />
.muted {<br />
color: #999999;<br />
}<br />
<br />
a.muted:hover,<br />
a.muted:focus {<br />
color: #808080;<br />
}<br />
<br />
.text-warning {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-error {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-info {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-success {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-left {<br />
text-align: left;<br />
}<br />
<br />
.text-right {<br />
text-align: right;<br />
}<br />
<br />
.text-center {<br />
text-align: center;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin: 10px 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 20px;<br />
color: inherit;<br />
text-rendering: optimizelegibility;<br />
}<br />
<br />
h1 small,<br />
h2 small,<br />
h3 small,<br />
h4 small,<br />
h5 small,<br />
h6 small {<br />
font-weight: normal;<br />
line-height: 1;<br />
color: #999999;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3 {<br />
line-height: 40px;<br />
}<br />
<br />
h1 {<br />
font-size: 38.5px;<br />
}<br />
<br />
h2 {<br />
font-size: 31.5px;<br />
}<br />
<br />
h3 {<br />
font-size: 24.5px;<br />
}<br />
<br />
h4 {<br />
font-size: 17.5px;<br />
}<br />
<br />
h5 {<br />
font-size: 14px;<br />
}<br />
<br />
h6 {<br />
font-size: 11.9px;<br />
}<br />
<br />
h1 small {<br />
font-size: 24.5px;<br />
}<br />
<br />
h2 small {<br />
font-size: 17.5px;<br />
}<br />
<br />
h3 small {<br />
font-size: 14px;<br />
}<br />
<br />
h4 small {<br />
font-size: 14px;<br />
}<br />
<br />
.page-header {<br />
padding-bottom: 9px;<br />
margin: 20px 0 30px;<br />
border-bottom: 1px solid #eeeeee;<br />
}<br />
<br />
ul,<br />
ol {<br />
padding: 0;<br />
margin: 0 0 10px 25px;<br />
}<br />
<br />
ul ul,<br />
ul ol,<br />
ol ol,<br />
ol ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
li {<br />
line-height: 20px;<br />
}<br />
<br />
ul.unstyled,<br />
ol.unstyled {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline,<br />
ol.inline {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline > li,<br />
ol.inline > li {<br />
display: inline-block;<br />
*display: inline;<br />
padding-right: 5px;<br />
padding-left: 5px;<br />
*zoom: 1;<br />
}<br />
<br />
dl {<br />
margin-bottom: 20px;<br />
}<br />
<br />
dt,<br />
dd {<br />
line-height: 20px;<br />
}<br />
<br />
dt {<br />
font-weight: bold;<br />
}<br />
<br />
dd {<br />
margin-left: 10px;<br />
}<br />
<br />
.dl-horizontal {<br />
*zoom: 1;<br />
}<br />
<br />
.dl-horizontal:before,<br />
.dl-horizontal:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.dl-horizontal:after {<br />
clear: both;<br />
}<br />
<br />
.dl-horizontal dt {<br />
float: left;<br />
width: 160px;<br />
overflow: hidden;<br />
clear: left;<br />
text-align: right;<br />
text-overflow: ellipsis;<br />
white-space: nowrap;<br />
}<br />
<br />
.dl-horizontal dd {<br />
margin-left: 180px;<br />
}<br />
<br />
hr {<br />
margin: 20px 0;<br />
border: 0;<br />
border-top: 1px solid #eeeeee;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
abbr[title],<br />
abbr[data-original-title] {<br />
cursor: help;<br />
border-bottom: 1px dotted #999999;<br />
}<br />
<br />
abbr.initialism {<br />
font-size: 90%;<br />
text-transform: uppercase;<br />
}<br />
<br />
blockquote {<br />
padding: 0 0 0 15px;<br />
margin: 0 0 20px;<br />
border-left: 5px solid #eeeeee;<br />
}<br />
<br />
blockquote p {<br />
margin-bottom: 0;<br />
font-size: 17.5px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
}<br />
<br />
blockquote small {<br />
display: block;<br />
line-height: 20px;<br />
color: #999999;<br />
}<br />
<br />
blockquote small:before {<br />
content: '\2014 \00A0';<br />
}<br />
<br />
blockquote.pull-right {<br />
float: right;<br />
padding-right: 15px;<br />
padding-left: 0;<br />
border-right: 5px solid #eeeeee;<br />
border-left: 0;<br />
}<br />
<br />
blockquote.pull-right p,<br />
blockquote.pull-right small {<br />
text-align: right;<br />
}<br />
<br />
blockquote.pull-right small:before {<br />
content: '';<br />
}<br />
<br />
blockquote.pull-right small:after {<br />
content: '\00A0 \2014';<br />
}<br />
<br />
q:before,<br />
q:after,<br />
blockquote:before,<br />
blockquote:after {<br />
content: "";<br />
}<br />
<br />
address {<br />
display: block;<br />
margin-bottom: 20px;<br />
font-style: normal;<br />
line-height: 20px;<br />
}<br />
<br />
code,<br />
pre {<br />
padding: 0 3px 2px;<br />
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #333333;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
code {<br />
padding: 2px 4px;<br />
color: #d14;<br />
white-space: nowrap;<br />
background-color: #f7f7f9;<br />
border: 1px solid #e1e1e8;<br />
}<br />
<br />
pre {<br />
display: block;<br />
padding: 9.5px;<br />
margin: 0 0 10px;<br />
font-size: 13px;<br />
line-height: 20px;<br />
word-break: break-all;<br />
word-wrap: break-word;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.15);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
pre.prettyprint {<br />
margin-bottom: 20px;<br />
}<br />
<br />
pre code {<br />
padding: 0;<br />
color: inherit;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.pre-scrollable {<br />
max-height: 340px;<br />
overflow-y: scroll;<br />
}<br />
<br />
form {<br />
margin: 0 0 20px;<br />
}<br />
<br />
fieldset {<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
legend {<br />
display: block;<br />
width: 100%;<br />
padding: 0;<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
line-height: 40px;<br />
color: #333333;<br />
border: 0;<br />
border-bottom: 1px solid #e5e5e5;<br />
}<br />
<br />
legend small {<br />
font-size: 15px;<br />
color: #999999;<br />
}<br />
<br />
label,<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
}<br />
<br />
label {<br />
display: block;<br />
margin-bottom: 5px;<br />
}<br />
<br />
select,<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
display: inline-block;<br />
height: 20px;<br />
padding: 4px 6px;<br />
margin-bottom: 10px;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #555555;<br />
vertical-align: middle;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
width: 206px;<br />
}<br />
<br />
textarea {<br />
height: auto;<br />
}<br />
<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-o-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
transition: border linear 0.2s, box-shadow linear 0.2s;<br />
}<br />
<br />
textarea:focus,<br />
input[type="text"]:focus,<br />
input[type="password"]:focus,<br />
input[type="datetime"]:focus,<br />
input[type="datetime-local"]:focus,<br />
input[type="date"]:focus,<br />
input[type="month"]:focus,<br />
input[type="time"]:focus,<br />
input[type="week"]:focus,<br />
input[type="number"]:focus,<br />
input[type="email"]:focus,<br />
input[type="url"]:focus,<br />
input[type="search"]:focus,<br />
input[type="tel"]:focus,<br />
input[type="color"]:focus,<br />
.uneditable-input:focus {<br />
border-color: rgba(82, 168, 236, 0.8);<br />
outline: 0;<br />
outline: thin dotted \9;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
box-shadow: none;<br />
}<br />
<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
margin: 4px 0 0;<br />
margin-top: 1px \9;<br />
*margin-top: 0;<br />
line-height: normal;<br />
}<br />
<br />
input[type="file"],<br />
input[type="image"],<br />
input[type="submit"],<br />
input[type="reset"],<br />
input[type="button"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
width: auto;<br />
}<br />
<br />
select,<br />
input[type="file"] {<br />
height: 30px;<br />
/* In IE7, the height of the select element cannot be changed by height, only font-size */<br />
<br />
*margin-top: 4px;<br />
/* For IE7, add top margin to align select with labels */<br />
<br />
line-height: 30px;<br />
}<br />
<br />
select {<br />
width: 220px;<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
}<br />
<br />
select[multiple],<br />
select[size] {<br />
height: auto;<br />
}<br />
<br />
select:focus,<br />
input[type="file"]:focus,<br />
input[type="radio"]:focus,<br />
input[type="checkbox"]:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.uneditable-input,<br />
.uneditable-textarea {<br />
color: #999999;<br />
cursor: not-allowed;<br />
background-color: #fcfcfc;<br />
border-color: #cccccc;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
box-shadow: none;<br />
}<br />
<br />
.uneditable-input {<br />
overflow: hidden;<br />
white-space: nowrap;<br />
}<br />
<br />
.uneditable-textarea {<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
input:-moz-placeholder,<br />
textarea:-moz-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input:-ms-input-placeholder,<br />
textarea:-ms-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input::-webkit-input-placeholder,<br />
textarea::-webkit-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
.radio,<br />
.checkbox {<br />
min-height: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.radio input[type="radio"],<br />
.checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-left: -20px;<br />
}<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 5px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
display: inline-block;<br />
padding-top: 5px;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.radio.inline + .radio.inline,<br />
.checkbox.inline + .checkbox.inline {<br />
margin-left: 10px;<br />
}<br />
<br />
.input-mini {<br />
width: 60px;<br />
}<br />
<br />
.input-small {<br />
width: 90px;<br />
}<br />
<br />
.input-medium {<br />
width: 150px;<br />
}<br />
<br />
.input-large {<br />
width: 210px;<br />
}<br />
<br />
.input-xlarge {<br />
width: 270px;<br />
}<br />
<br />
.input-xxlarge {<br />
width: 530px;<br />
}<br />
<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"] {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.input-append input[class*="span"],<br />
.input-append .uneditable-input[class*="span"],<br />
.input-prepend input[class*="span"],<br />
.input-prepend .uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"],<br />
.row-fluid .input-prepend [class*="span"],<br />
.row-fluid .input-append [class*="span"] {<br />
display: inline-block;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 926px;<br />
}<br />
<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 846px;<br />
}<br />
<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 766px;<br />
}<br />
<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 686px;<br />
}<br />
<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 606px;<br />
}<br />
<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 526px;<br />
}<br />
<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 446px;<br />
}<br />
<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 366px;<br />
}<br />
<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 286px;<br />
}<br />
<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 206px;<br />
}<br />
<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 126px;<br />
}<br />
<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 46px;<br />
}<br />
<br />
.controls-row {<br />
*zoom: 1;<br />
}<br />
<br />
.controls-row:before,<br />
.controls-row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.controls-row:after {<br />
clear: both;<br />
}<br />
<br />
.controls-row [class*="span"],<br />
.row-fluid .controls-row [class*="span"] {<br />
float: left;<br />
}<br />
<br />
.controls-row .checkbox[class*="span"],<br />
.controls-row .radio[class*="span"] {<br />
padding-top: 5px;<br />
}<br />
<br />
input[disabled],<br />
select[disabled],<br />
textarea[disabled],<br />
input[readonly],<br />
select[readonly],<br />
textarea[readonly] {<br />
cursor: not-allowed;<br />
background-color: #eeeeee;<br />
}<br />
<br />
input[type="radio"][disabled],<br />
input[type="checkbox"][disabled],<br />
input[type="radio"][readonly],<br />
input[type="checkbox"][readonly] {<br />
background-color: transparent;<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #ffffff;<br />
}<br />
<br />
input:focus:invalid,<br />
textarea:focus:invalid,<br />
select:focus:invalid {<br />
color: #b94a48;<br />
border-color: #ee5f5b;<br />
}<br />
<br />
input:focus:invalid:focus,<br />
textarea:focus:invalid:focus,<br />
select:focus:invalid:focus {<br />
border-color: #e9322d;<br />
-webkit-box-shadow: 0 0 6px #f8b9b7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 6px #f8b9b7;<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 6px #f8b9b7;<br />
box-shadow: none;<br />
}<br />
<br />
.form-actions {<br />
padding: 19px 20px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #e5e5e5;<br />
*zoom: 1;<br />
}<br />
<br />
.form-actions:before,<br />
.form-actions:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-actions:after {<br />
clear: both;<br />
}<br />
<br />
.help-block,<br />
.help-inline {<br />
color: #595959;<br />
}<br />
<br />
.help-block {<br />
display: block;<br />
margin-bottom: 10px;<br />
}<br />
<br />
.help-inline {<br />
display: inline-block;<br />
*display: inline;<br />
padding-left: 5px;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.input-append,<br />
.input-prepend {<br />
display: inline-block;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input,<br />
.input-append .dropdown-menu,<br />
.input-prepend .dropdown-menu,<br />
.input-append .popover,<br />
.input-prepend .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input {<br />
position: relative;<br />
margin-bottom: 0;<br />
*margin-left: 0;<br />
vertical-align: top;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input:focus,<br />
.input-prepend input:focus,<br />
.input-append select:focus,<br />
.input-prepend select:focus,<br />
.input-append .uneditable-input:focus,<br />
.input-prepend .uneditable-input:focus {<br />
z-index: 2;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on {<br />
display: inline-block;<br />
width: auto;<br />
height: 20px;<br />
min-width: 16px;<br />
padding: 4px 5px;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on,<br />
.input-append .btn,<br />
.input-prepend .btn,<br />
.input-append .btn-group > .dropdown-toggle,<br />
.input-prepend .btn-group > .dropdown-toggle {<br />
vertical-align: top;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-append .active,<br />
.input-prepend .active {<br />
background-color: #8cd98c;<br />
border-color: #339933;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-prepend .btn {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input,<br />
.input-append select,<br />
.input-append .uneditable-input {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input + .btn-group .btn:last-child,<br />
.input-append select + .btn-group .btn:last-child,<br />
.input-append .uneditable-input + .btn-group .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-append .btn,<br />
.input-append .btn-group {<br />
margin-left: -1px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child,<br />
.input-append .btn-group:last-child > .dropdown-toggle {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append input,<br />
.input-prepend.input-append select,<br />
.input-prepend.input-append .uneditable-input {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-prepend.input-append input + .btn-group .btn,<br />
.input-prepend.input-append select + .btn-group .btn,<br />
.input-prepend.input-append .uneditable-input + .btn-group .btn {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:last-child,<br />
.input-prepend.input-append .btn:last-child {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .btn-group:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
input.search-query {<br />
padding-right: 14px;<br />
padding-right: 4px \9;<br />
padding-left: 14px;<br />
padding-left: 4px \9;<br />
/* IE7-8 doesn't have border-radius, so don't indent the padding */<br />
<br />
margin-bottom: 0;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
/* Allow for input prepend/append in search forms */<br />
<br />
.form-search .input-append .search-query,<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search input,<br />
.form-inline input,<br />
.form-horizontal input,<br />
.form-search textarea,<br />
.form-inline textarea,<br />
.form-horizontal textarea,<br />
.form-search select,<br />
.form-inline select,<br />
.form-horizontal select,<br />
.form-search .help-inline,<br />
.form-inline .help-inline,<br />
.form-horizontal .help-inline,<br />
.form-search .uneditable-input,<br />
.form-inline .uneditable-input,<br />
.form-horizontal .uneditable-input,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend,<br />
.form-horizontal .input-prepend,<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-horizontal .input-append {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.form-search .hide,<br />
.form-inline .hide,<br />
.form-horizontal .hide {<br />
display: none;<br />
}<br />
<br />
.form-search label,<br />
.form-inline label,<br />
.form-search .btn-group,<br />
.form-inline .btn-group {<br />
display: inline-block;<br />
}<br />
<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-search .radio,<br />
.form-search .checkbox,<br />
.form-inline .radio,<br />
.form-inline .checkbox {<br />
padding-left: 0;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.form-search .radio input[type="radio"],<br />
.form-search .checkbox input[type="checkbox"],<br />
.form-inline .radio input[type="radio"],<br />
.form-inline .checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-right: 3px;<br />
margin-left: 0;<br />
}<br />
<br />
.control-group {<br />
margin-bottom: 10px;<br />
}<br />
<br />
legend + .control-group {<br />
margin-top: 20px;<br />
-webkit-margin-top-collapse: separate;<br />
}<br />
<br />
.form-horizontal .control-group {<br />
margin-bottom: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.form-horizontal .control-group:before,<br />
.form-horizontal .control-group:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-horizontal .control-group:after {<br />
clear: both;<br />
}<br />
<br />
.form-horizontal .control-label {<br />
float: left;<br />
width: 160px;<br />
padding-top: 5px;<br />
text-align: right;<br />
}<br />
<br />
.form-horizontal .controls {<br />
*display: inline-block;<br />
*padding-left: 20px;<br />
margin-left: 180px;<br />
*margin-left: 0;<br />
}<br />
<br />
.form-horizontal .controls:first-child {<br />
*padding-left: 180px;<br />
}<br />
<br />
.form-horizontal .help-block {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-horizontal input + .help-block,<br />
.form-horizontal select + .help-block,<br />
.form-horizontal textarea + .help-block,<br />
.form-horizontal .uneditable-input + .help-block,<br />
.form-horizontal .input-prepend + .help-block,<br />
.form-horizontal .input-append + .help-block {<br />
margin-top: 10px;<br />
}<br />
<br />
.form-horizontal .form-actions {<br />
padding-left: 180px;<br />
}<br />
<br />
table {<br />
max-width: 100%;<br />
background-color: transparent;<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
<br />
.table {<br />
width: 100%;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
padding: 8px;<br />
line-height: 20px;<br />
text-align: left;<br />
vertical-align: top;<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-weight: bold;<br />
}<br />
<br />
.table thead th {<br />
vertical-align: bottom;<br />
}<br />
<br />
.table caption + thead tr:first-child th,<br />
.table caption + thead tr:first-child td,<br />
.table colgroup + thead tr:first-child th,<br />
.table colgroup + thead tr:first-child td,<br />
.table thead:first-child tr:first-child th,<br />
.table thead:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table tbody + tbody {<br />
border-top: 2px solid #cccccc;<br />
}<br />
<br />
.table .table {<br />
background-color: #ffffff;<br />
}<br />
<br />
.table-condensed th,<br />
.table-condensed td {<br />
padding: 4px 5px;<br />
}<br />
<br />
.table-bordered {<br />
border: 1px solid #cccccc;<br />
border-collapse: separate;<br />
*border-collapse: collapse;<br />
border-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-left: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child td,<br />
.table-bordered colgroup + thead tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child td,<br />
.table-bordered thead:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:first-child,<br />
.table-bordered tbody:first-child tr:first-child > td:first-child,<br />
.table-bordered tbody:first-child tr:first-child > th:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:last-child,<br />
.table-bordered tbody:first-child tr:first-child > td:last-child,<br />
.table-bordered tbody:first-child tr:first-child > th:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:first-child,<br />
.table-bordered tbody:last-child tr:last-child > td:first-child,<br />
.table-bordered tbody:last-child tr:last-child > th:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:last-child,<br />
.table-bordered tbody:last-child tr:last-child > td:last-child,<br />
.table-bordered tbody:last-child tr:last-child > th:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-striped tbody > tr:nth-child(odd) > td,<br />
.table-striped tbody > tr:nth-child(odd) > th {<br />
background-color: #f9f9f9;<br />
}<br />
<br />
.table-hover tbody tr:hover > td,<br />
.table-hover tbody tr:hover > th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
table td[class*="span"],<br />
table th[class*="span"],<br />
.row-fluid table td[class*="span"],<br />
.row-fluid table th[class*="span"] {<br />
display: table-cell;<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span1,<br />
.table th.span1 {<br />
float: none;<br />
width: 44px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span2,<br />
.table th.span2 {<br />
float: none;<br />
width: 124px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span3,<br />
.table th.span3 {<br />
float: none;<br />
width: 204px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span4,<br />
.table th.span4 {<br />
float: none;<br />
width: 284px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span5,<br />
.table th.span5 {<br />
float: none;<br />
width: 364px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span6,<br />
.table th.span6 {<br />
float: none;<br />
width: 444px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span7,<br />
.table th.span7 {<br />
float: none;<br />
width: 524px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span8,<br />
.table th.span8 {<br />
float: none;<br />
width: 604px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span9,<br />
.table th.span9 {<br />
float: none;<br />
width: 684px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span10,<br />
.table th.span10 {<br />
float: none;<br />
width: 764px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span11,<br />
.table th.span11 {<br />
float: none;<br />
width: 844px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span12,<br />
.table th.span12 {<br />
float: none;<br />
width: 924px;<br />
margin-left: 0;<br />
}<br />
<br />
.table tbody tr.success > td {<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error > td {<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning > td {<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info > td {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr.success:hover > td {<br />
background-color: #018a18;<br />
}<br />
<br />
.table-hover tbody tr.error:hover > td {<br />
background-color: #a6193f;<br />
}<br />
<br />
.table-hover tbody tr.warning:hover > td {<br />
background-color: #d78708;<br />
}<br />
<br />
.table-hover tbody tr.info:hover > td {<br />
background-color: #157cee;<br />
}<br />
<br />
.dropup,<br />
.dropdown {<br />
position: relative;<br />
}<br />
<br />
.dropdown-toggle {<br />
*margin-bottom: -3px;<br />
}<br />
<br />
.dropdown-toggle:active,<br />
.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.caret {<br />
display: inline-block;<br />
width: 0;<br />
height: 0;<br />
vertical-align: top;<br />
border-top: 4px solid #000000;<br />
border-right: 4px solid transparent;<br />
border-left: 4px solid transparent;<br />
content: "";<br />
}<br />
<br />
.dropdown .caret {<br />
margin-top: 8px;<br />
margin-left: 2px;<br />
}<br />
<br />
.dropdown-menu {<br />
position: absolute;<br />
top: 100%;<br />
left: 0;<br />
z-index: 1000;<br />
display: none;<br />
float: left;<br />
min-width: 160px;<br />
padding: 5px 0;<br />
margin: 2px 0 0;<br />
list-style: none;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
*border-right-width: 2px;<br />
*border-bottom-width: 2px;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropdown-menu .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.dropdown-menu > li > a {<br />
display: block;<br />
padding: 3px 20px;<br />
clear: both;<br />
font-weight: normal;<br />
line-height: 20px;<br />
color: #333333;<br />
white-space: nowrap;<br />
}<br />
<br />
.dropdown-menu > li > a:hover,<br />
.dropdown-menu > li > a:focus,<br />
.dropdown-submenu:hover > a,<br />
.dropdown-submenu:focus > a {<br />
color: #ffffff;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .active > a,<br />
.dropdown-menu > .active > a:hover,<br />
.dropdown-menu > .active > a:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
outline: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .disabled > a,<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
color: #999999;<br />
}<br />
<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
background-image: none;<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.open {<br />
*z-index: 1000;<br />
}<br />
<br />
.open > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.pull-right > .dropdown-menu {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border-top: 0;<br />
border-bottom: 4px solid #000000;<br />
content: "";<br />
}<br />
<br />
.dropup .dropdown-menu,<br />
.navbar-fixed-bottom .dropdown .dropdown-menu {<br />
top: auto;<br />
bottom: 100%;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.dropdown-submenu {<br />
position: relative;<br />
}<br />
<br />
.dropdown-submenu > .dropdown-menu {<br />
top: 0;<br />
left: 100%;<br />
margin-top: -6px;<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 6px 6px 6px;<br />
-moz-border-radius: 0 6px 6px 6px;<br />
border-radius: 0 6px 6px 6px;<br />
}<br />
<br />
.dropdown-submenu:hover > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.dropup .dropdown-submenu > .dropdown-menu {<br />
top: auto;<br />
bottom: 0;<br />
margin-top: 0;<br />
margin-bottom: -2px;<br />
-webkit-border-radius: 5px 5px 5px 0;<br />
-moz-border-radius: 5px 5px 5px 0;<br />
border-radius: 5px 5px 5px 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
display: block;<br />
float: right;<br />
width: 0;<br />
height: 0;<br />
margin-top: 5px;<br />
margin-right: -10px;<br />
border-color: transparent;<br />
border-left-color: #cccccc;<br />
border-style: solid;<br />
border-width: 5px 0 5px 5px;<br />
content: " ";<br />
}<br />
<br />
.dropdown-submenu:hover > a:after {<br />
border-left-color: #ffffff;<br />
}<br />
<br />
.dropdown-submenu.pull-left {<br />
float: none;<br />
}<br />
<br />
.dropdown-submenu.pull-left > .dropdown-menu {<br />
left: -100%;<br />
margin-left: 10px;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.dropdown .dropdown-menu .nav-header {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.typeahead {<br />
z-index: 1051;<br />
margin-top: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.well {<br />
min-height: 20px;<br />
padding: 19px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border: 1px solid #e3e3e3;<br />
}<br />
<br />
.well blockquote {<br />
border-color: #ddd;<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.well-large {<br />
padding: 24px;<br />
}<br />
<br />
.well-small {<br />
padding: 9px;<br />
}<br />
<br />
.fade {<br />
opacity: 0;<br />
-webkit-transition: opacity 0.15s linear;<br />
-moz-transition: opacity 0.15s linear;<br />
-o-transition: opacity 0.15s linear;<br />
transition: opacity 0.15s linear;<br />
}<br />
<br />
.fade.in {<br />
opacity: 1;<br />
}<br />
<br />
.collapse {<br />
position: relative;<br />
height: 0;<br />
overflow: hidden;<br />
-webkit-transition: height 0.35s ease;<br />
-moz-transition: height 0.35s ease;<br />
-o-transition: height 0.35s ease;<br />
transition: height 0.35s ease;<br />
}<br />
<br />
.collapse.in {<br />
height: auto;<br />
}<br />
<br />
.close {<br />
float: right;<br />
font-size: 20px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #000000;<br />
text-shadow: 0 1px 0 #ffffff;<br />
opacity: 0.2;<br />
filter: alpha(opacity=20);<br />
}<br />
<br />
.close:hover,<br />
.close:focus {<br />
color: #000000;<br />
text-decoration: none;<br />
cursor: pointer;<br />
opacity: 0.4;<br />
filter: alpha(opacity=40);<br />
}<br />
<br />
button.close {<br />
padding: 0;<br />
cursor: pointer;<br />
background: transparent;<br />
border: 0;<br />
-webkit-appearance: none;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
*display: inline;<br />
padding: 4px 12px;<br />
margin-bottom: 0;<br />
*margin-left: .3em;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
text-align: center;<br />
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);<br />
vertical-align: middle;<br />
cursor: pointer;<br />
background-color: #eeeeee;<br />
*background-color: #eeeeee;<br />
background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));<br />
background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #cccccc;<br />
*border: 0;<br />
border-color: #eeeeee #eeeeee #c8c8c8;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
border-bottom-color: #b3b3b3;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
color: #333333;<br />
background-color: #eeeeee;<br />
*background-color: #e1e1e1;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #d5d5d5 \9;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-position: 0 -15px;<br />
-webkit-transition: background-position 0.1s linear;<br />
-moz-transition: background-position 0.1s linear;<br />
-o-transition: background-position 0.1s linear;<br />
transition: background-position 0.1s linear;<br />
}<br />
<br />
.btn:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-image: none;<br />
outline: 0;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
cursor: default;<br />
background-image: none;<br />
opacity: 0.65;<br />
filter: alpha(opacity=65);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-large {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-large [class^="icon-"],<br />
.btn-large [class*=" icon-"] {<br />
margin-top: 4px;<br />
}<br />
<br />
.btn-small {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-small [class^="icon-"],<br />
.btn-small [class*=" icon-"] {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-mini [class^="icon-"],<br />
.btn-mini [class*=" icon-"] {<br />
margin-top: -1px;<br />
}<br />
<br />
.btn-mini {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-block {<br />
display: block;<br />
width: 100%;<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.btn-block + .btn-block {<br />
margin-top: 5px;<br />
}<br />
<br />
input[type="submit"].btn-block,<br />
input[type="reset"].btn-block,<br />
input[type="button"].btn-block {<br />
width: 100%;<br />
}<br />
<br />
.btn-primary.active,<br />
.btn-warning.active,<br />
.btn-danger.active,<br />
.btn-success.active,<br />
.btn-info.active,<br />
.btn-inverse.active {<br />
color: rgba(255, 255, 255, 0.75);<br />
}<br />
<br />
.btn-primary {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #2e7bcc;<br />
*background-color: #2e63cc;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2e63cc #2e63cc #20458e;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:focus,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
color: #ffffff;<br />
background-color: #2e63cc;<br />
*background-color: #2959b7;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #254fa2 \9;<br />
}<br />
<br />
.btn-warning {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #f5a932;<br />
*background-color: #f09609;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #f09609 #f09609 #a66806;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:focus,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
*background-color: #d78708;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #bf7707 \9;<br />
}<br />
<br />
.btn-danger {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #da4f49;<br />
*background-color: #bd362f;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #bd362f #bd362f #802420;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:focus,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
color: #ffffff;<br />
background-color: #bd362f;<br />
*background-color: #a9302a;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25 \9;<br />
}<br />
<br />
.btn-success {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #5bb75b;<br />
*background-color: #51a351;<br />
background-image: -moz-linear-gradient(top, #62c462, #51a351);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));<br />
background-image: -webkit-linear-gradient(top, #62c462, #51a351);<br />
background-image: -o-linear-gradient(top, #62c462, #51a351);<br />
background-image: linear-gradient(to bottom, #62c462, #51a351);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #51a351 #51a351 #387038;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:focus,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
color: #ffffff;<br />
background-color: #51a351;<br />
*background-color: #499249;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140 \9;<br />
}<br />
<br />
.btn-info {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #49afcd;<br />
*background-color: #2f96b4;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2f96b4 #2f96b4 #1f6377;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:focus,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
color: #ffffff;<br />
background-color: #2f96b4;<br />
*background-color: #2a85a0;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c \9;<br />
}<br />
<br />
.btn-inverse {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #414141;<br />
*background-color: #222222;<br />
background-image: -moz-linear-gradient(top, #555555, #222222);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));<br />
background-image: -webkit-linear-gradient(top, #555555, #222222);<br />
background-image: -o-linear-gradient(top, #555555, #222222);<br />
background-image: linear-gradient(to bottom, #555555, #222222);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #222222 #222222 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:focus,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
color: #ffffff;<br />
background-color: #222222;<br />
*background-color: #151515;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808 \9;<br />
}<br />
<br />
button.btn,<br />
input[type="submit"].btn {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn::-moz-focus-inner,<br />
input[type="submit"].btn::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button.btn.btn-large,<br />
input[type="submit"].btn.btn-large {<br />
*padding-top: 7px;<br />
*padding-bottom: 7px;<br />
}<br />
<br />
button.btn.btn-small,<br />
input[type="submit"].btn.btn-small {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn.btn-mini,<br />
input[type="submit"].btn.btn-mini {<br />
*padding-top: 1px;<br />
*padding-bottom: 1px;<br />
}<br />
<br />
.btn-link,<br />
.btn-link:active,<br />
.btn-link[disabled] {<br />
background-color: transparent;<br />
background-image: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-link {<br />
color: #2e8bcc;<br />
cursor: pointer;<br />
border-color: transparent;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-link:hover,<br />
.btn-link:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
background-color: transparent;<br />
}<br />
<br />
.btn-link[disabled]:hover,<br />
.btn-link[disabled]:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
}<br />
<br />
.btn-group {<br />
position: relative;<br />
display: inline-block;<br />
*display: inline;<br />
*margin-left: .3em;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn-group + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-toolbar {<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.btn-toolbar > .btn + .btn,<br />
.btn-toolbar > .btn-group + .btn,<br />
.btn-toolbar > .btn + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-group > .btn {<br />
position: relative;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group > .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.btn-group > .btn,<br />
.btn-group > .dropdown-menu,<br />
.btn-group > .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.btn-group > .btn-mini {<br />
font-size: 10.5px;<br />
}<br />
<br />
.btn-group > .btn-small {<br />
font-size: 11.9px;<br />
}<br />
<br />
.btn-group > .btn-large {<br />
font-size: 17.5px;<br />
}<br />
<br />
.btn-group > .btn:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn.large:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn.large:last-child,<br />
.btn-group > .large.dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn:hover,<br />
.btn-group > .btn:focus,<br />
.btn-group > .btn:active,<br />
.btn-group > .btn.active {<br />
z-index: 2;<br />
}<br />
<br />
.btn-group .dropdown-toggle:active,<br />
.btn-group.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
*padding-top: 5px;<br />
padding-right: 8px;<br />
*padding-bottom: 5px;<br />
padding-left: 8px;<br />
-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);<br />
-webkit-box-shadow: none;<br />
-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);<br />
-moz-box-shadow: none;<br />
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);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
*padding-top: 2px;<br />
padding-right: 5px;<br />
*padding-bottom: 2px;<br />
padding-left: 5px;<br />
}<br />
<br />
.btn-group > .btn-small + .dropdown-toggle {<br />
*padding-top: 5px;<br />
*padding-bottom: 4px;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
*padding-top: 7px;<br />
padding-right: 12px;<br />
*padding-bottom: 7px;<br />
padding-left: 12px;<br />
}<br />
<br />
.btn-group.open .dropdown-toggle {<br />
background-image: none;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group.open .btn.dropdown-toggle {<br />
background-color: #eeeeee;<br />
}<br />
<br />
.btn-group.open .btn-primary.dropdown-toggle {<br />
background-color: #2e63cc;<br />
}<br />
<br />
.btn-group.open .btn-warning.dropdown-toggle {<br />
background-color: #f09609;<br />
}<br />
<br />
.btn-group.open .btn-danger.dropdown-toggle {<br />
background-color: #bd362f;<br />
}<br />
<br />
.btn-group.open .btn-success.dropdown-toggle {<br />
background-color: #51a351;<br />
}<br />
<br />
.btn-group.open .btn-info.dropdown-toggle {<br />
background-color: #2f96b4;<br />
}<br />
<br />
.btn-group.open .btn-inverse.dropdown-toggle {<br />
background-color: #222222;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 8px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
margin-top: 6px;<br />
}<br />
<br />
.btn-large .caret {<br />
border-top-width: 5px;<br />
border-right-width: 5px;<br />
border-left-width: 5px;<br />
}<br />
<br />
.btn-mini .caret,<br />
.btn-small .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border-bottom-width: 5px;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.btn-group-vertical {<br />
display: inline-block;<br />
*display: inline;<br />
/* IE7 inline-block hack */<br />
<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group-vertical > .btn {<br />
display: block;<br />
float: none;<br />
max-width: 100%;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn + .btn {<br />
margin-top: -1px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.alert {<br />
padding: 8px 35px 8px 14px;<br />
margin-bottom: 20px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
background-color: #f09609;<br />
border: 1px solid #e16908;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.alert,<br />
.alert h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert h4 {<br />
margin: 0;<br />
}<br />
<br />
.alert .close {<br />
position: relative;<br />
top: -2px;<br />
right: -21px;<br />
line-height: 20px;<br />
}<br />
<br />
.alert-success {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #018a01;<br />
}<br />
<br />
.alert-success h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-danger,<br />
.alert-error {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #af1a5c;<br />
}<br />
<br />
.alert-danger h4,<br />
.alert-error h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-info {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #119be9;<br />
}<br />
<br />
.alert-info h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-block {<br />
padding-top: 14px;<br />
padding-bottom: 14px;<br />
}<br />
<br />
.alert-block > p,<br />
.alert-block > ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
.alert-block p + p {<br />
margin-top: 5px;<br />
}<br />
<br />
.nav {<br />
margin-bottom: 20px;<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.nav > li > a {<br />
display: block;<br />
}<br />
<br />
.nav > li > a:hover,<br />
.nav > li > a:focus {<br />
text-decoration: none;<br />
background-color: #eeeeee;<br />
}<br />
<br />
.nav > li > a > img {<br />
max-width: none;<br />
}<br />
<br />
.nav > .pull-right {<br />
float: right;<br />
}<br />
<br />
.nav-header {<br />
display: block;<br />
padding: 3px 15px;<br />
font-size: 11px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #999999;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
text-transform: uppercase;<br />
}<br />
<br />
.nav li + .nav-header {<br />
margin-top: 9px;<br />
}<br />
<br />
.nav-list {<br />
padding-right: 15px;<br />
padding-left: 15px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-list > li > a,<br />
.nav-list .nav-header {<br />
margin-right: -15px;<br />
margin-left: -15px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
}<br />
<br />
.nav-list > li > a {<br />
padding: 3px 15px;<br />
}<br />
<br />
.nav-list > .active > a,<br />
.nav-list > .active > a:hover,<br />
.nav-list > .active > a:focus {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-list [class^="icon-"],<br />
.nav-list [class*=" icon-"] {<br />
margin-right: 2px;<br />
}<br />
<br />
.nav-list .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.nav-tabs,<br />
.nav-pills {<br />
*zoom: 1;<br />
}<br />
<br />
.nav-tabs:before,<br />
.nav-pills:before,<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
clear: both;<br />
}<br />
<br />
.nav-tabs > li,<br />
.nav-pills > li {<br />
float: left;<br />
}<br />
<br />
.nav-tabs > li > a,<br />
.nav-pills > li > a {<br />
padding-right: 12px;<br />
padding-left: 12px;<br />
margin-right: 2px;<br />
line-height: 14px;<br />
}<br />
<br />
.nav-tabs {<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
.nav-tabs > li {<br />
margin-bottom: -1px;<br />
}<br />
<br />
.nav-tabs > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
line-height: 20px;<br />
border: 1px solid transparent;<br />
-webkit-border-radius: 4px 4px 0 0;<br />
-moz-border-radius: 4px 4px 0 0;<br />
border-radius: 4px 4px 0 0;<br />
}<br />
<br />
.nav-tabs > li > a:hover,<br />
.nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.nav-tabs > .active > a,<br />
.nav-tabs > .active > a:hover,<br />
.nav-tabs > .active > a:focus {<br />
color: #555555;<br />
cursor: default;<br />
background-color: #ffffff;<br />
border: 1px solid #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.nav-pills > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.nav-pills > .active > a,<br />
.nav-pills > .active > a:hover,<br />
.nav-pills > .active > a:focus {<br />
color: #ffffff;<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-stacked > li {<br />
float: none;<br />
}<br />
<br />
.nav-stacked > li > a {<br />
margin-right: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked {<br />
border-bottom: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a {<br />
-webkit-border-top-right-radius: 4px;<br />
border-top-right-radius: 4px;<br />
-webkit-border-top-left-radius: 4px;<br />
border-top-left-radius: 4px;<br />
-moz-border-radius-topright: 4px;<br />
-moz-border-radius-topleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-bottom-right-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
-webkit-border-bottom-left-radius: 4px;<br />
border-bottom-left-radius: 4px;<br />
-moz-border-radius-bottomright: 4px;<br />
-moz-border-radius-bottomleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a:hover,<br />
.nav-tabs.nav-stacked > li > a:focus {<br />
z-index: 2;<br />
border-color: #ddd;<br />
}<br />
<br />
.nav-pills.nav-stacked > li > a {<br />
margin-bottom: 3px;<br />
}<br />
<br />
.nav-pills.nav-stacked > li:last-child > a {<br />
margin-bottom: 1px;<br />
}<br />
<br />
.nav-tabs .dropdown-menu {<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
}<br />
<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 6px;<br />
border-top-color: #2e8bcc;<br />
border-bottom-color: #2e8bcc;<br />
}<br />
<br />
.nav .dropdown-toggle:hover .caret,<br />
.nav .dropdown-toggle:focus .caret {<br />
border-top-color: #20608e;<br />
border-bottom-color: #20608e;<br />
}<br />
<br />
/* move down carets for tabs */<br />
<br />
.nav-tabs .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.nav .active .dropdown-toggle .caret {<br />
border-top-color: #fff;<br />
border-bottom-color: #fff;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.nav > .dropdown.active > a:hover,<br />
.nav > .dropdown.active > a:focus {<br />
cursor: pointer;<br />
}<br />
<br />
.nav-tabs .open .dropdown-toggle,<br />
.nav-pills .open .dropdown-toggle,<br />
.nav > li.dropdown.open.active > a:hover,<br />
.nav > li.dropdown.open.active > a:focus {<br />
color: #ffffff;<br />
background-color: #999999;<br />
border-color: #999999;<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret,<br />
.nav li.dropdown.open a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.tabs-stacked .open > a:hover,<br />
.tabs-stacked .open > a:focus {<br />
border-color: #999999;<br />
}<br />
<br />
.tabbable {<br />
*zoom: 1;<br />
}<br />
<br />
.tabbable:before,<br />
.tabbable:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.tabbable:after {<br />
clear: both;<br />
}<br />
<br />
.tab-content {<br />
overflow: auto;<br />
}<br />
<br />
.tabs-below > .nav-tabs,<br />
.tabs-right > .nav-tabs,<br />
.tabs-left > .nav-tabs {<br />
border-bottom: 0;<br />
}<br />
<br />
.tab-content > .tab-pane,<br />
.pill-content > .pill-pane {<br />
display: none;<br />
}<br />
<br />
.tab-content > .active,<br />
.pill-content > .active {<br />
display: block;<br />
}<br />
<br />
.tabs-below > .nav-tabs {<br />
border-top: 1px solid #ddd;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li {<br />
margin-top: -1px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0 0 4px 4px;<br />
-moz-border-radius: 0 0 4px 4px;<br />
border-radius: 0 0 4px 4px;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a:hover,<br />
.tabs-below > .nav-tabs > li > a:focus {<br />
border-top-color: #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.tabs-below > .nav-tabs > .active > a,<br />
.tabs-below > .nav-tabs > .active > a:hover,<br />
.tabs-below > .nav-tabs > .active > a:focus {<br />
border-color: transparent #ddd #ddd #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li,<br />
.tabs-right > .nav-tabs > li {<br />
float: none;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
min-width: 74px;<br />
margin-right: 0;<br />
margin-bottom: 3px;<br />
}<br />
<br />
.tabs-left > .nav-tabs {<br />
float: left;<br />
margin-right: 19px;<br />
border-right: 1px solid #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a {<br />
margin-right: -1px;<br />
-webkit-border-radius: 4px 0 0 4px;<br />
-moz-border-radius: 4px 0 0 4px;<br />
border-radius: 4px 0 0 4px;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a:hover,<br />
.tabs-left > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #dddddd #eeeeee #eeeeee;<br />
}<br />
<br />
.tabs-left > .nav-tabs .active > a,<br />
.tabs-left > .nav-tabs .active > a:hover,<br />
.tabs-left > .nav-tabs .active > a:focus {<br />
border-color: #ddd transparent #ddd #ddd;<br />
*border-right-color: #ffffff;<br />
}<br />
<br />
.tabs-right > .nav-tabs {<br />
float: right;<br />
margin-left: 19px;<br />
border-left: 1px solid #ddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 4px 4px 0;<br />
-moz-border-radius: 0 4px 4px 0;<br />
border-radius: 0 4px 4px 0;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a:hover,<br />
.tabs-right > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs .active > a,<br />
.tabs-right > .nav-tabs .active > a:hover,<br />
.tabs-right > .nav-tabs .active > a:focus {<br />
border-color: #ddd #ddd #ddd transparent;<br />
*border-left-color: #ffffff;<br />
}<br />
<br />
.nav > .disabled > a {<br />
color: #999999;<br />
}<br />
<br />
.nav > .disabled > a:hover,<br />
.nav > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar {<br />
*position: relative;<br />
*z-index: 2;<br />
margin-bottom: 20px;<br />
overflow: visible;<br />
}<br />
<br />
.navbar-inner {<br />
min-height: 40px;<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
background-color: #fafafa;<br />
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));<br />
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #d4d4d4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inner:before,<br />
.navbar-inner:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-inner:after {<br />
clear: both;<br />
}<br />
<br />
.navbar .container {<br />
width: auto;<br />
}<br />
<br />
.nav-collapse.collapse {<br />
height: auto;<br />
overflow: visible;<br />
}<br />
<br />
.navbar .brand {<br />
display: block;<br />
float: left;<br />
padding: 10px 20px 10px;<br />
margin-left: -20px;<br />
font-size: 20px;<br />
font-weight: 200;<br />
color: #777777;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .brand:hover,<br />
.navbar .brand:focus {<br />
text-decoration: none;<br />
}<br />
<br />
.navbar-text {<br />
margin-bottom: 0;<br />
line-height: 40px;<br />
color: #777777;<br />
}<br />
<br />
.navbar-link {<br />
color: #777777;<br />
}<br />
<br />
.navbar-link:hover,<br />
.navbar-link:focus {<br />
color: #333333;<br />
}<br />
<br />
.navbar .divider-vertical {<br />
height: 40px;<br />
margin: 0 9px;<br />
border-right: 1px solid #ffffff;<br />
border-left: 1px solid #f2f2f2;<br />
}<br />
<br />
.navbar .btn,<br />
.navbar .btn-group {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar .btn-group .btn,<br />
.navbar .input-prepend .btn,<br />
.navbar .input-append .btn,<br />
.navbar .input-prepend .btn-group,<br />
.navbar .input-append .btn-group {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-form {<br />
margin-bottom: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.navbar-form:before,<br />
.navbar-form:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-form:after {<br />
clear: both;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .radio,<br />
.navbar-form .checkbox {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-form input[type="image"],<br />
.navbar-form input[type="checkbox"],<br />
.navbar-form input[type="radio"] {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar-form .input-append,<br />
.navbar-form .input-prepend {<br />
margin-top: 5px;<br />
white-space: nowrap;<br />
}<br />
<br />
.navbar-form .input-append input,<br />
.navbar-form .input-prepend input {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search {<br />
position: relative;<br />
float: left;<br />
margin-top: 5px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
padding: 4px 14px;<br />
margin-bottom: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 13px;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.navbar-static-top {<br />
position: static;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-static-top .navbar-inner {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: fixed;<br />
right: 0;<br />
left: 0;<br />
z-index: 1030;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
border-width: 0 0 1px;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
border-width: 1px 0 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.navbar-fixed-top {<br />
top: 0px;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-fixed-bottom {<br />
bottom: 0;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav {<br />
position: relative;<br />
left: 0;<br />
display: block;<br />
float: left;<br />
margin: 0 10px 0 0;<br />
}<br />
<br />
.navbar .nav.pull-right {<br />
float: right;<br />
margin-right: 0;<br />
}<br />
<br />
.navbar .nav > li {<br />
float: left;<br />
}<br />
<br />
.navbar .nav > li > a {<br />
float: none;<br />
padding: 10px 15px 10px;<br />
color: #777777;<br />
text-decoration: none;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.navbar .nav > li > a:focus,<br />
.navbar .nav > li > a:hover {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
color: #555555;<br />
text-decoration: none;<br />
background-color: #e5e5e5;<br />
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
display: none;<br />
float: right;<br />
padding: 7px 10px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #ededed;<br />
*background-color: #e5e5e5;<br />
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));<br />
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #e5e5e5 #e5e5e5 #bfbfbf;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar:hover,<br />
.navbar .btn-navbar:focus,<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active,<br />
.navbar .btn-navbar.disabled,<br />
.navbar .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #e5e5e5;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active {<br />
background-color: #cccccc \9;<br />
}<br />
<br />
.navbar .btn-navbar .icon-bar {<br />
display: block;<br />
width: 18px;<br />
height: 2px;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px;<br />
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-navbar .icon-bar + .icon-bar {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:before {<br />
position: absolute;<br />
top: -7px;<br />
left: 9px;<br />
display: inline-block;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-left: 7px solid transparent;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
content: '';<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:after {<br />
position: absolute;<br />
top: -6px;<br />
left: 10px;<br />
display: inline-block;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
border-left: 6px solid transparent;<br />
content: '';<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {<br />
top: auto;<br />
bottom: -7px;<br />
border-top: 7px solid #ccc;<br />
border-bottom: 0;<br />
border-top-color: rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {<br />
top: auto;<br />
bottom: -6px;<br />
border-top: 6px solid #ffffff;<br />
border-bottom: 0;<br />
}<br />
<br />
.navbar .nav li.dropdown > a:hover .caret,<br />
.navbar .nav li.dropdown > a:focus .caret {<br />
border-top-color: #333333;<br />
border-bottom-color: #333333;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #555555;<br />
background-color: #e5e5e5;<br />
}<br />
<br />
.navbar .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #777777;<br />
border-bottom-color: #777777;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:before,<br />
.navbar .nav > li > .dropdown-menu.pull-right:before {<br />
right: 12px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:after,<br />
.navbar .nav > li > .dropdown-menu.pull-right:after {<br />
right: 13px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {<br />
right: 100%;<br />
left: auto;<br />
margin-right: -1px;<br />
margin-left: 0;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.navbar-inverse .navbar-inner {<br />
background-color: #1b1b1b;<br />
background-image: -moz-linear-gradient(top, #222222, #111111);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));<br />
background-image: -webkit-linear-gradient(top, #222222, #111111);<br />
background-image: -o-linear-gradient(top, #222222, #111111);<br />
background-image: linear-gradient(to bottom, #222222, #111111);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #252525;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .brand,<br />
.navbar-inverse .nav > li > a {<br />
color: #999999;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
<br />
.navbar-inverse .brand:hover,<br />
.navbar-inverse .nav > li > a:hover,<br />
.navbar-inverse .brand:focus,<br />
.navbar-inverse .nav > li > a:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .brand {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-text {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav > li > a:focus,<br />
.navbar-inverse .nav > li > a:hover {<br />
color: #ffffff;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar-inverse .nav .active > a,<br />
.navbar-inverse .nav .active > a:hover,<br />
.navbar-inverse .nav .active > a:focus {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .navbar-link {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-link:hover,<br />
.navbar-inverse .navbar-link:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .divider-vertical {<br />
border-right-color: #222222;<br />
border-left-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > a:hover .caret,<br />
.navbar-inverse .nav li.dropdown > a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #999999;<br />
border-bottom-color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query {<br />
color: #ffffff;<br />
background-color: #515151;<br />
border-color: #111111;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
box-shadow: none;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-moz-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:focus,<br />
.navbar-inverse .navbar-search .search-query.focused {<br />
padding: 5px 15px;<br />
color: #333333;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #ffffff;<br />
border: 0;<br />
outline: 0;<br />
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inverse .btn-navbar {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e0e0e;<br />
*background-color: #040404;<br />
background-image: -moz-linear-gradient(top, #151515, #040404);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));<br />
background-image: -webkit-linear-gradient(top, #151515, #040404);<br />
background-image: -o-linear-gradient(top, #151515, #040404);<br />
background-image: linear-gradient(to bottom, #151515, #040404);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #040404 #040404 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .btn-navbar:hover,<br />
.navbar-inverse .btn-navbar:focus,<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active,<br />
.navbar-inverse .btn-navbar.disabled,<br />
.navbar-inverse .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #040404;<br />
*background-color: #000000;<br />
}<br />
<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active {<br />
background-color: #000000 \9;<br />
}<br />
<br />
.breadcrumb {<br />
padding: 8px 15px;<br />
margin: 0 0 20px;<br />
list-style: none;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.breadcrumb > li {<br />
display: inline-block;<br />
*display: inline;<br />
text-shadow: 0 1px 0 #ffffff;<br />
*zoom: 1;<br />
}<br />
<br />
.breadcrumb > li > .divider {<br />
padding: 0 5px;<br />
color: #ccc;<br />
}<br />
<br />
.breadcrumb > .active {<br />
color: #999999;<br />
}<br />
<br />
.pagination {<br />
margin: 20px 0;<br />
}<br />
<br />
.pagination ul {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.pagination ul > li {<br />
display: inline;<br />
}<br />
<br />
.pagination ul > li > a,<br />
.pagination ul > li > span {<br />
float: left;<br />
padding: 4px 12px;<br />
line-height: 20px;<br />
text-decoration: none;<br />
background-color: #ffffff;<br />
border: 1px solid #dddddd;<br />
border-left-width: 0;<br />
}<br />
<br />
.pagination ul > li > a:hover,<br />
.pagination ul > li > a:focus,<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
color: #999999;<br />
cursor: default;<br />
}<br />
<br />
.pagination ul > .disabled > span,<br />
.pagination ul > .disabled > a,<br />
.pagination ul > .disabled > a:hover,<br />
.pagination ul > .disabled > a:focus {<br />
color: #999999;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.pagination ul > li:first-child > a,<br />
.pagination ul > li:first-child > span {<br />
border-left-width: 1px;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination ul > li:last-child > a,<br />
.pagination ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-centered {<br />
text-align: center;<br />
}<br />
<br />
.pagination-right {<br />
text-align: right;<br />
}<br />
<br />
.pagination-large ul > li > a,<br />
.pagination-large ul > li > span {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
}<br />
<br />
.pagination-large ul > li:first-child > a,<br />
.pagination-large ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-large ul > li:last-child > a,<br />
.pagination-large ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-mini ul > li:first-child > a,<br />
.pagination-small ul > li:first-child > a,<br />
.pagination-mini ul > li:first-child > span,<br />
.pagination-small ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-mini ul > li:last-child > a,<br />
.pagination-small ul > li:last-child > a,<br />
.pagination-mini ul > li:last-child > span,<br />
.pagination-small ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-small ul > li > a,<br />
.pagination-small ul > li > span {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
}<br />
<br />
.pagination-mini ul > li > a,<br />
.pagination-mini ul > li > span {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
}<br />
<br />
.pager {<br />
margin: 20px 0;<br />
text-align: center;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.pager:before,<br />
.pager:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.pager:after {<br />
clear: both;<br />
}<br />
<br />
.pager li {<br />
display: inline;<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
display: inline-block;<br />
padding: 5px 14px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.pager li > a:hover,<br />
.pager li > a:focus {<br />
text-decoration: none;<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pager .next > a,<br />
.pager .next > span {<br />
float: right;<br />
}<br />
<br />
.pager .previous > a,<br />
.pager .previous > span {<br />
float: left;<br />
}<br />
<br />
.pager .disabled > a,<br />
.pager .disabled > a:hover,<br />
.pager .disabled > a:focus,<br />
.pager .disabled > span {<br />
color: #999999;<br />
cursor: default;<br />
background-color: #fff;<br />
}<br />
<br />
.modal-backdrop {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
z-index: 1040;<br />
background-color: #000000;<br />
}<br />
<br />
.modal-backdrop.fade {<br />
opacity: 0;<br />
}<br />
<br />
.modal-backdrop,<br />
.modal-backdrop.fade.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.modal {<br />
position: fixed;<br />
top: 10%;<br />
left: 50%;<br />
z-index: 1050;<br />
width: 560px;<br />
margin-left: -280px;<br />
background-color: #ffffff;<br />
border: 1px solid #999;<br />
border: 1px solid rgba(0, 0, 0, 0.3);<br />
*border: 1px solid #999;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
outline: none;<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding-box;<br />
background-clip: padding-box;<br />
}<br />
<br />
.modal.fade {<br />
top: -25%;<br />
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-o-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
transition: opacity 0.3s linear, top 0.3s ease-out;<br />
}<br />
<br />
.modal.fade.in {<br />
top: 10%;<br />
}<br />
<br />
.modal-header {<br />
padding: 9px 15px;<br />
border-bottom: 1px solid #eee;<br />
}<br />
<br />
.modal-header .close {<br />
margin-top: 2px;<br />
}<br />
<br />
.modal-header h3 {<br />
margin: 0;<br />
line-height: 30px;<br />
}<br />
<br />
.modal-body {<br />
position: relative;<br />
max-height: 400px;<br />
padding: 15px;<br />
overflow-y: auto;<br />
}<br />
<br />
.modal-form {<br />
margin-bottom: 0;<br />
}<br />
<br />
.modal-footer {<br />
padding: 14px 15px 15px;<br />
margin-bottom: 0;<br />
text-align: right;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #ddd;<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.modal-footer:before,<br />
.modal-footer:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.modal-footer:after {<br />
clear: both;<br />
}<br />
<br />
.modal-footer .btn + .btn {<br />
margin-bottom: 0;<br />
margin-left: 5px;<br />
}<br />
<br />
.modal-footer .btn-group .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.modal-footer .btn-block + .btn-block {<br />
margin-left: 0;<br />
}<br />
<br />
.tooltip {<br />
position: absolute;<br />
z-index: 1030;<br />
display: block;<br />
font-size: 11px;<br />
line-height: 1.4;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
visibility: visible;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.tooltip.top {<br />
padding: 5px 0;<br />
margin-top: -3px;<br />
}<br />
<br />
.tooltip.right {<br />
padding: 0 5px;<br />
margin-left: 3px;<br />
}<br />
<br />
.tooltip.bottom {<br />
padding: 5px 0;<br />
margin-top: 3px;<br />
}<br />
<br />
.tooltip.left {<br />
padding: 0 5px;<br />
margin-left: -3px;<br />
}<br />
<br />
.tooltip-inner {<br />
max-width: 200px;<br />
padding: 8px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-decoration: none;<br />
background-color: #000000;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tooltip-arrow {<br />
position: absolute;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.tooltip.top .tooltip-arrow {<br />
bottom: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-top-color: #000000;<br />
border-width: 5px 5px 0;<br />
}<br />
<br />
.tooltip.right .tooltip-arrow {<br />
top: 50%;<br />
left: 0;<br />
margin-top: -5px;<br />
border-right-color: #000000;<br />
border-width: 5px 5px 5px 0;<br />
}<br />
<br />
.tooltip.left .tooltip-arrow {<br />
top: 50%;<br />
right: 0;<br />
margin-top: -5px;<br />
border-left-color: #000000;<br />
border-width: 5px 0 5px 5px;<br />
}<br />
<br />
.tooltip.bottom .tooltip-arrow {<br />
top: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-bottom-color: #000000;<br />
border-width: 0 5px 5px;<br />
}<br />
<br />
.popover {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1010;<br />
display: none;<br />
max-width: 276px;<br />
padding: 1px;<br />
text-align: left;<br />
white-space: normal;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.popover.top {<br />
margin-top: -10px;<br />
}<br />
<br />
.popover.right {<br />
margin-left: 10px;<br />
}<br />
<br />
.popover.bottom {<br />
margin-top: 10px;<br />
}<br />
<br />
.popover.left {<br />
margin-left: -10px;<br />
}<br />
<br />
.popover-title {<br />
padding: 8px 14px;<br />
margin: 0;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
background-color: #f7f7f7;<br />
border-bottom: 1px solid #ebebeb;<br />
-webkit-border-radius: 5px 5px 0 0;<br />
-moz-border-radius: 5px 5px 0 0;<br />
border-radius: 5px 5px 0 0;<br />
}<br />
<br />
.popover-title:empty {<br />
display: none;<br />
}<br />
<br />
.popover-content {<br />
padding: 9px 14px;<br />
}<br />
<br />
.popover .arrow,<br />
.popover .arrow:after {<br />
position: absolute;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.popover .arrow {<br />
border-width: 11px;<br />
}<br />
<br />
.popover .arrow:after {<br />
border-width: 10px;<br />
content: "";<br />
}<br />
<br />
.popover.top .arrow {<br />
bottom: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-top-color: #999;<br />
border-top-color: rgba(0, 0, 0, 0.25);<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.top .arrow:after {<br />
bottom: 1px;<br />
margin-left: -10px;<br />
border-top-color: #ffffff;<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.right .arrow {<br />
top: 50%;<br />
left: -11px;<br />
margin-top: -11px;<br />
border-right-color: #999;<br />
border-right-color: rgba(0, 0, 0, 0.25);<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.right .arrow:after {<br />
bottom: -10px;<br />
left: 1px;<br />
border-right-color: #ffffff;<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow {<br />
top: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-bottom-color: #999;<br />
border-bottom-color: rgba(0, 0, 0, 0.25);<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow:after {<br />
top: 1px;<br />
margin-left: -10px;<br />
border-bottom-color: #ffffff;<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.left .arrow {<br />
top: 50%;<br />
right: -11px;<br />
margin-top: -11px;<br />
border-left-color: #999;<br />
border-left-color: rgba(0, 0, 0, 0.25);<br />
border-right-width: 0;<br />
}<br />
<br />
.popover.left .arrow:after {<br />
right: 1px;<br />
bottom: -10px;<br />
border-left-color: #ffffff;<br />
border-right-width: 0;<br />
}<br />
<br />
.thumbnails {<br />
margin-left: -20px;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.thumbnails:before,<br />
.thumbnails:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.thumbnails:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
<br />
.thumbnails > li {<br />
float: left;<br />
margin-bottom: 20px;<br />
margin-left: 20px;<br />
}<br />
<br />
.thumbnail {<br />
display: block;<br />
padding: 4px;<br />
line-height: 20px;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
box-shadow: none;<br />
-webkit-transition: all 0.2s ease-in-out;<br />
-moz-transition: all 0.2s ease-in-out;<br />
-o-transition: all 0.2s ease-in-out;<br />
transition: all 0.2s ease-in-out;<br />
}<br />
<br />
a.thumbnail:hover,<br />
a.thumbnail:focus {<br />
border-color: #2e8bcc;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.thumbnail > img {<br />
display: block;<br />
max-width: 100%;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}<br />
<br />
.thumbnail .caption {<br />
padding: 9px;<br />
color: #555555;<br />
}<br />
<br />
.media,<br />
.media-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.media,<br />
.media .media {<br />
margin-top: 15px;<br />
}<br />
<br />
.media:first-child {<br />
margin-top: 0;<br />
}<br />
<br />
.media-object {<br />
display: block;<br />
}<br />
<br />
.media-heading {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.media > .pull-left {<br />
margin-right: 10px;<br />
}<br />
<br />
.media > .pull-right {<br />
margin-left: 10px;<br />
}<br />
<br />
.media-list {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.label,<br />
.badge {<br />
display: inline-block;<br />
padding: 2px 4px;<br />
font-size: 11.844px;<br />
font-weight: bold;<br />
line-height: 14px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
white-space: nowrap;<br />
vertical-align: baseline;<br />
background-color: #999999;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
.badge {<br />
padding-right: 9px;<br />
padding-left: 9px;<br />
-webkit-border-radius: 9px;<br />
-moz-border-radius: 9px;<br />
border-radius: 9px;<br />
}<br />
<br />
.label:empty,<br />
.badge:empty {<br />
display: none;<br />
}<br />
<br />
a.label:hover,<br />
a.label:focus,<br />
a.badge:hover,<br />
a.badge:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
cursor: pointer;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
.btn .label,<br />
.btn .badge {<br />
position: relative;<br />
top: -1px;<br />
}<br />
<br />
.btn-mini .label,<br />
.btn-mini .badge {<br />
top: 0;<br />
}<br />
<br />
@-webkit-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-moz-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-ms-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-o-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 0 0;<br />
}<br />
to {<br />
background-position: 40px 0;<br />
}<br />
}<br />
<br />
@keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
.progress {<br />
height: 20px;<br />
margin-bottom: 20px;<br />
overflow: hidden;<br />
background-color: #f7f7f7;<br />
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));<br />
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.progress .bar {<br />
float: left;<br />
width: 0;<br />
height: 100%;<br />
font-size: 12px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e90d2;<br />
background-image: -moz-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));<br />
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -o-linear-gradient(top, #149bdf, #0480be);<br />
background-image: linear-gradient(to bottom, #149bdf, #0480be);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-transition: width 0.6s ease;<br />
-moz-transition: width 0.6s ease;<br />
-o-transition: width 0.6s ease;<br />
transition: width 0.6s ease;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.progress-striped .bar {<br />
background-color: #149bdf;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
-webkit-background-size: 40px 40px;<br />
-moz-background-size: 40px 40px;<br />
-o-background-size: 40px 40px;<br />
background-size: 40px 40px;<br />
}<br />
<br />
.progress.active .bar {<br />
-webkit-animation: progress-bar-stripes 2s linear infinite;<br />
-moz-animation: progress-bar-stripes 2s linear infinite;<br />
-ms-animation: progress-bar-stripes 2s linear infinite;<br />
-o-animation: progress-bar-stripes 2s linear infinite;<br />
animation: progress-bar-stripes 2s linear infinite;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger {<br />
background-color: #dd514c;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger {<br />
background-color: #ee5f5b;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-success .bar,<br />
.progress .bar-success {<br />
background-color: #5eb95e;<br />
background-image: -moz-linear-gradient(top, #62c462, #57a957);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));<br />
background-image: -webkit-linear-gradient(top, #62c462, #57a957);<br />
background-image: -o-linear-gradient(top, #62c462, #57a957);<br />
background-image: linear-gradient(to bottom, #62c462, #57a957);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success {<br />
background-color: #62c462;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-info .bar,<br />
.progress .bar-info {<br />
background-color: #4bb1cf;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info {<br />
background-color: #5bc0de;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-warning .bar,<br />
.progress .bar-warning {<br />
background-color: #f5a932;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-color: #f8b64d;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.accordion {<br />
margin-bottom: 20px;<br />
}<br />
<br />
.accordion-group {<br />
margin-bottom: 2px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.accordion-heading {<br />
border-bottom: 0;<br />
}<br />
<br />
.accordion-heading .accordion-toggle {<br />
display: block;<br />
padding: 8px 15px;<br />
}<br />
<br />
.accordion-toggle {<br />
cursor: pointer;<br />
}<br />
<br />
.accordion-inner {<br />
padding: 9px 15px;<br />
border-top: 1px solid #e5e5e5;<br />
}<br />
<br />
.carousel {<br />
position: relative;<br />
margin-bottom: 20px;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.carousel-inner > .item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.6s ease-in-out left;<br />
-moz-transition: 0.6s ease-in-out left;<br />
-o-transition: 0.6s ease-in-out left;<br />
transition: 0.6s ease-in-out left;<br />
}<br />
<br />
.carousel-inner > .item > img,<br />
.carousel-inner > .item > a > img {<br />
display: block;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner > .active,<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
display: block;<br />
}<br />
<br />
.carousel-inner > .active {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.carousel-inner > .next {<br />
left: 100%;<br />
}<br />
<br />
.carousel-inner > .prev {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .next.left,<br />
.carousel-inner > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .active.right {<br />
left: 100%;<br />
}<br />
<br />
.carousel-control {<br />
position: absolute;<br />
top: 40%;<br />
left: 15px;<br />
width: 40px;<br />
height: 40px;<br />
margin-top: -20px;<br />
font-size: 60px;<br />
font-weight: 100;<br />
line-height: 30px;<br />
color: #ffffff;<br />
text-align: center;<br />
background: #222222;<br />
border: 3px solid #ffffff;<br />
-webkit-border-radius: 23px;<br />
-moz-border-radius: 23px;<br />
border-radius: 23px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
}<br />
<br />
.carousel-control.right {<br />
right: 15px;<br />
left: auto;<br />
}<br />
<br />
.carousel-control:hover,<br />
.carousel-control:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel-indicators {<br />
position: absolute;<br />
top: 15px;<br />
right: 15px;<br />
z-index: 5;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
.carousel-indicators li {<br />
display: block;<br />
float: left;<br />
width: 10px;<br />
height: 10px;<br />
margin-left: 5px;<br />
text-indent: -999px;<br />
background-color: #ccc;<br />
background-color: rgba(255, 255, 255, 0.25);<br />
border-radius: 5px;<br />
}<br />
<br />
.carousel-indicators .active {<br />
background-color: #fff;<br />
}<br />
<br />
.carousel-caption {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
padding: 15px;<br />
background: #333333;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
.carousel-caption h4,<br />
.carousel-caption p {<br />
line-height: 20px;<br />
color: #ffffff;<br />
}<br />
<br />
.carousel-caption h4 {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.carousel-caption p {<br />
margin-bottom: 0;<br />
}<br />
<br />
.hero-unit {<br />
padding: 60px;<br />
margin-bottom: 30px;<br />
font-size: 18px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
color: inherit;<br />
background-color: #eeeeee;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.hero-unit h1 {<br />
margin-bottom: 0;<br />
font-size: 60px;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
color: inherit;<br />
}<br />
<br />
.hero-unit li {<br />
line-height: 30px;<br />
}<br />
<br />
.pull-right {<br />
float: right;<br />
}<br />
<br />
.pull-left {<br />
float: left;<br />
}<br />
<br />
.hide {<br />
display: none;<br />
}<br />
<br />
.show {<br />
display: block;<br />
}<br />
<br />
.invisible {<br />
visibility: hidden;<br />
}<br />
<br />
.affix {<br />
position: fixed;<br />
}<br />
<br />
body {<br />
position: relative;<br />
font-weight: 300;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
}<br />
<br />
/*<br />
No border on images when in a link.<br />
*/<br />
<br />
img {<br />
border-style: none;<br />
}<br />
<br />
#top-info {<br />
display: block;<br />
}<br />
<br />
#top-info > a {<br />
padding: 0;<br />
}<br />
<br />
#header-container {<br />
display: inline-block;<br />
margin-left: 50px;<br />
vertical-align: top;<br />
}<br />
<br />
header h1 {<br />
display: inline;<br />
}<br />
<br />
#nav-bar {<br />
position: relative;<br />
display: block;<br />
height: auto;<br />
padding-top: 24px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
.row-fluid .hide {<br />
display: none;<br />
}<br />
<br />
.form-actions {<br />
background-color: inherit;<br />
}<br />
<br />
.label {<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
textarea {<br />
width: 260px;<br />
height: auto;<br />
min-width: 260px;<br />
min-height: 39px;<br />
padding: 4px 4px 4px 8px;<br />
overflow-y: scroll;<br />
word-wrap: break-word;<br />
}<br />
<br />
input[type=text],<br />
input[type=password],<br />
input[type=email],<br />
input[type=number],<br />
input[type=tel],<br />
input[type=url],<br />
input[type=search],<br />
textarea {<br />
min-width: 64px;<br />
min-height: 28px;<br />
font-weight: 400;<br />
line-height: 1.3636;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-append .add-on {<br />
height: 16px;<br />
line-height: 15px;<br />
}<br />
<br />
.input-prepend .btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 0 2px 2px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 2px 2px 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-append .btn {<br />
height: 28px;<br />
min-height: 28px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
padding-top: 0;<br />
}<br />
<br />
/*<br />
Select control.<br />
*/<br />
<br />
select {<br />
min-width: 80px;<br />
min-height: 24px;<br />
padding: 2px;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Range control.<br />
*/<br />
<br />
input[type=range] {<br />
width: 280px;<br />
height: auto;<br />
padding: 17px 0 32px 0;<br />
}<br />
<br />
input.search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn,<br />
.form-search .input-append input[type="submit"].btn {<br />
padding-right: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn .icon-search,<br />
.form-search .input-append input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-append .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-append .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn,<br />
.form-search .input-prepend input[type="submit"].btn {<br />
padding-left: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn .icon-search,<br />
.form-search .input-prepend input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-prepend .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #f09609;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #bf7707;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #f09609;<br />
background-color: #f09609;<br />
border-color: #f09609;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #bc1c48;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #901537;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #bc1c48;<br />
background-color: #bc1c48;<br />
border-color: #bc1c48;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #01a31c;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #017013;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #01a31c;<br />
background-color: #01a31c;<br />
border-color: #01a31c;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #2d89f0;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #106fda;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #2d89f0;<br />
background-color: #2d89f0;<br />
border-color: #2d89f0;<br />
}<br />
<br />
/* Metro Radio button<br />
-------------------------------------------------- */<br />
<br />
/*<br />
NOTE:<br />
Originally the following rules used the adjacent sibling selector '+ span'<br />
but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following<br />
the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a<br />
custom class to the span.<br />
Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7.<br />
*/<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 0;<br />
}<br />
<br />
label.radio,<br />
label.checkbox {<br />
position: relative;<br />
padding-left: 0;<br />
cursor: pointer;<br />
}<br />
<br />
input[type=radio],<br />
input[type=radio] ~ span.metro-radio,<br />
input[type=radio] ~ span.metro-radio::before,<br />
input[type=radio] ~ span.metro-radio::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
input[type=radio] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio::before {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: 10px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #FFF;<br />
border: 2px solid #BABABA;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:checked ~ span.metro-radio::after {<br />
position: absolute;<br />
top: 8px;<br />
left: 6px;<br />
z-index: 999;<br />
width: 12px;<br />
height: 12px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #000;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:not(:checked):disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::after {<br />
cursor: default;<br />
background: #868686;<br />
}<br />
<br />
/* Metro Checkbox<br />
-------------------------------------------------- */<br />
<br />
label.checkbox input[type=checkbox],<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::before,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
label.checkbox input[type=checkbox] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
color: #202020;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\e379";<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\2003";<br />
}<br />
<br />
label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after,<br />
label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after,<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
cursor: default;<br />
background: #BABABA;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
color: #4c4c4c;<br />
}<br />
<br />
/* RTL support<br />
-------------------------------------------------- */<br />
<br />
[dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox,<br />
[dir="rtl"] input[type="radio"] ~ span.metro-radio {<br />
padding-right: 36px;<br />
padding-left: 0;<br />
}<br />
<br />
[dir="rtl"] input[type=radio] ~ span.metro-radio::before {<br />
right: -10px;<br />
}<br />
<br />
[dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after {<br />
right: 6px;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
.table thead {<br />
border-bottom: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-size: 9pt;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:first-child,<br />
.table-bordered tbody:first-child tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:last-child,<br />
.table-bordered tbody:first-child tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:first-child,<br />
.table-bordered tbody:last-child tr:last-child td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:last-child,<br />
.table-bordered tbody:last-child tr:last-child td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table tbody tr.success td {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error td {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning td {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info td {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr:hover td,<br />
.table-hover tbody tr:hover th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.table-cell-hover tbody tr td:hover,<br />
.table-cell-hover tbody tr th:hover {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
/* CheckBox cells */<br />
<br />
table td label.checkbox,<br />
table th label.checkbox {<br />
width: 24px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
/*<br />
Dropdown submenu<br />
*/<br />
<br />
.dropdown .caret {<br />
margin: 0;<br />
}<br />
<br />
.caret:after {<br />
content: "\e12c";<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret {<br />
margin-top: 6px;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle:hover .caret,<br />
.nav-pills .dropdown-toggle:hover .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret,<br />
.nav-pills .active .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle .caret,<br />
.nav-pills .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.dropdown-menu li > a:hover,<br />
.dropdown-menu li > a:focus,<br />
.dropdown-submenu:hover > a {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn-mini .caret {<br />
margin-top: 5px;<br />
}<br />
<br />
.dropdown-menu .active > a,<br />
.dropdown-menu .active > a:hover {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 4px;<br />
}<br />
<br />
.dropup .caret:after {<br />
content: "\e131";<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
a.header-dropdown .caret {<br />
width: auto;<br />
height: 24px;<br />
font-size: 24px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
vertical-align: middle;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-small .caret {<br />
margin: 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
margin-top: 0;<br />
margin-right: -5px;<br />
font-family: 'IcoMoon';<br />
color: #CCC;<br />
border: 0;<br />
content: "\e12a";<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border: 0;<br />
content: "";<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
.dropdown:hover .caret,<br />
.open .caret {<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
}<br />
<br />
.caret {<br />
min-width: 14px;<br />
min-height: 18px;<br />
padding: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
font-family: 'IcoMoon';<br />
font-size: inherit;<br />
font-weight: normal;<br />
line-height: 1;<br />
text-indent: 0;<br />
cursor: default;<br />
cursor: pointer;<br />
border: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
vertical-position: bottom;<br />
}<br />
<br />
h1 {<br />
font-size: 40px;<br />
font-weight: 300;<br />
line-height: 48px;<br />
}<br />
<br />
h2 {<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
}<br />
<br />
h3 {<br />
font-size: 20px;<br />
font-weight: 600;<br />
line-height: 26px;<br />
}<br />
<br />
h4 {<br />
font-size: 15px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
}<br />
<br />
h5,<br />
legend {<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
h6,<br />
caption,<br />
figcaption,<br />
small {<br />
font-size: 11px;<br />
font-weight: 400;<br />
line-height: 11px;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
<br />
#header-container a.header-dropdown {<br />
font-size: 26px;<br />
font-weight: 200;<br />
line-height: 34px;<br />
text-decoration: none;<br />
}<br />
<br />
#header-container .dropdown-menu .divider {<br />
background-color: #717171;<br />
}<br />
<br />
#header-container .dropdown.open .dropdown-toggle {<br />
color: inherit;<br />
background: inherit;<br />
}<br />
<br />
#header-container h5 {<br />
font-size: 14px;<br />
}<br />
<br />
.text-warning {<br />
color: #f09609;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #bf7707;<br />
}<br />
<br />
.text-error {<br />
color: #bc1c48;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #901537;<br />
}<br />
<br />
.text-info {<br />
color: #2d89f0;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #106fda;<br />
}<br />
<br />
.text-success {<br />
color: #01a31c;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #017013;<br />
}<br />
<br />
dt,<br />
th {<br />
font-size: 16px;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
/* 20px when font-size is 11pt */<br />
<br />
}<br />
<br />
abbr,<br />
acronym,<br />
address,<br />
blockquote,<br />
cite,<br />
dl,<br />
dd,<br />
li,<br />
ol,<br />
p,<br />
q,<br />
td,<br />
tr {<br />
font-weight: 300;<br />
}<br />
<br />
blockquote {<br />
padding-top: 5px;<br />
padding-bottom: 5px;<br />
background-color: #eeeeee;<br />
border-left: 5px solid #0177db;<br />
}<br />
<br />
blockquote.pull-right {<br />
padding-left: 15px;<br />
border-right: 5px solid #0177db;<br />
}<br />
<br />
b,<br />
strong {<br />
font-weight: 600;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
p {<br />
font-weight: 300;<br />
}<br />
<br />
/* Additional letter-spacing for the document and its controls.<br />
-------------------------------------------------- */<br />
<br />
body,<br />
button,<br />
input,<br />
textarea,<br />
select,<br />
option {<br />
letter-spacing: 0.02em;<br />
}<br />
<br />
.page-header {<br />
border-bottom: 0;<br />
}<br />
<br />
/*<br />
Button control.<br />
*/<br />
<br />
button,<br />
input[type=button],<br />
input[type=reset],<br />
input[type=submit] {<br />
padding: 4px 8px;<br />
margin-bottom: 0;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
border: 2px solid #cccccc;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
File upload control.<br />
*/<br />
<br />
input[type=file] {<br />
width: 340px;<br />
height: 32px;<br />
min-width: 100px;<br />
min-height: 20px;<br />
padding: 0;<br />
margin: 7px 8px 21px 8px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Back button.<br />
*/<br />
<br />
.win-backbutton {<br />
display: inline-block;<br />
width: 38px;<br />
height: 38px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 20px;<br />
line-height: 38px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
.win-backbutton:before {<br />
font-family: 'IcoMoon';<br />
font-size: 22px;<br />
font-weight: normal;<br />
vertical-align: top;<br />
content: "\e41c";<br />
}<br />
<br />
.win-backbutton:disabled,<br />
.win-backbutton:disabled:active {<br />
visibility: hidden;<br />
background-clip: padding-box;<br />
}<br />
<br />
#nav-bar .win-backbutton {<br />
position: absolute;<br />
top: 30px;<br />
left: 0;<br />
}<br />
<br />
/*<br />
Command buttons.<br />
*/<br />
<br />
.win-command {<br />
display: inline-block;<br />
height: auto;<br />
margin: 0 5px;<br />
font-size: 9pt;<br />
font-weight: normal;<br />
line-height: 16px;<br />
letter-spacing: 0.02em;<br />
text-align: center;<br />
vertical-align: top;<br />
cursor: pointer;<br />
background: none;<br />
border: 0;<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button icons.<br />
*/<br />
<br />
.win-commandicon {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 24px;<br />
line-height: 40px !important;<br />
}<br />
<br />
.win-commandimage {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
letter-spacing: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
/*<br />
Command button "ring".<br />
*/<br />
<br />
.win-commandring {<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
a:hover:active .win-commandring,<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button:hover:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button labels.<br />
*/<br />
<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
position: relative;<br />
display: block;<br />
width: 100%;<br />
padding-right: 4px;<br />
padding-left: 4px;<br />
margin-top: 3px;<br />
overflow: hidden;<br />
line-height: 15px;<br />
word-break: keep-all;<br />
word-wrap: break-word;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
a.win-command,<br />
a.win-command:hover {<br />
text-decoration: none;<br />
}<br />
<br />
.win-command.win-command-large .win-commandicon {<br />
width: 60px;<br />
height: 60px;<br />
font-size: 40px;<br />
line-height: 60px !important;<br />
text-align: center;<br />
}<br />
<br />
.win-command.win-command-small .win-commandicon {<br />
width: 24px;<br />
height: 24px;<br />
font-size: 16px;<br />
line-height: 24px !important;<br />
}<br />
<br />
/*<br />
AppBarCommand separator.<br />
*/<br />
<br />
hr.win-command {<br />
display: inline-block;<br />
width: 1px;<br />
height: 40px;<br />
padding: 0;<br />
margin: 14px 29px 34px 30px;<br />
vertical-align: top;<br />
border: 0;<br />
}<br />
<br />
/*<br />
AppBar Edgy Container<br />
*/<br />
<br />
.win-appbar {<br />
position: fixed;<br />
left: 0;<br />
z-index: 1001;<br />
width: 100%;<br />
height: auto;<br />
border-width: 0;<br />
}<br />
<br />
/*<br />
AppBar control.<br />
*/<br />
<br />
.win-commandlayout {<br />
min-height: 88px;<br />
padding-left: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.win-commandlayout .win-selection {<br />
float: left;<br />
}<br />
<br />
.win-commandlayout .win-command {<br />
padding: 12px 0;<br />
}<br />
<br />
.btn {<br />
line-height: 18px;<br />
}<br />
<br />
.btn.btn-link {<br />
color: #0088CC;<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
<br />
.btn.btn-link:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
-webkit-transition: none 0s ease 0s;<br />
-moz-transition: none 0s ease 0s;<br />
-o-transition: none 0s ease 0s;<br />
transition: none 0s ease 0s;<br />
}<br />
<br />
.btn-large.dropdown-toggle {<br />
padding-top: 2px;<br />
padding-bottom: 2px;<br />
}<br />
<br />
.btn-mini.dropdown-toggle {<br />
padding-top: 5px;<br />
}<br />
<br />
.btn-small {<br />
min-height: 20px;<br />
padding: 3px 9px;<br />
line-height: 16px;<br />
}<br />
<br />
.btn-primary,<br />
.btn-primary:hover,<br />
.btn-warning,<br />
.btn-warning:hover,<br />
.btn-danger,<br />
.btn-danger:hover,<br />
.btn-success,<br />
.btn-success:hover,<br />
.btn-info,<br />
.btn-info:hover,<br />
.btn-inverse,<br />
.btn-inverse:hover {<br />
text-shadow: none;<br />
}<br />
<br />
.btn.btn-warning,<br />
.btn.btn-danger,<br />
.btn.btn-success,<br />
.btn.btn-info,<br />
.btn.btn-inverse {<br />
color: #FFF;<br />
}<br />
<br />
.btn-group > .btn:first-child,<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .dropdown-toggle {<br />
min-width: 20px;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
padding-top: 0;<br />
*padding-top: 0;<br />
padding-bottom: 0;<br />
*padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle .caret {<br />
margin-top: 2px;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle {<br />
padding-top: 0;<br />
padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
padding-top: 10px;<br />
*padding-top: 10px;<br />
padding-bottom: 8px;<br />
*padding-bottom: 8px;<br />
}<br />
<br />
.btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.notifications {<br />
position: fixed;<br />
}<br />
<br />
.notifications.top-right {<br />
top: 0;<br />
right: 0;<br />
}<br />
<br />
.notifications > div {<br />
position: relative;<br />
z-index: 1060;<br />
}<br />
<br />
.alert {<br />
position: relative;<br />
z-index: 1060;<br />
text-shadow: none;<br />
}<br />
<br />
.alert .close:hover {<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.alert .alert-heading {<br />
font-weight: 600;<br />
}<br />
<br />
.toast {<br />
position: relative;<br />
z-index: 1060;<br />
width: 400px;<br />
height: 90px;<br />
margin-top: 15px;<br />
margin-bottom: 10px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
background-color: #2e8bcc;<br />
border: 2px solid #54a2d9;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body {<br />
height: 64px;<br />
padding: 13px 60px 13px 15px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body p {<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast-object {<br />
display: block;<br />
}<br />
<br />
.toast-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast.toasttext01 p {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 p {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 h4 {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
display: inline-block;<br />
width: 30px;<br />
height: 30px;<br />
min-width: 0;<br />
min-height: 0;<br />
font-family: 'IcoMoon';<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 12px;<br />
text-align: center;<br />
text-indent: 0;<br />
text-shadow: none;<br />
vertical-align: baseline;<br />
border: 0;<br />
opacity: 1;<br />
box-sizing: border-box;<br />
background-clip: border-box;<br />
}<br />
<br />
.toast .close:after,<br />
.modal .close:after,<br />
.alert .close:after {<br />
font-size: 14px;<br />
content: "\e37a";<br />
}<br />
<br />
.toast .close {<br />
display: none;<br />
}<br />
<br />
.toast:hover .close {<br />
display: inline-block;<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.nav-header {<br />
font-size: 14px;<br />
font-weight: 300;<br />
text-shadow: none;<br />
}<br />
<br />
.nav-pills > li > a,<br />
.nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a,<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-menu,<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
/* Nav: first level */<br />
<br />
.metro-nav-list {<br />
margin: 0 0 25px 0;<br />
}<br />
<br />
.metro-nav-list > li {<br />
position: relative;<br />
}<br />
<br />
.metro-nav-list > li > a {<br />
display: block;<br />
padding: 4px 25px;<br />
font-size: 18px;<br />
text-shadow: none;<br />
}<br />
<br />
.metro-nav-list > li > a:hover,<br />
.metro-nav-list > li > a:focus {<br />
color: #FFF;<br />
text-decoration: none;<br />
background-color: #0177db;<br />
}<br />
<br />
.metro-nav-list > .active > a,<br />
.metro-nav-list > .active:hover > a,<br />
.metro-nav-list > .active:focus > a {<br />
font-weight: 600;<br />
}<br />
<br />
/* Section headings for groups of links */<br />
<br />
.metro-nav-list > .nav-header {<br />
margin-top: 20px;<br />
margin-bottom: 5px;<br />
font-size: 14px;<br />
font-weight: 500;<br />
color: #333;<br />
}<br />
<br />
/* Nav: second level (shown on .active) */<br />
<br />
.metro-nav-list .nav {<br />
margin-bottom: 5px;<br />
}<br />
<br />
.metro-nav-list > .active > ul {<br />
display: block;<br />
}<br />
<br />
.metro-nav-list .nav > li > a {<br />
display: inline-block;<br />
padding-top: 2px;<br />
padding-left: 10px;<br />
margin-bottom: 2px;<br />
margin-left: 40px;<br />
font-size: 90%;<br />
border-left: 3px solid #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > li > a:hover {<br />
color: #FFF;<br />
background-color: #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > .active > a,<br />
.metro-nav-list .nav > .active:hover > a,<br />
.metro-nav-list .nav > .active:focus > a {<br />
font-weight: 600;<br />
border-left: 3px solid #0177db;<br />
}<br />
<br />
/* Nav: third level (shown on .active) */<br />
<br />
.metro-nav-list .nav .nav {<br />
margin-left: 20px;<br />
}<br />
<br />
.navbar-inner {<br />
background-color: transparent;<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret,<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar.metro-navbar .navbar-inner {<br />
height: 60px;<br />
min-height: 60px;<br />
background-color: #EEEEEE;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li {<br />
line-height: 40px;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li > a {<br />
margin-right: 4px;<br />
text-shadow: none;<br />
text-transform: uppercase;<br />
background-color: #DDD;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li.active > a {<br />
background-color: #FFF;<br />
}<br />
<br />
.navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar.metro-navbar .nav li.dropdown.open .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.pager .next a:after {<br />
font-family: 'IcoMoon';<br />
content: "\e12a";<br />
}<br />
<br />
.pager .previous a:before {<br />
font-family: 'IcoMoon';<br />
content: "\e127";<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.pagination a:hover,<br />
.pagination .active a {<br />
background-color: #CCC;<br />
}<br />
<br />
.pagination .active a {<br />
color: #FFF;<br />
}<br />
<br />
.pagination ul {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal {<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal .close:hover {<br />
margin-top: 0;<br />
color: #FFF;<br />
background-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.modal.warning.fade.in {<br />
top: 0;<br />
}<br />
<br />
.modal.message.fade.in {<br />
top: 20%;<br />
}<br />
<br />
.modal-header {<br />
border: 0;<br />
}<br />
<br />
.modal.message,<br />
.modal.warning {<br />
left: 0;<br />
width: 60%;<br />
padding: 0 20%;<br />
margin: 0;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal.warning {<br />
width: 100%;<br />
padding: 0 1%;<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.modal.warning .modal-body {<br />
display: inline-block;<br />
width: 60%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal.warning .modal-footer {<br />
display: inline-block;<br />
width: 30%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal-body {<br />
max-height: 300px;<br />
}<br />
<br />
.modal-footer {<br />
background-color: transparent;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.popover {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.popover-title {<br />
line-height: 1;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.popover-inner {<br />
overflow: hidden;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
#content-filters {<br />
margin-top: 10px;<br />
}<br />
<br />
#content-filters .nav-pills > li > a {<br />
display: inline-block;<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
#content-filters .nav > li > a:hover {<br />
text-decoration: none;<br />
background-color: inherit;<br />
}<br />
<br />
#content-filters .nav-pills > .active > a,<br />
#content-filters .nav-pills > .active > a:hover {<br />
color: inherit;<br />
background-color: transparent;<br />
}<br />
<br />
#content-filters .nav-pills > .open > a,<br />
#content-filters .nav-pills > .open > a:hover {<br />
color: #FFF;<br />
background-color: #999;<br />
}<br />
<br />
#content-filters .nav-pills > li > span {<br />
display: inline-block;<br />
padding: 8px 0;<br />
margin: 1px 0;<br />
font-size: 13px;<br />
line-height: 15px;<br />
vertical-align: top;<br />
}<br />
<br />
#content-filters div {<br />
position: relative;<br />
}<br />
<br />
#content-filters a {<br />
font-size: 15px;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.badge {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
color: #ffffff;<br />
background-color: #901537;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
color: #ffffff;<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #01a31c;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
color: #ffffff;<br />
background-color: #017013;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
color: #ffffff;<br />
background-color: #106fda;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
/*<br />
Progress control. */<br />
<br />
.progress {<br />
height: auto;<br />
background-image: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.progress .bar {<br />
height: 5px;<br />
}<br />
<br />
.progress.progress-indeterminate {<br />
height: auto;<br />
background-color: transparent;<br />
}<br />
<br />
.progress.progress-indeterminate .bar {<br />
position: static;<br />
display: block;<br />
width: 88px;<br />
height: 8px;<br />
margin: 4px auto;<br />
background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring {<br />
display: inline-block;<br />
width: 50px;<br />
height: 50px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .bar {<br />
background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger,<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger,<br />
.progress-success .bar,<br />
.progress .bar-success,<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success,<br />
.progress-info .bar,<br />
.progress .bar-info,<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info,<br />
.progress-warning .bar,<br />
.progress .bar-warning,<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.carousel-control {<br />
font-family: "IcoMoon";<br />
font-size: 40px;<br />
line-height: 40px;<br />
border-width: 2px;<br />
}<br />
<br />
.carousel.flipview .carousel-control {<br />
left: 0;<br />
display: none;<br />
width: 60px;<br />
height: 40px;<br />
font-size: 20px;<br />
line-height: 40px;<br />
color: #000000;<br />
background: rgba(255, 255, 255, 0.6);<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.carousel.flipview .carousel-control.right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.carousel.flipview .carousel-control:hover {<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel.flipview:hover .carousel-control {<br />
display: block;<br />
}<br />
<br />
.hero-unit {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.bg-color-orange {<br />
background-color: #f09609 !important;<br />
}<br />
<br />
.bg-color-purple {<br />
background-color: #7b4f9d !important;<br />
}<br />
<br />
.bg-color-greenDark {<br />
background-color: #008641 !important;<br />
}<br />
<br />
.bg-color-blue {<br />
background-color: #2e8bcc !important;<br />
}<br />
<br />
.bg-color-red {<br />
background-color: #e51400 !important;<br />
}<br />
<br />
.bg-color-green {<br />
background-color: #339933 !important;<br />
}<br />
<br />
.bg-color-blueDark {<br />
background-color: #20608e !important;<br />
}<br />
<br />
.bg-color-yellow {<br />
background-color: #ffc40d !important;<br />
}<br />
<br />
.bg-color-pink {<br />
background-color: #e671b8 !important;<br />
}<br />
<br />
.bg-color-darken {<br />
background-color: #1c1c1c !important;<br />
}<br />
<br />
.bg-color-gray {<br />
background-color: #555555 !important;<br />
}<br />
<br />
.bg-color-grayLight {<br />
background-color: #999999 !important;<br />
}<br />
<br />
.metro {<br />
position: relative;<br />
}<br />
<br />
.tile-column {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.tile-column-span-1 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 162px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-2 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 324px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-3 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 480px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-4 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-5 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-6 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 800px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-7 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 960px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-8 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 1120px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.panorama {<br />
position: relative;<br />
width: 100%;<br />
margin: 0 40px;<br />
overflow: hidden;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.panorama.nohidden {<br />
width: auto;<br />
overflow: inherit;<br />
}<br />
<br />
.panorama .panorama-sections {<br />
position: relative;<br />
width: 10000px;<br />
height: auto;<br />
padding-bottom: 24px;<br />
overflow: hidden;<br />
}<br />
<br />
.panorama .panorama-sections h2 {<br />
margin-left: 5px;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
margin-right: 75px;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-1 {<br />
width: 160px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-2 {<br />
width: 320px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-3 {<br />
width: 480px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-4 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-5 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-6 {<br />
width: 800px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-7 {<br />
width: 960px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-8 {<br />
width: 1120px;<br />
margin-left: 0;<br />
}<br />
<br />
.metro .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
border: 1px solid rgba(255, 255, 255, 0.3);<br />
-webkit-background-clip: padding;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.metro .tile.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.metro .tile.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.metro .tile.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.metro .tile .app-label,<br />
.metro .tile .label {<br />
position: absolute;<br />
bottom: 5px;<br />
left: 20px;<br />
font-size: 12px;<br />
}<br />
<br />
.metro .tile .app-count,<br />
.metro .tile .count {<br />
position: absolute;<br />
right: 20px;<br />
bottom: 5px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
}<br />
<br />
.metro .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro .tile .textover-wrapper {<br />
position: absolute;<br />
bottom: 0;<br />
height: 48px;<br />
padding: 2px 20px;<br />
background-color: inherit;<br />
}<br />
<br />
.metro .tile .textover-wrapper.transparent {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column3-text {<br />
display: block;<br />
float: left;<br />
width: 200px;<br />
}<br />
<br />
.metro .tile .column3-label {<br />
display: block;<br />
float: left;<br />
width: 50px;<br />
}<br />
<br />
.metro .tile .column2-text {<br />
display: block;<br />
float: left;<br />
width: 160px;<br />
}<br />
<br />
.metro .tile .column2-label {<br />
display: block;<br />
float: left;<br />
width: 90px;<br />
}<br />
<br />
.metro .tile .text2 {<br />
max-height: 44px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text3 {<br />
max-height: 56px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text4 {<br />
max-height: 72px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column {<br />
display: block;<br />
float: left;<br />
width: 130px;<br />
}<br />
<br />
.metro .tile .text5 {<br />
max-height: 92px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text {<br />
height: 18px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile:hover {<br />
outline: 3px #225a68 solid;<br />
}<br />
<br />
.metro .tile.app .image-wrapper {<br />
display: block;<br />
width: 150px;<br />
height: 80px;<br />
padding: 8px 0;<br />
margin-top: 20px;<br />
text-align: center;<br />
vertical-align: middle;<br />
}<br />
<br />
.metro .tile.app .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
margin: 0 auto;<br />
}<br />
<br />
.metro .tile.square.text {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.square.text .text-big {<br />
overflow: hidden;<br />
font-size: 76px;<br />
line-height: 76px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.text.tilesquareblock .text {<br />
overflow: hidden;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.image {<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.square.image img {<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek {<br />
width: 150px;<br />
height: 312px;<br />
}<br />
<br />
.metro .tile.squarepeek img {<br />
width: 150px;<br />
height: 150px;<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek .text-inner {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.app {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.app .image-wrapper {<br />
width: 310px;<br />
}<br />
<br />
.metro .tile.wide.text {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
margin-left: 10px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big .text-big {<br />
overflow: hidden;<br />
font-size: 74px;<br />
line-height: 60px;<br />
text-align: right;<br />
}<br />
<br />
.metro .tile.wide.text .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.imagetext {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
margin-right: 10px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.image {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image img {<br />
max-width: 310px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles {<br />
display: inline-block;<br />
float: left;<br />
width: 152px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles img {<br />
display: inline-block;<br />
float: left;<br />
max-width: 75px;<br />
max-height: 75px;<br />
border-left: 1px solid #2A2A2A;<br />
}<br />
<br />
.metro .tile.wide.imagetext.wideimage {<br />
width: 310px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.wide.image.collection img {<br />
float: left;<br />
max-width: 158px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.widepeek {<br />
width: 310px;<br />
height: 300px;<br />
}<br />
<br />
.metro .tile.widepeek .tile {<br />
margin: 0;<br />
}<br />
<br />
.metro .tile.widepeek .tile:hover {<br />
outline: 0;<br />
}<br />
<br />
.metro .tile.square .textover-wrapper,<br />
.metro .tile.squarepeek .textover-wrapper {<br />
width: 130px;<br />
}<br />
<br />
.metro .tile.wide .textover-wrapper,<br />
.metro .tile.widepeek .textover-wrapper {<br />
width: 270px;<br />
}<br />
<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
position: absolute;<br />
top: 96px;<br />
left: 4px;<br />
z-index: 1061;<br />
display: inline-block;<br />
width: 42px;<br />
width: 32px;<br />
height: 42px;<br />
height: 32px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-family: 'icomoon';<br />
font-size: 24px;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 40px !important;<br />
line-height: 1;<br />
text-align: center;<br />
text-decoration: none;<br />
text-transform: none;<br />
background: none;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
outline: 0;<br />
background-clip: border-box;<br />
font-variant: normal;<br />
}<br />
<br />
#panorama-scroll-next {<br />
right: 4px;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev:hover,<br />
#panorama-scroll-next:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
#panorama-scroll-prev:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a4";<br />
}<br />
<br />
#panorama-scroll-next:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a0";<br />
}<br />
<br />
#panorama-scroll-prev-bkg,<br />
#panorama-scroll-next-bkg {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1060;<br />
display: block;<br />
width: 40px;<br />
height: 100%;<br />
background-color: transparent;<br />
}<br />
<br />
#panorama-scroll-next-bkg {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev-bkg:hover,<br />
#panorama-scroll-next-bkg:hover {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro-responsive-tiles .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
height: 150px;<br />
padding: 20px;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header2 {<br />
max-height: 80px;<br />
overflow: hidden;<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
padding-left: 10px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .tile-form {<br />
margin: 10px 0;<br />
}<br />
<br />
.pivot {<br />
position: relative;<br />
}<br />
<br />
.pivot > .pivot-headers {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.pivot > .pivot-headers > a {<br />
margin: 0 10px 0 0;<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #555555;<br />
text-decoration: none;<br />
text-transform: lowercase;<br />
}<br />
<br />
.pivot > .pivot-headers > a:hover {<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-headers > a.active {<br />
font-weight: 400;<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-items {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.pivot > .pivot-items > .pivot-item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.4s ease-in-out left;<br />
-moz-transition: 0.4s ease-in-out left;<br />
-o-transition: 0.4s ease-in-out left;<br />
transition: 0.4s ease-in-out left;<br />
}<br />
<br />
.pivot > .pivot-items > .active,<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
display: block;<br />
}<br />
<br />
.pivot > .pivot-items > .active {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next {<br />
left: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .prev {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next.left,<br />
.pivot > .pivot-items > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items .active.right {<br />
left: 100%;<br />
}<br />
<br />
.listview.grid-layout {<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.grid-layout .listview-item {<br />
margin-right: 24px;<br />
}<br />
<br />
.listview.list-layout {<br />
width: 330px;<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.list-layout.big {<br />
width: 430px;<br />
}<br />
<br />
.listview-item {<br />
position: relative;<br />
display: inline-block;<br />
width: 282px;<br />
min-height: 60px;<br />
padding: 10px;<br />
margin-top: 15px;<br />
margin-bottom: 7px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
vertical-align: top;<br />
border: solid 3px transparent;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item:hover {<br />
cursor: pointer;<br />
border: solid 3px #225a68;<br />
}<br />
<br />
.listview-item.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.listview-item.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.listview-item.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.listview-item-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item-body p {<br />
height: 20px;<br />
margin: 0;<br />
overflow: hidden;<br />
line-height: 20px;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-body p.two-lines {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-body p.three-lines {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-object {<br />
display: block;<br />
width: 60px;<br />
height: 60px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 60px;<br />
height: 60px;<br />
font-size: 60px;<br />
line-height: 60px;<br />
}<br />
<br />
.listview-item-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-subheading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
color: #eeeeee;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item.big {<br />
width: 380px;<br />
}<br />
<br />
.listview-item.big .listview-item-object {<br />
display: block;<br />
width: 112px;<br />
height: 112px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item.big .listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 112px;<br />
height: 112px;<br />
font-size: 112px;<br />
line-height: 112px;<br />
}<br />
<br />
/*<br />
Tile ListView<br />
*/<br />
<br />
.metro .tile-listviewitem-container {<br />
overflow: auto;<br />
}<br />
<br />
.metro .tile-listviewitem {<br />
position: relative;<br />
display: block;<br />
height: 113px;<br />
padding: 7px 0;<br />
margin: 0 0 13px 0;<br />
overflow: hidden;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: transparent;<br />
}<br />
<br />
.metro .tile-listviewitem img {<br />
display: inline-block;<br />
width: 100%;<br />
height: 100%;<br />
margin-left: 7px;<br />
vertical-align: top;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro .tile-listviewitem .detail {<br />
display: inline-block;<br />
height: 113px;<br />
margin-right: 7px;<br />
margin-left: 10px;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
vertical-align: top;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .title {<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .subtitle {<br />
font-size: 10px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem.selected {<br />
color: #FFF;<br />
background-color: #4617b4;<br />
}<br />
<br />
.metro .tile-listviewitem:hover {<br />
background-color: #b3b3b3;<br />
}<br />
<br />
.metro .tile-listviewitem.selected:hover {<br />
background-color: #4617b4;<br />
}<br />
<br />
article.tile-listviewitem-detail {<br />
margin-left: 72px;<br />
}<br />
<br />
article.tile-listviewitem-detail header img {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h1 {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h2 {<br />
font-size: 14px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail section {<br />
padding-top: 20px;<br />
}<br />
<br />
#charms {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
display: block;<br />
width: 320px;<br />
height: 100%;<br />
padding: 0;<br />
margin: 0;<br />
background-color: #004D60;<br />
}<br />
<br />
#charms a.win-command {<br />
display: inline-block;<br />
padding: 0;<br />
margin: 0;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
#charms .charms-section {<br />
margin: 0 40px 40px 40px;<br />
}<br />
<br />
#charms a:hover {<br />
background-color: #216475;<br />
}<br />
<br />
#charms .charms-header {<br />
position: relative;<br />
padding: 40px 0 30px 0;<br />
}<br />
<br />
#charms .charms-header a#pin-charms {<br />
position: absolute;<br />
top: 2px;<br />
right: 2px;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: -24px;<br />
font-size: 11px;<br />
color: #FFF;<br />
text-align: center;<br />
}<br />
<br />
#charms .charms-header a#pin-charms.active {<br />
color: #000;<br />
background-color: #FFF;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
}<br />
<br />
#charms .charms-header h2 {<br />
display: inline-block;<br />
margin-left: 10px;<br />
color: #FFF;<br />
}<br />
<br />
#charms hr {<br />
border: 1px solid #357281;<br />
}<br />
<br />
#charms h2,<br />
#charms h3,<br />
#charms h4,<br />
#charms p,<br />
#charms a,<br />
#charms label {<br />
color: #19BFC9;<br />
}<br />
<br />
#charms .charms-header a.win-backbutton {<br />
width: 32px;<br />
height: 32px;<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
}<br />
<br />
#charms-body {<br />
min-width: 350px;<br />
}<br />
<br />
#charms.slide {<br />
right: -320px;<br />
-webkit-transition: all 0.36s ease;<br />
-moz-transition: all 0.36s ease;<br />
-ms-transition: all 0.36s ease;<br />
-o-transition: all 0.36s ease;<br />
transition: all 0.36s ease;<br />
}<br />
<br />
#charms.slide.in {<br />
right: 0;<br />
}<br />
<br />
#wizard-step-content {<br />
padding: 0;<br />
margin-top: 20px;<br />
vertical-align: top;<br />
}<br />
<br />
.wizard {<br />
background-color: #FFF;<br />
}<br />
<br />
#wizard-steps-container {<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
}<br />
<br />
#wizard-steps-container h2 {<br />
padding: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
ul#wizard-steps {<br />
margin: 0;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li.active {<br />
background-color: #FFF;<br />
}<br />
<br />
ul#wizard-steps li.active a {<br />
color: #666;<br />
}<br />
<br />
ul#wizard-steps li {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li a {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
padding: 0 20px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
color: #FFF;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
/*!<br />
* Bootstrap Responsive v2.2.1<br />
*<br />
* Copyright 2012 Twitter, Inc<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
* Designed and built with all the love in the world @twitter by @mdo and @fat.<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
@-ms-viewport {<br />
width: device-width;<br />
}<br />
<br />
.hidden {<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
.visible-phone {<br />
display: none !important;<br />
}<br />
<br />
.visible-tablet {<br />
display: none !important;<br />
}<br />
<br />
.hidden-desktop {<br />
display: none !important;<br />
}<br />
<br />
.visible-desktop {<br />
display: inherit !important;<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important ;<br />
}<br />
.visible-tablet {<br />
display: inherit !important;<br />
}<br />
.hidden-tablet {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important;<br />
}<br />
.visible-phone {<br />
display: inherit !important;<br />
}<br />
.hidden-phone {<br />
display: none !important;<br />
}<br />
}<br />
<br />
.visible-print {<br />
display: none !important;<br />
}<br />
<br />
@media print {<br />
.visible-print {<br />
display: inherit !important;<br />
}<br />
.hidden-print {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
.row {<br />
margin-left: -30px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 30px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 1170px;<br />
}<br />
.span12 {<br />
width: 1170px;<br />
}<br />
.span11 {<br />
width: 1070px;<br />
}<br />
.span10 {<br />
width: 970px;<br />
}<br />
.span9 {<br />
width: 870px;<br />
}<br />
.span8 {<br />
width: 770px;<br />
}<br />
.span7 {<br />
width: 670px;<br />
}<br />
.span6 {<br />
width: 570px;<br />
}<br />
.span5 {<br />
width: 470px;<br />
}<br />
.span4 {<br />
width: 370px;<br />
}<br />
.span3 {<br />
width: 270px;<br />
}<br />
.span2 {<br />
width: 170px;<br />
}<br />
.span1 {<br />
width: 70px;<br />
}<br />
.offset12 {<br />
margin-left: 1230px;<br />
}<br />
.offset11 {<br />
margin-left: 1130px;<br />
}<br />
.offset10 {<br />
margin-left: 1030px;<br />
}<br />
.offset9 {<br />
margin-left: 930px;<br />
}<br />
.offset8 {<br />
margin-left: 830px;<br />
}<br />
.offset7 {<br />
margin-left: 730px;<br />
}<br />
.offset6 {<br />
margin-left: 630px;<br />
}<br />
.offset5 {<br />
margin-left: 530px;<br />
}<br />
.offset4 {<br />
margin-left: 430px;<br />
}<br />
.offset3 {<br />
margin-left: 330px;<br />
}<br />
.offset2 {<br />
margin-left: 230px;<br />
}<br />
.offset1 {<br />
margin-left: 130px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
*margin-left: 2.5109110747408616%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.45299145299145%;<br />
*width: 91.39979996362975%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.90598290598291%;<br />
*width: 82.8527914166212%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
*width: 74.30578286961266%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.81196581196582%;<br />
*width: 65.75877432260411%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.26495726495726%;<br />
*width: 57.21176577559556%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.717948717948715%;<br />
*width: 48.664757228587014%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.17094017094017%;<br />
*width: 40.11774868157847%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.623931623931625%;<br />
*width: 31.570740134569924%;<br />
}<br />
.row-fluid .span3 {<br />
width: 23.076923076923077%;<br />
*width: 23.023731587561375%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.52991452991453%;<br />
*width: 14.476723040552828%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
*width: 5.929714493544281%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.12820512820512%;<br />
*margin-left: 105.02182214948171%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.56410256410257%;<br />
*margin-left: 102.45771958537915%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.58119658119658%;<br />
*margin-left: 96.47481360247316%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.01709401709402%;<br />
*margin-left: 93.91071103837061%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.03418803418803%;<br />
*margin-left: 87.92780505546462%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.47008547008548%;<br />
*margin-left: 85.36370249136206%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.48717948717949%;<br />
*margin-left: 79.38079650845607%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.92307692307693%;<br />
*margin-left: 76.81669394435352%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 70.94017094017094%;<br />
*margin-left: 70.83378796144753%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.37606837606839%;<br />
*margin-left: 68.26968539734497%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.393162393162385%;<br />
*margin-left: 62.28677941443899%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.82905982905982%;<br />
*margin-left: 59.72267685033642%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 53.84615384615384%;<br />
*margin-left: 53.739770867430444%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.28205128205128%;<br />
*margin-left: 51.175668303327875%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.299145299145295%;<br />
*margin-left: 45.1927623204219%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.73504273504273%;<br />
*margin-left: 42.62865975631933%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 36.75213675213675%;<br />
*margin-left: 36.645753773413354%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.18803418803419%;<br />
*margin-left: 34.081651209310785%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.205128205128204%;<br />
*margin-left: 28.0987452264048%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.641025641025642%;<br />
*margin-left: 25.53464266230224%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.65811965811966%;<br />
*margin-left: 19.551736679396257%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.094017094017094%;<br />
*margin-left: 16.98763411529369%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.11111111111111%;<br />
*margin-left: 11.004728132387708%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.547008547008547%;<br />
*margin-left: 8.440625568285142%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 30px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 1156px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 1056px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 956px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 856px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 756px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 656px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 556px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 456px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 356px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 256px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 156px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 56px;<br />
}<br />
.thumbnails {<br />
margin-left: -30px;<br />
}<br />
.thumbnails > li {<br />
margin-left: 30px;<br />
}<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 724px;<br />
}<br />
.span12 {<br />
width: 724px;<br />
}<br />
.span11 {<br />
width: 662px;<br />
}<br />
.span10 {<br />
width: 600px;<br />
}<br />
.span9 {<br />
width: 538px;<br />
}<br />
.span8 {<br />
width: 476px;<br />
}<br />
.span7 {<br />
width: 414px;<br />
}<br />
.span6 {<br />
width: 352px;<br />
}<br />
.span5 {<br />
width: 290px;<br />
}<br />
.span4 {<br />
width: 228px;<br />
}<br />
.span3 {<br />
width: 166px;<br />
}<br />
.span2 {<br />
width: 104px;<br />
}<br />
.span1 {<br />
width: 42px;<br />
}<br />
.offset12 {<br />
margin-left: 764px;<br />
}<br />
.offset11 {<br />
margin-left: 702px;<br />
}<br />
.offset10 {<br />
margin-left: 640px;<br />
}<br />
.offset9 {<br />
margin-left: 578px;<br />
}<br />
.offset8 {<br />
margin-left: 516px;<br />
}<br />
.offset7 {<br />
margin-left: 454px;<br />
}<br />
.offset6 {<br />
margin-left: 392px;<br />
}<br />
.offset5 {<br />
margin-left: 330px;<br />
}<br />
.offset4 {<br />
margin-left: 268px;<br />
}<br />
.offset3 {<br />
margin-left: 206px;<br />
}<br />
.offset2 {<br />
margin-left: 144px;<br />
}<br />
.offset1 {<br />
margin-left: 82px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.7624309392265194%;<br />
*margin-left: 2.709239449864817%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.7624309392265194%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.43646408839778%;<br />
*width: 91.38327259903608%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.87292817679558%;<br />
*width: 82.81973668743387%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.30939226519337%;<br />
*width: 74.25620077583166%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.74585635359117%;<br />
*width: 65.69266486422946%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.18232044198895%;<br />
*width: 57.12912895262725%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.61878453038674%;<br />
*width: 48.56559304102504%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.05524861878453%;<br />
*width: 40.00205712942283%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.491712707182323%;<br />
*width: 31.43852121782062%;<br />
}<br />
.row-fluid .span3 {<br />
width: 22.92817679558011%;<br />
*width: 22.87498530621841%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.3646408839779%;<br />
*width: 14.311449394616199%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.801104972375691%;<br />
*width: 5.747913483013988%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.52486187845304%;<br />
*margin-left: 105.41847889972962%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.76243093922652%;<br />
*margin-left: 102.6560479605031%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.96132596685082%;<br />
*margin-left: 96.8549429881274%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.1988950276243%;<br />
*margin-left: 94.09251204890089%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.39779005524862%;<br />
*margin-left: 88.2914070765252%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.6353591160221%;<br />
*margin-left: 85.52897613729868%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.8342541436464%;<br />
*margin-left: 79.72787116492299%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 77.07182320441989%;<br />
*margin-left: 76.96544022569647%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 71.2707182320442%;<br />
*margin-left: 71.16433525332079%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.50828729281768%;<br />
*margin-left: 68.40190431409427%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.70718232044199%;<br />
*margin-left: 62.600799341718584%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.94475138121547%;<br />
*margin-left: 59.838368402492065%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 54.14364640883978%;<br />
*margin-left: 54.037263430116376%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.38121546961326%;<br />
*margin-left: 51.27483249088986%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.58011049723757%;<br />
*margin-left: 45.47372751851417%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.81767955801105%;<br />
*margin-left: 42.71129657928765%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 37.01657458563536%;<br />
*margin-left: 36.91019160691196%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.25414364640884%;<br />
*margin-left: 34.14776066768544%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.45303867403315%;<br />
*margin-left: 28.346655695309746%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.69060773480663%;<br />
*margin-left: 25.584224756083227%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.88950276243094%;<br />
*margin-left: 19.783119783707537%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.12707182320442%;<br />
*margin-left: 17.02068884448102%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.32596685082873%;<br />
*margin-left: 11.219583872105325%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.56353591160221%;<br />
*margin-left: 8.457152932878806%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 710px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 648px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 586px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 524px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 462px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 400px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 338px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 276px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 214px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 152px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 90px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 28px;<br />
}<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (min-width: 321px) and (max-width: 1023px) {<br />
hr.win-command {<br />
margin-right: 9px;<br />
margin-left: 10px;<br />
}<br />
}<br />
<br />
/* Narrow buttons and no labels when < 1024px. */<br />
<br />
@media (max-width: 1023px) {<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
display: none;<br />
}<br />
a.win-command .win-commandicon,<br />
button.win-command .win-commandicon {<br />
margin: 0 8px;<br />
/* 2px margin for focus */<br />
<br />
}<br />
.win-commandlayout {<br />
min-height: 68px;<br />
}<br />
hr.win-command {<br />
margin-top: 14px;<br />
margin-bottom: 14px;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
body {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom,<br />
.navbar-static-top {<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.dl-horizontal dt {<br />
float: none;<br />
width: auto;<br />
clear: none;<br />
text-align: left;<br />
}<br />
.dl-horizontal dd {<br />
margin-left: 0;<br />
}<br />
.container {<br />
width: auto;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
}<br />
.row,<br />
.thumbnails {<br />
margin-left: 0;<br />
}<br />
.thumbnails > li {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: none;<br />
width: 100%;<br />
margin-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.span12,<br />
.row-fluid .span12 {<br />
width: 100%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="offset"]:first-child {<br />
margin-left: 0;<br />
}<br />
.input-large,<br />
.input-xlarge,<br />
.input-xxlarge,<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.input-prepend input,<br />
.input-append input,<br />
.input-prepend input[class*="span"],<br />
.input-append input[class*="span"] {<br />
display: inline-block;<br />
width: auto;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 0;<br />
}<br />
.modal {<br />
position: fixed;<br />
top: 20px;<br />
right: 20px;<br />
left: 20px;<br />
width: auto;<br />
margin: 0;<br />
}<br />
.modal.fade {<br />
top: -100px;<br />
}<br />
.modal.fade.in {<br />
top: 20px;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.nav-collapse {<br />
-webkit-transform: translate3d(0, 0, 0);<br />
}<br />
.page-header h1 small {<br />
display: block;<br />
line-height: 20px;<br />
}<br />
input[type="checkbox"],<br />
input[type="radio"] {<br />
border: 1px solid #ccc;<br />
}<br />
.form-horizontal .control-label {<br />
float: none;<br />
width: auto;<br />
padding-top: 0;<br />
text-align: left;<br />
}<br />
.form-horizontal .controls {<br />
margin-left: 0;<br />
}<br />
.form-horizontal .control-list {<br />
padding-top: 0;<br />
}<br />
.form-horizontal .form-actions {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
.media .pull-left,<br />
.media .pull-right {<br />
display: block;<br />
float: none;<br />
margin-bottom: 10px;<br />
}<br />
.media-object {<br />
margin-right: 0;<br />
margin-left: 0;<br />
}<br />
.modal {<br />
top: 10px;<br />
right: 10px;<br />
left: 10px;<br />
}<br />
.modal-header .close {<br />
padding: 10px;<br />
margin: -10px;<br />
}<br />
.carousel-caption {<br />
position: static;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.panorama {<br />
margin: 0;<br />
}<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
top: 0;<br />
}<br />
}<br />
<br />
@media (max-width: 979px) {<br />
body {<br />
padding-top: 0;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: static;<br />
}<br />
.navbar-fixed-top {<br />
margin-bottom: 20px;<br />
}<br />
.navbar-fixed-bottom {<br />
margin-top: 20px;<br />
}<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding: 5px;<br />
}<br />
.navbar .container {<br />
width: auto;<br />
padding: 0;<br />
}<br />
.navbar .brand {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
margin: 0 0 0 -5px;<br />
}<br />
.nav-collapse {<br />
clear: both;<br />
}<br />
.nav-collapse .nav {<br />
float: none;<br />
margin: 0 0 10px;<br />
}<br />
.nav-collapse .nav > li {<br />
float: none;<br />
}<br />
.nav-collapse .nav > li > a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > .divider-vertical {<br />
display: none;<br />
}<br />
.nav-collapse .nav .nav-header {<br />
color: #777777;<br />
text-shadow: none;<br />
}<br />
.nav-collapse .nav > li > a,<br />
.nav-collapse .dropdown-menu a {<br />
padding: 9px 15px;<br />
font-weight: bold;<br />
color: #777777;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
.nav-collapse .btn {<br />
padding: 4px 10px 4px;<br />
font-weight: normal;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.nav-collapse .dropdown-menu li + li a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > li > a:hover,<br />
.nav-collapse .nav > li > a:focus,<br />
.nav-collapse .dropdown-menu a:hover,<br />
.nav-collapse .dropdown-menu a:focus {<br />
background-color: #f2f2f2;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a,<br />
.navbar-inverse .nav-collapse .dropdown-menu a {<br />
color: #999999;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a:hover,<br />
.navbar-inverse .nav-collapse .nav > li > a:focus,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:hover,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:focus {<br />
background-color: #111111;<br />
}<br />
.nav-collapse.in .btn-group {<br />
padding: 0;<br />
margin-top: 5px;<br />
}<br />
.nav-collapse .dropdown-menu {<br />
position: static;<br />
top: auto;<br />
left: auto;<br />
display: none;<br />
float: none;<br />
max-width: none;<br />
padding: 0;<br />
margin: 0 15px;<br />
background-color: transparent;<br />
border: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
.nav-collapse .open > .dropdown-menu {<br />
display: block;<br />
}<br />
.nav-collapse .dropdown-menu:before,<br />
.nav-collapse .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .dropdown-menu .divider {<br />
display: none;<br />
}<br />
.nav-collapse .nav > li > .dropdown-menu:before,<br />
.nav-collapse .nav > li > .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .navbar-form,<br />
.nav-collapse .navbar-search {<br />
float: none;<br />
padding: 10px 15px;<br />
margin: 10px 0;<br />
border-top: 1px solid #f2f2f2;<br />
border-bottom: 1px solid #f2f2f2;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
}<br />
.navbar-inverse .nav-collapse .navbar-form,<br />
.navbar-inverse .nav-collapse .navbar-search {<br />
border-top-color: #111111;<br />
border-bottom-color: #111111;<br />
}<br />
.navbar .nav-collapse .nav.pull-right {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
.nav-collapse,<br />
.nav-collapse.collapse {<br />
height: 0;<br />
overflow: hidden;<br />
}<br />
.navbar .btn-navbar {<br />
display: block;<br />
}<br />
.navbar-static .navbar-inner {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
}<br />
<br />
@media (min-width: 980px) {<br />
.nav-collapse.collapse {<br />
height: auto !important;<br />
overflow: visible !important;<br />
}<br />
}<br />
<br />
/*<br />
Typographic color definitions.<br />
*/<br />
.win-ui-dark body {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
html,<br />
body {<br />
color: #333;<br />
background-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
This class reverses the colors on the subtree to which it is applied.<br />
*/<br />
.win-ui-dark {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
/*<br />
Text selection color<br />
*/<br />
<br />
::selection, select:focus::-ms-value {<br />
background-color: rgb(87, 41, 193);<br />
color: #FFF;<br />
}<br />
<br />
/*<br />
Text input, checkbox, radio, and select control colors.<br />
*/<br />
.win-ui-dark input[type=text], .win-ui-dark input[type=password],<br />
.win-ui-dark input[type=email], .win-ui-dark input[type=number],<br />
.win-ui-dark input[type=tel], .win-ui-dark input[type=url],<br />
.win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea,<br />
.win-ui-dark select, .win-ui-dark input::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover,<br />
.win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover,<br />
.win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover,<br />
.win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover,<br />
.win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active,<br />
.win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active,<br />
.win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active,<br />
.win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active,<br />
.win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active,<br />
.win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active,<br />
.win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active,<br />
.win-ui-dark textarea:focus, .win-ui-dark textarea:active,<br />
.win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active,<br />
.win-ui-dark select:focus, .win-ui-dark select:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled,<br />
.win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled,<br />
.win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled,<br />
.win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value,<br />
.win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled,<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
border-color: transparent;<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=text], input[type=password],<br />
input[type=email], input[type=number],<br />
input[type=tel], input[type=url],<br />
input[type=search], select, textarea,<br />
.win-textarea, input::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: rgba(0, 0, 0, 0.27);<br />
color: #000;<br />
}<br />
input[type=text]:hover, input[type=password]:hover,<br />
input[type=email]:hover, input[type=number]:hover,<br />
input[type=tel]:hover, input[type=url]:hover,<br />
input[type=search]:hover, textarea:hover,<br />
select:hover, .win-textarea:hover, input:hover::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: rgba(0, 0, 0, 0.44);<br />
color: #000;<br />
}<br />
input[type=text]:focus, input[type=text]:active,<br />
input[type=password]:focus, input[type=password]:active,<br />
input[type=email]:focus, input[type=email]:active,<br />
input[type=number]:focus, input[type=number]:active,<br />
input[type=tel]:focus, input[type=tel]:active,<br />
input[type=url]:focus, input[type=url]:active,<br />
input[type=search]:focus, input[type=search]:active,<br />
textarea:focus, textarea:active,<br />
.win-textarea:focus, .win-textarea:active,<br />
select:focus, select:active {<br />
background-color: #FFF;<br />
border-color: rgba(0, 0, 0, 0.6);<br />
color: #000;<br />
}<br />
input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
input[type=text]:disabled, input[type=password]:disabled,<br />
input[type=email]:disabled, input[type=number]:disabled,<br />
input[type=tel]:disabled, input[type=url]:disabled,<br />
input[type=search]:disabled, textarea:disabled,<br />
.win-textarea:disabled, select:disabled,<br />
input:disabled::-ms-check, input:disabled:active::-ms-check {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.15);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
/*<br />
Placeholder text.<br />
*/<br />
.win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder,<br />
.win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.6); /* same in dark and light */<br />
}<br />
.win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder {<br />
color: rgba(255, 255, 255, 0.22);<br />
}<br />
input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.22);<br />
}<br />
<br />
/*<br />
Invalid style.<br />
*/<br />
input[type]:invalid {<br />
outline-color: rgb(255, 128, 51);<br />
outline-width: 2px;<br />
}<br />
<br />
/*<br />
Option for select control (all colors are same for both light and dark).<br />
*/<br />
option:checked, select:focus::-ms-value {<br />
color: #FFF;<br />
background-color: rgb(70, 23, 180);<br />
}<br />
option:hover {<br />
color: #000;<br />
background-color: rgb(197, 197, 197);<br />
}<br />
select:focus option:hover {<br />
color: #000;<br />
background-color: rgb(222, 222, 222);<br />
}<br />
option:checked:hover, select:focus option:checked:hover {<br />
color: #FFF;<br />
background-color: rgb(95, 55, 190);<br />
}<br />
option:hover:active, select:focus option:hover:active{<br />
color: #000;<br />
background-color: rgb(211, 211, 211);<br />
}<br />
.win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active,<br />
.win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active,<br />
.win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active,<br />
.win-ui-dark select:disabled:focus::-ms-value {<br />
background-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
option:checked:disabled, option:checked:disabled:active,<br />
optgroup:disabled option:checked, optgroup:disabled option:checked:active,<br />
select:disabled option:checked, select:disabled option:checked:active,<br />
select:disabled:focus::-ms-value {<br />
background-color: rgba(0, 0, 0, 0.55);<br />
color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
<br />
/*<br />
Button control colors.<br />
*/<br />
.win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit],<br />
.win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[type=submit], .win-ui-dark input[type=submit] {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover,<br />
.win-ui-dark input[type=file]::-ms-browse:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
}<br />
.win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active,<br />
.win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active,<br />
.win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled,<br />
.win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled,<br />
.win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse,<br />
.win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active,<br />
.win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active,<br />
.win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
button, input[type=button], input[type=submit],<br />
input[type=reset], input[type=file]::-ms-browse {<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
}<br />
button[type=submit], input[type=submit]{<br />
background-clip: border-box;<br />
background-color: rgb(70, 23, 180);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover, input[type=button]:hover, input[type=reset]:hover,<br />
input[type=file]::-ms-browse:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(164, 164, 164, 0.45);<br />
}<br />
button[type=submit]:hover, input[type=submit]:hover {<br />
background-clip: border-box;<br />
background-color: rgb(95, 55, 190);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover:active, button[type=submit]:hover:active,<br />
input[type=button]:hover:active, input[type=reset]:hover:active,<br />
input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:disabled, button[type=submit]:disabled,<br />
input[type=button]:disabled, input[type=reset]:disabled,<br />
input[type=submit]:disabled, input[type=file]:disabled::-ms-browse,<br />
button:disabled:active, button[type=submit]:disabled:active,<br />
input[type=button]:disabled:active, input[type=reset]:disabled:active,<br />
input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active {<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
<br />
/*<br />
File upload control colors.<br />
*/<br />
input[type=file] {<br />
background-color: transparent;<br />
border-color: transparent;<br />
color: transparent;<br />
}<br />
<br />
<br />
<br />
/*<br />
Headers colors.<br />
*/<br />
.accent-color,<br />
header h1,<br />
header h2,<br />
table th {color: #24A0DA;}<br />
.accent-bg {background:#24A0DA;}<br />
<br />
a#user-info h3,<br />
a#user-info h4 { color: rgb(0, 130, 135); }<br />
a#user-info:hover { background-color: rgb(0, 130, 135); }<br />
a#user-info:hover h3,<br />
a#user-info:hover h4 { color: #FFF; }<br />
<br />
/*<br />
Link colors.<br />
*/<br />
.win-ui-dark a {<br />
color: rgb(156, 114, 255);<br />
}<br />
.win-ui-dark a:hover:active {<br />
color: rgba(156, 114, 255, 0.6);<br />
}<br />
.win-ui-dark a:hover {<br />
color: rgba(156, 114, 255, 0.8);<br />
}<br />
.win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a {<br />
color: rgb(79, 26, 203);<br />
}<br />
a:hover:active {<br />
color: rgba(79, 26, 203, 0.6);<br />
}<br />
a:hover {<br />
color: rgba(79, 26, 203, 0.8);<br />
}<br />
a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
/*<br />
Range control colors.<br />
*/<br />
input[type=range], input[type=range]::-ms-track {<br />
background-color: transparent;<br />
}<br />
<br />
/*<br />
Progress control colors.<br />
*/<br />
.win-ui-dark.progress.progress-indeterminate {<br />
background-color: #1D1D1D;<br />
}<br />
.progress {<br />
background-color: #D4D4D4;<br />
color: rgb(70, 23, 180);<br />
}<br />
<br />
<br />
/*<br />
FlipView control colors.<br />
*/<br />
.win-flipview .win-navbutton {<br />
background-color: rgba(213, 213, 213, 0.35);<br />
color: rgba(0, 0, 0, 0.60);<br />
}<br />
.win-flipview .win-navbutton:hover {<br />
background-color: rgba(215, 215, 215, 0.94);<br />
color: rgba(0, 0, 0, 1.0);<br />
}<br />
.win-flipview .win-navbutton:hover:active {<br />
background-color: rgba(41, 41, 41, 0.74);<br />
color: rgba(255, 255, 255, 1.0);<br />
}<br />
<br />
/*<br />
ListView control colors.<br />
*/<br />
.win-ui-dark .win-listview .win-container:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
outline: rgba(255, 255, 255, 0.3) solid 3px;<br />
}<br />
.win-ui-dark .win-listview .win-focusedoutline {<br />
outline: #FFF solid 2px;<br />
}<br />
.win-listview .win-container:hover {<br />
background-color: rgba(0, 0, 0, 0.3);<br />
outline: rgba(0, 0, 0, 0.3) solid 3px;<br />
}<br />
.win-listview .win-focusedoutline {<br />
outline: #000 solid 2px;<br />
}<br />
.win-listview .win-container.win-selected:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-listview .win-container.win-swipe:hover {<br />
background-color: transparent;<br />
outline: none;<br />
}<br />
.win-listview .win-selected {<br />
color: #FFF;<br />
}<br />
.win-container.win-selected .win-selectionborder {<br />
border-color: rgb(70, 23, 180);<br />
}<br />
.win-container.win-selected:hover .win-selectionborder {<br />
border-color: rgb(95, 55, 190);<br />
}<br />
.win-selected .win-selectionbackground {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-selected:hover .win-selectionbackground {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-selectioncheckmark {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-selectionhint {<br />
color: #FFF;<br />
}<br />
.win-selectionhint {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-selectioncheckmarkbackground {<br />
border-top-color: rgb(70, 23, 180);<br />
border-right-color: rgb(70, 23, 180);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-top-color: rgb(95, 55, 190);<br />
border-right-color: rgb(95, 55, 190);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(70, 23, 180);<br />
border-right-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(95, 55, 190);<br />
border-right-color: transparent;<br />
}<br />
<br />
<br />
/*<br />
Back button control colors.<br />
*/<br />
.win-ui-dark .win-backbutton {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover:active {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
color: #000;<br />
}<br />
.win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-backbutton {<br />
background-color: transparent;<br />
border-color: #000;<br />
color: #000;<br />
}<br />
.win-backbutton:hover {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
color: #000;<br />
text-decoration: none;<br />
}<br />
.win-backbutton:hover:active {<br />
background-color: #000;<br />
border-color: #000;<br />
color: #FFF;<br />
}<br />
.win-backbutton:disabled, .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button colors.<br />
*/<br />
button.win-command {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:hover:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:disabled {<br />
border-color: transparent;<br />
background-color: transparent;<br />
}<br />
.win-ui-dark button.win-command:focus {<br />
border-color: #FFF;<br />
}<br />
button.win-command:focus {<br />
border-color: #000;<br />
}<br />
button.win-hidefocus:focus {<br />
outline: none;<br />
}<br />
button.win-command.win-hidefocus:focus {<br />
border-color: transparent;<br />
}<br />
.win-ui-dark .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled .win-commandimage,<br />
.win-ui-dark button:disabled:active .win-commandimage {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark button[aria-checked=true] .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
.win-commandimage {<br />
color: #000;<br />
}<br />
button:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button:disabled .win-commandimage,<br />
button:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
button[aria-checked=true] .win-commandimage,<br />
button[aria-checked=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button[aria-checked=true]:hover .win-commandimage,<br />
button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
button[aria-checked=true]:disabled .win-commandimage,<br />
button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Command ring colors.<br />
*/<br />
.win-ui-dark .win-commandring.active,<br />
.win-ui-dark .win-commandring.active {<br />
background-color: #FFF;<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring,<br />
.win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:hover .win-commandring,<br />
.win-ui-dark button:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:hover:active .win-commandring,<br />
.win-ui-dark button:hover:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:disabled .win-commandring,<br />
.win-ui-dark a:disabled:active .win-commandring,<br />
.win-ui-dark button:disabled .win-commandring,<br />
.win-ui-dark button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark a[aria-checked=true] .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true] .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a.active .win-commandring,<br />
.win-ui-dark button.active .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:hover .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:hover:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:disabled:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring,<br />
.win-commandring, button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #000;<br />
}<br />
a:hover .win-commandring,<br />
button:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a:hover:active .win-commandring,<br />
button:hover:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a:disabled .win-commandring,<br />
a:disabled:active .win-commandring,<br />
button:disabled .win-commandring,<br />
button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover .win-commandring,<br />
button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover:active .win-commandring,<br />
button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.4);<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button labels colors.<br />
*/<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark a.win-command .win-label,<br />
.win-ui-dark button.win-command .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a.win-command:disabled .win-label,<br />
.win-ui-dark a.win-command:disabled:active .win-label,<br />
.win-ui-dark button.win-command:disabled .win-label,<br />
.win-ui-dark button.win-command:disabled:active .win-label {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a.win-command:disabled .win-label,<br />
a.win-command:disabled:active .win-label,<br />
button.win-command:disabled .win-label,<br />
button.win-command:disabled:active .win-label {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
AppBarCommand (and MenuCommand) separator.<br />
*/<br />
hr.win-command {<br />
/* Same color in both light and dark. */<br />
background-color: rgb(123, 123, 123);<br />
}<br />
/*<br />
AppBar control colors.<br />
*/<br />
.win-ui-dark.win-appbar, .win-ui-dark .win-appbar {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
.win-appbar {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Flyout control colors, flyout normally has light theme.<br />
*/<br />
.win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-settingsflyout {<br />
border-color: rgba(0, 0, 0, 0.24);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-ui-dark.win-flyout, .win-ui-dark .win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #000;<br />
}<br />
<br />
.win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout {<br />
border-color: rgba(255, 255, 255, 0.24);<br />
background-color: #000;<br />
}<br />
<br />
/*<br />
Menu button colors, menu is always light theme.<br />
*/<br />
.win-menu button {<br />
background-color: transparent;<br />
color: #000;<br />
}<br />
.win-menu button:focus,<br />
.win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-menu button:hover:active {<br />
color: #FFF;<br />
background-color: #000;<br />
}<br />
.win-menu button:disabled,<br />
.win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(0, 0, 0, 0.1);<br />
}<br />
.win-ui-dark.win-menu button, .win-ui-dark .win-menu button {<br />
background-color: transparent;<br />
color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus,<br />
.win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active {<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled,<br />
.win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(255, 255, 255, 0.1);<br />
}<br />
<br />
/*<br />
Rating control colors.<br />
*/<br />
.win-ui-dark .win-rating .win-star.win-user.win-full,<br />
.win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(91, 46, 197);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-tentative.win-full {<br />
color: rgb(129, 82, 239);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-average.win-full,<br />
.win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-rating .win-star.win-empty {<br />
color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-rating .win-star.win-user.win-full,<br />
.win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-rating .win-star.win-tentative.win-full {<br />
color: rgb(114, 65, 228);<br />
}<br />
.win-rating .win-star.win-average.win-full,<br />
.win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #000;<br />
}<br />
.win-rating .win-star.win-empty {<br />
color: rgba(0, 0, 0, 0.35);<br />
}<br />
<br />
<br />
<br />
/*<br />
Toggleswitch control colors.<br />
*/<br />
<br />
.win-ui-dark .win-toggleswitch .win-title {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-title.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-title {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-title.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-ui-dark .win-toggleswitch .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-label.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-label {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-label.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-toggleswitch .win-switch::-ms-track {<br />
background-color: transparent;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.26);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.29);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.2);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.12);<br />
}<br />
.win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.26);<br />
}<br />
.win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.29);<br />
}<br />
.win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.2);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.12);<br />
}<br />
<br />
<br />
/*<br />
Tooltip control colors.<br />
*/<br />
.win-tooltip {<br />
background-color: #FFF;<br />
border-color: rgb(128, 128, 128);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
/*<br />
Label colors.<br />
*/<br />
label {<br />
/*color: rgba(0, 0, 0, 0.6);*/<br />
}<br />
<br />
.win-ui-dark label {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
/*<br />
Workaround appbar icon touch colors for Consumer Preview<br />
*/<br />
.win-ui-dark a:active .win-commandimage,<br />
.win-ui-dark button:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandimage,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:active .win-commandring,<br />
.win-ui-dark button:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandring,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
a:active .win-commandimage,<br />
button:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
a[aria-selected=true]:active .win-commandimage,<br />
button[aria-selected=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
a:active .win-commandring,<br />
button:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-selected=true]:active .win-commandring,<br />
button[aria-selected=true]:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Bootstrap Metro button<br />
-------------------------------------------------- */<br />
input.btn, button.btn, a.btn {<br />
font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif;<br />
}<br />
<br />
.btn {<br />
/*font-size: 11pt;*/<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
border: 2px solid #cccccc;<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: #e6e6e6;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #cccccc;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(205, 205, 205, 0.82);<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-ms-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.btn:focus {<br />
outline: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-color: #000;<br />
border-color:#000;<br />
color: #FFF;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
<br />
.btn-primary {<br />
background-color: #59008C;<br />
border-color: #59008C;<br />
color: #FFF;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
background-color: #781096;<br />
border-color: #781096;<br />
color: #CCC;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #781096;<br />
border-color: #781096;<br />
}<br />
<br />
<br />
.btn-warning {<br />
background-color: #faa732;<br />
border-color: #faa732;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
background-color: #f89406;<br />
border-color: #f89406;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #c67605;<br />
border-color: #c67605;<br />
}<br />
<br />
.btn-danger {<br />
background-color: #da4f49;<br />
border-color: #da4f49;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
background-color: #bd362f;<br />
border-color: #bd362f;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25;<br />
border-color: #942a25;<br />
}<br />
<br />
.btn-success {<br />
background-color: #5bb75b;<br />
border-color: #5bb75b;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
background-color: #51a351;<br />
border-color: #51a351;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140;<br />
border-color: #408140;<br />
}<br />
<br />
.btn-info {<br />
background-color: #49afcd;<br />
border-color: #49afcd;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
background-color: #2f96b4;<br />
border-color: #2f96b4;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c;<br />
border-color: #24748c;<br />
}<br />
<br />
.btn-inverse {<br />
background-color: #414141;<br />
border-color: #414141;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
background-color: #222222;<br />
border-color: #222222;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808;<br />
border-color: #080808;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.dropdown-menu {<br />
border: 2px solid #bababa;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
.alert .close {<br />
color: #FFF;<br />
/*opacity: 0.4;*/<br />
/*filter: alpha(opacity=40);*/<br />
}<br />
<br />
<br />
.well {<br />
background-color: #FFF;<br />
}<br />
<br />
/*!<br />
* Datepicker for Bootstrap<br />
*<br />
* Copyright 2012 Stefan Petre<br />
* Improvements by Andrew Rowls<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
.datepicker {<br />
padding: 4px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
direction: ltr;<br />
/*.dow {<br />
border-top: 1px solid #ddd !important;<br />
}*/<br />
<br />
}<br />
.datepicker-inline {<br />
width: 220px;<br />
}<br />
.datepicker.datepicker-rtl {<br />
direction: rtl;<br />
}<br />
.datepicker.datepicker-rtl table tr td span {<br />
float: right;<br />
}<br />
.datepicker-dropdown {<br />
top: 0;<br />
left: 0;<br />
}<br />
.datepicker-dropdown:before {<br />
content: '';<br />
display: inline-block;<br />
border-left: 7px solid transparent;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
position: absolute;<br />
top: -7px;<br />
left: 6px;<br />
}<br />
.datepicker-dropdown:after {<br />
content: '';<br />
display: inline-block;<br />
border-left: 6px solid transparent;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
position: absolute;<br />
top: -6px;<br />
left: 7px;<br />
}<br />
.datepicker > div {<br />
display: none;<br />
}<br />
.datepicker.days div.datepicker-days {<br />
display: block;<br />
}<br />
.datepicker.months div.datepicker-months {<br />
display: block;<br />
}<br />
.datepicker.years div.datepicker-years {<br />
display: block;<br />
}<br />
.datepicker table {<br />
margin: 0;<br />
}<br />
.datepicker td,<br />
.datepicker th {<br />
text-align: center;<br />
width: 20px;<br />
height: 20px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
border: none;<br />
}<br />
.table-striped .datepicker table tr td,<br />
.table-striped .datepicker table tr th {<br />
background-color: transparent;<br />
}<br />
.datepicker table tr td.day:hover {<br />
background: #eeeeee;<br />
cursor: pointer;<br />
}<br />
.datepicker table tr td.old,<br />
.datepicker table tr td.new {<br />
color: #999999;<br />
}<br />
.datepicker table tr td.disabled,<br />
.datepicker table tr td.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td.today,<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today.disabled:hover {<br />
background-color: #fde19a;<br />
/*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/<br />
/*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/<br />
border-color: #fdf59a #fdf59a #fbed50;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #000 !important;<br />
}<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today:hover:hover,<br />
.datepicker table tr td.today.disabled:hover,<br />
.datepicker table tr td.today.disabled:hover:hover,<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today:hover.disabled,<br />
.datepicker table tr td.today.disabled.disabled,<br />
.datepicker table tr td.today.disabled:hover.disabled,<br />
.datepicker table tr td.today[disabled],<br />
.datepicker table tr td.today:hover[disabled],<br />
.datepicker table tr td.today.disabled[disabled],<br />
.datepicker table tr td.today.disabled:hover[disabled] {<br />
background-color: #fdf59a;<br />
}<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active {<br />
background-color: #fbf069 \9;<br />
}<br />
.datepicker table tr td.range,<br />
.datepicker table tr td.range:hover,<br />
.datepicker table tr td.range.disabled,<br />
.datepicker table tr td.range.disabled:hover {<br />
background: #eeeeee;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today,<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today.disabled:hover {<br />
background-color: #f3d17a;<br />
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));<br />
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: linear-gradient(top, #f3c17a, #f3e97a);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);<br />
border-color: #f3e97a #f3e97a #edde34;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today:hover:hover,<br />
.datepicker table tr td.range.today.disabled:hover,<br />
.datepicker table tr td.range.today.disabled:hover:hover,<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today:hover.disabled,<br />
.datepicker table tr td.range.today.disabled.disabled,<br />
.datepicker table tr td.range.today.disabled:hover.disabled,<br />
.datepicker table tr td.range.today[disabled],<br />
.datepicker table tr td.range.today:hover[disabled],<br />
.datepicker table tr td.range.today.disabled[disabled],<br />
.datepicker table tr td.range.today.disabled:hover[disabled] {<br />
background-color: #f3e97a;<br />
}<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active {<br />
background-color: #efe24b \9;<br />
}<br />
.datepicker table tr td.selected,<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected.disabled:hover {<br />
background-color: #9e9e9e;<br />
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));<br />
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -o-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: linear-gradient(top, #b3b3b3, #808080);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);<br />
border-color: #808080 #808080 #595959;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected:hover:hover,<br />
.datepicker table tr td.selected.disabled:hover,<br />
.datepicker table tr td.selected.disabled:hover:hover,<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected:hover.disabled,<br />
.datepicker table tr td.selected.disabled.disabled,<br />
.datepicker table tr td.selected.disabled:hover.disabled,<br />
.datepicker table tr td.selected[disabled],<br />
.datepicker table tr td.selected:hover[disabled],<br />
.datepicker table tr td.selected.disabled[disabled],<br />
.datepicker table tr td.selected.disabled:hover[disabled] {<br />
background-color: #808080;<br />
}<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active {<br />
background-color: #666666 \9;<br />
}<br />
.datepicker table tr td.active,<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active:hover:hover,<br />
.datepicker table tr td.active.disabled:hover,<br />
.datepicker table tr td.active.disabled:hover:hover,<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active:hover.disabled,<br />
.datepicker table tr td.active.disabled.disabled,<br />
.datepicker table tr td.active.disabled:hover.disabled,<br />
.datepicker table tr td.active[disabled],<br />
.datepicker table tr td.active:hover[disabled],<br />
.datepicker table tr td.active.disabled[disabled],<br />
.datepicker table tr td.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span {<br />
display: block;<br />
width: 23%;<br />
height: 54px;<br />
line-height: 54px;<br />
float: left;<br />
margin: 1%;<br />
cursor: pointer;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td span:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker table tr td span.disabled,<br />
.datepicker table tr td span.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td span.active,<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active:hover:hover,<br />
.datepicker table tr td span.active.disabled:hover,<br />
.datepicker table tr td span.active.disabled:hover:hover,<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active:hover.disabled,<br />
.datepicker table tr td span.active.disabled.disabled,<br />
.datepicker table tr td span.active.disabled:hover.disabled,<br />
.datepicker table tr td span.active[disabled],<br />
.datepicker table tr td span.active:hover[disabled],<br />
.datepicker table tr td span.active.disabled[disabled],<br />
.datepicker table tr td span.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span.old {<br />
color: #999999;<br />
}<br />
.datepicker th.datepicker-switch {<br />
width: 145px;<br />
}<br />
.datepicker thead tr:first-child th,<br />
.datepicker tfoot tr:first-child th {<br />
cursor: pointer;<br />
}<br />
.datepicker thead tr:first-child th:hover,<br />
.datepicker tfoot tr:first-child th:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker .cw {<br />
font-size: 10px;<br />
width: 12px;<br />
padding: 0 2px 0 5px;<br />
vertical-align: middle;<br />
}<br />
.datepicker thead tr:first-child th.cw {<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
.input-append.date .add-on i,<br />
.input-prepend.date .add-on i {<br />
display: block;<br />
cursor: pointer;<br />
width: 16px;<br />
height: 16px;<br />
}<br />
.input-daterange input {<br />
text-align: center;<br />
}<br />
.input-daterange input:first-child {<br />
-webkit-border-radius: 3px 0 0 3px;<br />
-moz-border-radius: 3px 0 0 3px;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.input-daterange input:last-child {<br />
-webkit-border-radius: 0 3px 3px 0;<br />
-moz-border-radius: 0 3px 3px 0;<br />
border-radius: 0 3px 3px 0;<br />
}<br />
.input-daterange .add-on {<br />
display: inline-block;<br />
width: auto;<br />
min-width: 16px;<br />
height: 18px;<br />
padding: 4px 5px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
vertical-align: middle;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
margin-left: -5px;<br />
margin-right: -5px;<br />
}<br />
<br />
/* Demo styles for Hub and other metro pages<br />
-------------------------------------------------- */<br />
<br />
<br />
/* Body and structure<br />
-------------------------------------------------- */<br />
html{<br />
height:100%;<br />
}<br />
body{<br />
width:100%;<br />
height:100%;<br />
}<br />
html,<br />
body {<br />
position: relative;<br />
background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0;<br />
/*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/<br />
/*background-color: #f2f0e4;*/<br />
margin:0;<br />
padding:0;<br />
height:100%; /* needed for container min-height */<br />
color: #FFF; /*#847d6b;*/<br />
}<br />
<br />
<br />
#wrap {<br />
position:relative; /* needed for footer positioning*/<br />
margin:0 auto; /* center, not in IE5 */<br />
height:auto !important; /* real browsers */<br />
height:100%; /* IE6: treaded as min-height*/<br />
min-height:100%; /* real browsers */<br />
<br />
/* Win8 animation */<br />
width:100%;<br />
perspective:3300px;<br />
position:relative;<br />
}<br />
<br />
<br />
.panorama-parallax {<br />
-webkit-transition: background-position 0.4s;<br />
-moz-transition: background-position 0.4s;<br />
-o-transition: background-position 0.4s;<br />
transition: background-position 0.4s;<br />
}<br />
<br />
<br />
<br />
/* custom styles */<br />
.win-commandicon {<br />
color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring {<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
#nav-bar {<br />
/*position: fixed;*/<br />
/*top: 0;*/<br />
/*left: 0;*/<br />
height: 54px;<br />
width: 100%;<br />
}<br />
<br />
#metro-container {<br />
margin-top: 94px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
height: 100%;<br />
min-height: 100%;<br />
}<br />
<br />
<br />
<br />
<br />
.accent-color, header h1, header h2, table th {<br />
color: #FFF;<br />
}<br />
<br />
/*header h1 {*/<br />
/*font-size: 50px;*/<br />
/*font-weight: 300;*/<br />
/*line-height: 54px;*/<br />
/*color: #444;*/<br />
/*}*/<br />
/*header h1 small {font-weight: 300;}*/<br />
<br />
<br />
/* Tweak navbar brand link to be super sleek<br />
-------------------------------------------------- */<br />
<br />
<br />
<br />
body > .navbar {<br />
font-size: 13px;<br />
}<br />
<br />
#header-nav {<br />
position: relative;<br />
}<br />
#header-nav .nav.nav-links {<br />
*zoom: 1;<br />
}<br />
#header-nav .nav.nav-links:before,<br />
#header-nav .nav.nav-links:after {<br />
display: table;<br />
content: "";<br />
line-height: 0;<br />
}<br />
#header-nav .nav.nav-links:after {<br />
clear: both;<br />
}<br />
<br />
#header-nav .nav.nav-links {<br />
margin-bottom: 10px;<br />
}<br />
#header-nav .nav.nav-links > li {<br />
float: left;<br />
}<br />
#header-nav .nav.nav-links a {<br />
margin: 0 30px 0 0;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
text-decoration: none;<br />
font-size: 32px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #847d6b;<br />
}<br />
#header-nav .nav.nav-links a:hover {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
#header-nav .nav.nav-links li.active a {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Sections<br />
-------------------------------------------------- */<br />
<br />
/* padding for in-page bookmarks and fixed navbar */<br />
section {<br />
padding-top: 30px;<br />
}<br />
section > .page-header,<br />
section > .lead {<br />
color: #5a5a5a;<br />
}<br />
section > ul li {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Separators (hr) */<br />
.bs-docs-separator {<br />
margin: 40px 0 39px;<br />
}<br />
<br />
/* Faded out hr */<br />
hr.soften {<br />
height: 1px;<br />
margin: 70px 0;<br />
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
border: 0;<br />
}<br />
<br />
<br />
<br />
/* Jumbotrons<br />
-------------------------------------------------- */<br />
<br />
/* Base class<br />
------------------------- */<br />
.jumbotron {<br />
position: relative;<br />
padding: 40px 0;<br />
color: #fff;<br />
/*text-align: center;*/<br />
/*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/<br />
background: #287EB7;<br />
}<br />
.jumbotron h1 {<br />
font-size: 80px;<br />
font-weight: 300;<br />
letter-spacing: -1px;<br />
line-height: 1;<br />
}<br />
.jumbotron p {<br />
font-size: 24px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
margin-bottom: 30px;<br />
}<br />
<br />
/* Link styles (used on .masthead-links as well) */<br />
.jumbotron a {<br />
/*color: #fff;*/<br />
color: rgba(255,255,255,.5);<br />
-webkit-transition: all .2s ease-in-out;<br />
-moz-transition: all .2s ease-in-out;<br />
transition: all .2s ease-in-out;<br />
}<br />
.jumbotron a:hover {<br />
color: #fff;<br />
text-shadow: 0 0 10px rgba(255,255,255,.25);<br />
}<br />
<br />
.jumbotron a.link {<br />
color: #4F1ACB;<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
/* Download button<br />
.masthead .btn {<br />
padding: 19px 24px;<br />
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;<br />
font-size: 24px;<br />
line-height: 28px;;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
transition: none;<br />
}<br />
.masthead .btn [class^="icon-"] {<br />
font-size: 24px;<br />
line-height: 24px;<br />
}<br />
<br />
.masthead .btn:hover {<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
}<br />
.masthead .btn:active {<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
}<br />
*/<br />
<br />
/* Pattern overlay<br />
------------------------- */<br />
.jumbotron .container {<br />
position: relative;<br />
z-index: 2;<br />
}<br />
<br />
<br />
/* Masthead (docs home)<br />
------------------------- */<br />
.masthead {<br />
padding: 0;<br />
margin-bottom: 0;<br />
}<br />
.masthead h1 {<br />
/*font-size: 120px;*/<br />
line-height: 1;<br />
letter-spacing: -2px;<br />
}<br />
.masthead p {<br />
/*font-size: 40px;*/<br />
font-weight: 200;<br />
line-height: 1.25;<br />
}<br />
<br />
/* Textual links in masthead */<br />
.masthead-links {<br />
margin: 0;<br />
list-style: none;<br />
}<br />
.masthead-links li {<br />
display: inline;<br />
padding: 0 10px;<br />
color: rgba(255,255,255,.25);<br />
}<br />
<br />
#hero {<br />
display: block;<br />
position: relative;<br />
margin: 30px 0 0 0;<br />
}<br />
#hero p.lead {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
#hero .btn {<br />
padding: 19px 24px;<br />
font-size: 24px;<br />
line-height: 32px;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
}<br />
#hero .btn [class^="icon-"] {<br />
font-size: 32px;<br />
line-height: 32px;<br />
margin: 0;<br />
vertical-align: bottom;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
#features-container {<br />
margin-top: 60px;<br />
}<br />
<br />
<br />
.list-tile {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
border-left: 3px solid transparent;<br />
color: #FFF;<br />
display: inline-block;<br />
min-height: 62px;<br />
margin-bottom: 10px;<br />
padding: 10px;<br />
position: relative;<br />
vertical-align: top;<br />
}<br />
<br />
.list-tile.blue {<br />
background-color: #2E8BCC;<br />
border-color: #2E8BCC;<br />
}<br />
.list-tile.green {<br />
background-color: #339933;<br />
border-color: #339933;<br />
}<br />
<br />
.list-tile h4, .list-tile h5 {<br />
display: inline;<br />
}<br />
.list-tile h4 {<br />
font-size: 20px;<br />
font-weight: 400;<br />
line-height: 40px;<br />
}<br />
.list-tile h5 {<br />
font-size: 18px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
padding-right: 80px;<br />
}<br />
<br />
.list-tile .list-tile-icon {<br />
color: #FFFFFF;<br />
display: block;<br />
font-size: 40px;<br />
font-weight: 400;<br />
height: 100%;<br />
line-height: 62px;<br />
position: absolute;<br />
right: 0;<br />
text-align: center;<br />
top: 0;<br />
width: 80px;<br />
}<br />
/*.list-tile.blue .list-tile-icon {*/<br />
/*background-color: #2E8BCC;*/<br />
/*}*/<br />
/*.list-tile.green .list-tile-icon {*/<br />
/*background-color: #339933;*/<br />
/*}*/<br />
<br />
.list-tile .donate-form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
/* hover */<br />
.list-tile.blue:hover {<br />
text-decoration: none;<br />
background-color: #C9E2F3;<br />
color: #2E8BCC;<br />
}<br />
.list-tile.blue:hover .list-tile-icon { color: #2E8BCC; }<br />
<br />
.list-tile.green:hover {<br />
text-decoration: none;<br />
background-color: #ABE3AB;<br />
color: #339933;<br />
}<br />
.list-tile.green:hover .list-tile-icon { color: #339933; }<br />
<br />
<br />
<br />
/* Social proof buttons from GitHub & Twitter */<br />
.bs-docs-social {<br />
padding: 15px 0;<br />
text-align: center;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #fff;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
/* Quick links on Home */<br />
.bs-docs-social-buttons {<br />
margin-left: 0;<br />
margin-bottom: 0;<br />
padding-left: 0;<br />
list-style: none;<br />
}<br />
.bs-docs-social-buttons li {<br />
display: inline-block;<br />
padding: 5px 8px;<br />
line-height: 1;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
<br />
/*<br />
Index Donate tile<br />
*/<br />
.metro .tile.wide.donate {<br />
height: 110px;<br />
padding: 20px;<br />
width: 270px;<br />
cursor: default;<br />
}<br />
.metro .tile.wide.donate .text {<br />
font-size: 15px;<br />
font-weight: normal;<br />
height: 18px;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate .text-header3 {<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
max-height: 110px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
<br />
/* Subhead (other pages)<br />
------------------------- */<br />
.subhead {<br />
text-align: left;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
.subhead h1 {<br />
font-size: 60px;<br />
}<br />
.subhead p {<br />
margin-bottom: 20px;<br />
}<br />
.subhead .navbar {<br />
display: none;<br />
}<br />
<br />
<br />
<br />
/* Marketing section of Overview<br />
-------------------------------------------------- */<br />
<br />
.marketing {<br />
text-align: center;<br />
color: #5a5a5a;<br />
}<br />
.marketing h1 {<br />
margin: 60px 0 10px;<br />
font-size: 60px;<br />
font-weight: 200;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
}<br />
.marketing h2 {<br />
font-weight: 200;<br />
margin-bottom: 5px;<br />
}<br />
.marketing p {<br />
font-size: 16px;<br />
line-height: 1.5;<br />
}<br />
.marketing.metro .tile.wide {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 100%;<br />
}<br />
<br />
.marketing .marketing-byline {<br />
margin-bottom: 40px;<br />
font-size: 20px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
color: #999;<br />
}<br />
/*.marketing img {*/<br />
/*display: block;*/<br />
/*margin: 0 auto 30px;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Footer<br />
-------------------------------------------------- */<br />
<br />
/*.footer {*/<br />
/*padding: 70px 0;*/<br />
/*margin-top: 70px;*/<br />
/*border-top: 1px solid #e5e5e5;*/<br />
/*background-color: #f5f5f5;*/<br />
/*}*/<br />
/*.footer p {*/<br />
/*margin-bottom: 0;*/<br />
/*color: #777;*/<br />
/*}*/<br />
/*.footer-links {*/<br />
/*margin: 10px 0;*/<br />
/*}*/<br />
/*.footer-links li {*/<br />
/*display: inline;*/<br />
/*padding: 0 2px;*/<br />
/*}*/<br />
/*.footer-links li:first-child {*/<br />
/*padding-left: 0;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Special grid styles<br />
-------------------------------------------------- */<br />
<br />
.show-grid {<br />
margin-top: 10px;<br />
margin-bottom: 20px;<br />
}<br />
.show-grid [class*="span"] {<br />
background-color: #eee;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
min-height: 40px;<br />
line-height: 40px;<br />
}<br />
.show-grid:hover [class*="span"] {<br />
background: #ddd;<br />
}<br />
.show-grid .show-grid {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
.show-grid .show-grid [class*="span"] {<br />
background-color: #ccc;<br />
}<br />
<br />
<br />
<br />
/* Mini layout previews<br />
-------------------------------------------------- */<br />
.mini-layout {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
}<br />
.mini-layout,<br />
.mini-layout .mini-layout-body,<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
height: 300px;<br />
}<br />
.mini-layout {<br />
margin-bottom: 20px;<br />
padding: 9px;<br />
}<br />
.mini-layout div {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.mini-layout .mini-layout-body {<br />
background-color: #dceaf4;<br />
margin: 0 auto;<br />
width: 70%;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar,<br />
.mini-layout.fluid .mini-layout-header,<br />
.mini-layout.fluid .mini-layout-body {<br />
float: left;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
background-color: #bbd8e9;<br />
width: 20%;<br />
}<br />
.mini-layout.fluid .mini-layout-body {<br />
width: 77.5%;<br />
margin-left: 2.5%;<br />
}<br />
<br />
<br />
<br />
/* Download page<br />
-------------------------------------------------- */<br />
<br />
.download .page-header {<br />
margin-top: 36px;<br />
}<br />
.page-header .toggle-all {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Space out h3s when following a section */<br />
.download h3 {<br />
margin-bottom: 5px;<br />
}<br />
.download-builder input + h3,<br />
.download-builder .checkbox + h3 {<br />
margin-top: 9px;<br />
}<br />
<br />
/* Fields for variables */<br />
.download-builder input[type=text] {<br />
margin-bottom: 9px;<br />
font-family: Menlo, Monaco, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #d14;<br />
}<br />
.download-builder input[type=text]:focus {<br />
background-color: #fff;<br />
}<br />
<br />
/* Custom, larger checkbox labels */<br />
.download .checkbox {<br />
padding: 6px 10px 6px 25px;<br />
font-size: 13px;<br />
line-height: 18px;<br />
color: #555;<br />
background-color: #f9f9f9;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
cursor: pointer;<br />
}<br />
.download .checkbox:hover {<br />
color: #333;<br />
background-color: #f5f5f5;<br />
}<br />
.download .checkbox small {<br />
font-size: 12px;<br />
color: #777;<br />
}<br />
<br />
/* Variables section */<br />
#variables label {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Giant download button */<br />
.download-btn {<br />
margin: 36px 0 108px;<br />
}<br />
#download p,<br />
#download h4 {<br />
max-width: 50%;<br />
margin: 0 auto;<br />
color: #999;<br />
text-align: center;<br />
}<br />
#download h4 {<br />
margin-bottom: 0;<br />
}<br />
#download p {<br />
margin-bottom: 18px;<br />
}<br />
.download-btn .btn {<br />
display: block;<br />
width: auto;<br />
padding: 19px 24px;<br />
margin-bottom: 27px;<br />
font-size: 30px;<br />
line-height: 1;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
/* Misc<br />
-------------------------------------------------- */<br />
<br />
/* Make tables spaced out a bit more */<br />
h2 + table,<br />
h3 + table,<br />
h4 + table,<br />
h2 + .row {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Example sites showcase */<br />
.example-sites {<br />
margin-left: 20px;<br />
}<br />
.example-sites img {<br />
max-width: 100%;<br />
margin: 0 auto;<br />
}<br />
<br />
<br />
<br />
/* Fake the :focus state to demo it */<br />
.focused {<br />
border-color: rgba(82,168,236,.8);<br />
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
outline: 0;<br />
}<br />
<br />
/* For input sizes, make them display block */<br />
.docs-input-sizes select,<br />
.docs-input-sizes input[type=text] {<br />
display: block;<br />
margin-bottom: 9px;<br />
}<br />
<br />
/* Icons<br />
------------------------- */<br />
.the-icons {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
.the-icons li {<br />
float: left;<br />
width: 25%;<br />
line-height: 25px;<br />
}<br />
.the-icons i:hover {<br />
background-color: rgba(255,0,0,.25);<br />
}<br />
<br />
/* Example page<br />
------------------------- */<br />
.bootstrap-examples p {<br />
font-size: 13px;<br />
line-height: 18px;<br />
}<br />
.bootstrap-examples .thumbnail {<br />
margin-bottom: 9px;<br />
background-color: #fff;<br />
}<br />
<br />
<br />
/* Toasts<br />
------------------------- */<br />
<br />
#alerts-container {<br />
position: fixed;<br />
top: 5px;<br />
right: 5px;<br />
padding: 0;<br />
z-index: 1100;<br />
}<br />
<br />
#alerts-container .toast {<br />
/* add a shadow */<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
}<br />
<br />
<br />
/* Bootstrap code examples<br />
-------------------------------------------------- */<br />
<br />
/* Base class */<br />
.bs-docs-example {<br />
position: relative;<br />
margin: 15px 0;<br />
padding: 39px 19px 14px;<br />
*padding-top: 19px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Echo out a label for the example */<br />
.bs-docs-example:after {<br />
content: "Example";<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
padding: 3px 7px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ddd;<br />
color: #9da0a4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Remove spacing between an example and it's code */<br />
.bs-docs-example + .prettyprint {<br />
margin-top: -20px;<br />
padding-top: 15px;<br />
}<br />
<br />
/* Tweak examples<br />
------------------------- */<br />
.bs-docs-example > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.bs-docs-example .table,<br />
.bs-docs-example .progress,<br />
.bs-docs-example .well,<br />
.bs-docs-example .alert,<br />
.bs-docs-example .hero-unit,<br />
.bs-docs-example .pagination,<br />
.bs-docs-example .navbar,<br />
.bs-docs-example > .nav,<br />
.bs-docs-example blockquote {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example .pagination {<br />
margin-top: 0;<br />
}<br />
<br />
.bs-docs-example-commands {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example-commands .win-command{<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
/* sample customization of win-command */<br />
.bs-docs-example .win-command.orange .win-commandicon,<br />
.bs-docs-example .win-command.orange .win-label {<br />
color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange .win-commandring {<br />
border-color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange:hover .win-commandring {<br />
background-color: rgba(240, 150, 9, 0.4);<br />
}<br />
<br />
<br />
.bs-navbar-top-example,<br />
.bs-navbar-bottom-example {<br />
z-index: 1;<br />
padding: 0;<br />
height: 90px;<br />
overflow: hidden; /* cut the drop shadows off */<br />
}<br />
.bs-navbar-top-example .navbar-fixed-top,<br />
.bs-navbar-bottom-example .navbar-fixed-bottom {<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
.bs-navbar-top-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-top-example:after {<br />
top: auto;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example .navbar {<br />
margin-bottom: 0;<br />
}<br />
form.bs-docs-example {<br />
padding-bottom: 19px;<br />
}<br />
<br />
/* Images */<br />
.bs-docs-example-images img {<br />
margin: 10px;<br />
display: inline-block;<br />
}<br />
<br />
/* Tooltips */<br />
.bs-docs-tooltip-examples {<br />
text-align: center;<br />
margin: 0 0 10px;<br />
list-style: none;<br />
}<br />
.bs-docs-tooltip-examples li {<br />
display: inline;<br />
padding: 0 10px;<br />
}<br />
<br />
/* Popovers */<br />
.bs-docs-example-popover {<br />
padding-bottom: 24px;<br />
background-color: #f9f9f9;<br />
}<br />
.bs-docs-example-popover .popover {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 260px;<br />
margin: 20px;<br />
}<br />
<br />
<br />
<br />
/* Responsive docs<br />
-------------------------------------------------- */<br />
<br />
/* Utility classes table<br />
------------------------- */<br />
.responsive-utilities th small {<br />
display: block;<br />
font-weight: normal;<br />
color: #999;<br />
}<br />
.responsive-utilities tbody th {<br />
font-weight: normal;<br />
}<br />
.responsive-utilities td {<br />
text-align: center;<br />
}<br />
.responsive-utilities td.is-visible {<br />
color: #468847;<br />
background-color: #dff0d8 !important;<br />
}<br />
.responsive-utilities td.is-hidden {<br />
color: #ccc;<br />
background-color: #f9f9f9 !important;<br />
}<br />
<br />
/* Responsive tests<br />
------------------------- */<br />
.responsive-utilities-test {<br />
margin-top: 5px;<br />
margin-left: 0;<br />
list-style: none;<br />
overflow: hidden; /* clear floats */<br />
}<br />
.responsive-utilities-test li {<br />
position: relative;<br />
float: left;<br />
width: 25%;<br />
height: 43px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
line-height: 43px;<br />
color: #999;<br />
text-align: center;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test li + li {<br />
margin-left: 10px;<br />
}<br />
.responsive-utilities-test span {<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
right: -1px;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test span {<br />
color: #468847;<br />
background-color: #dff0d8;<br />
border: 1px solid #d6e9c6;<br />
}<br />
<br />
<br />
<br />
/* Sidenav for Docs<br />
-------------------------------------------------- */<br />
<br />
.bs-docs-sidenav {<br />
width: 228px;<br />
margin: 30px 0 0;<br />
padding: 0;<br />
background-color: #fff;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
}<br />
<br />
.bs-docs-sidenav > li > a {<br />
display: block;<br />
width: 190px \9;<br />
margin: 0 0 -1px;<br />
padding: 8px 14px;<br />
border: 1px solid #e5e5e5;<br />
}<br />
.bs-docs-sidenav > li:first-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > .active > a {<br />
position: relative;<br />
z-index: 2;<br />
padding: 9px 15px;<br />
border: 0;<br />
text-shadow: 0 1px 0 rgba(0,0,0,.15);<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
}<br />
/* Chevrons */<br />
.bs-docs-sidenav .icon-chevron-right {<br />
float: right;<br />
margin-top: 2px;<br />
margin-right: -6px;<br />
opacity: .25;<br />
}<br />
.bs-docs-sidenav > li > a:hover {<br />
background-color: #f5f5f5;<br />
}<br />
.bs-docs-sidenav a:hover .icon-chevron-right {<br />
opacity: .5;<br />
}<br />
.bs-docs-sidenav .active .icon-chevron-right,<br />
.bs-docs-sidenav .active a:hover .icon-chevron-right {<br />
background-image: url(../img/glyphicons-halflings-white.png);<br />
opacity: 1;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
.bs-docs-sidenav.affix-bottom {<br />
position: absolute;<br />
top: auto;<br />
bottom: 270px;<br />
}<br />
<br />
<br />
<br />
/* Icons demo page<br />
-------------------------------------------------- */<br />
#icomoon-container {<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container section,<br />
#icomoon-container header,<br />
#icomoon-container footer {<br />
display: block;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container .glyph {<br />
float: left;<br />
text-align: center;<br />
background: #F4F4F4;<br />
padding: .75em;<br />
margin: .75em 1.5em .75em 0;<br />
width: 7em;<br />
}<br />
#icomoon-container .glyph input {<br />
width: 100%;<br />
text-align: center;<br />
font-family: consolas, monospace;<br />
}<br />
#icomoon-container .glyph input,<br />
#icomoon-container .mtm {<br />
margin-top: .75em;<br />
border: 0;<br />
padding: 0 10px;<br />
}<br />
<br />
.fs1 {<br />
font-size: 2em;<br />
}<br />
#icomoon-container header {<br />
}<br />
#icomoon-container header h1 {<br />
}<br />
#icomoon-container .clearfix:before,<br />
#icomoon-container .clearfix:after { content: ""; display: table; }<br />
#icomoon-container .clearfix:after { clear: both; }<br />
#icomoon-container footer {<br />
margin-top: 2em;<br />
padding: .5em 0;<br />
box-shadow: 0 -2px #eee;<br />
}<br />
#icomoon-container .box1 {<br />
display: inline-block;<br />
width: 11em;<br />
padding: .25em .5em;<br />
background-color: #fff;<br />
margin: .5em 1em .5em 0;<br />
font-size: 16px;<br />
text-align: center;<br />
}<br />
#icomoon-container .box1 span {<br />
display: block;<br />
font-size: 32px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
/*<br />
ListView demo<br />
*/<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"],<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
<br />
/* Responsive<br />
-------------------------------------------------- */<br />
<br />
/* Desktop large<br />
------------------------- */<br />
@media (min-width: 1200px) {<br />
.bs-docs-container {<br />
max-width: 970px;<br />
}<br />
.bs-docs-sidenav {<br />
width: 258px;<br />
}<br />
.bs-docs-sidenav > li > a {<br />
width: 230px \9; /* Override the previous IE8-9 hack */<br />
}<br />
}<br />
<br />
/* Desktop<br />
------------------------- */<br />
@media (max-width: 980px) {<br />
/* Unfloat brand */<br />
body > .navbar-fixed-top .brand {<br />
float: left;<br />
margin-left: 0;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
}<br />
<br />
/* Inline-block quick links for more spacing */<br />
.quick-links li {<br />
display: inline-block;<br />
margin: 5px;<br />
}<br />
<br />
/* When affixed, space properly */<br />
.bs-docs-sidenav {<br />
top: 0;<br />
margin-top: 30px;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/* Tablet to desktop<br />
------------------------- */<br />
@media (min-width: 768px) and (max-width: 980px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
}<br />
/* Adjust sidenav width */<br />
.bs-docs-sidenav {<br />
width: 166px;<br />
margin-top: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
}<br />
<br />
/* Tablet<br />
------------------------- */<br />
@media (max-width: 767px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
padding: 40px 20px;<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.masthead h1 {<br />
font-size: 90px;<br />
}<br />
.masthead p,<br />
.masthead .btn {<br />
font-size: 24px;<br />
}<br />
.marketing .span4 {<br />
margin-bottom: 40px;<br />
}<br />
.bs-docs-social {<br />
margin: 0 -20px;<br />
}<br />
<br />
/* Space out the show-grid examples */<br />
.show-grid [class*="span"] {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Sidenav */<br />
.bs-docs-sidenav {<br />
width: auto;<br />
margin-bottom: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
position: static;<br />
width: auto;<br />
top: 0;<br />
}<br />
<br />
/* Unfloat the back to top link in footer */<br />
.footer {<br />
margin-left: -20px;<br />
margin-right: -20px;<br />
padding-left: 20px;<br />
padding-right: 20px;<br />
}<br />
.footer p {<br />
margin-bottom: 9px;<br />
}<br />
}<br />
<br />
/* Landscape phones<br />
------------------------- */<br />
@media (max-width: 480px) {<br />
/* Remove padding above jumbotron */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Change up some type stuff */<br />
h2 small {<br />
display: block;<br />
}<br />
<br />
/* Downsize the jumbotrons */<br />
.jumbotron h1 {<br />
font-size: 45px;<br />
}<br />
.jumbotron p,<br />
.jumbotron .btn {<br />
font-size: 18px;<br />
}<br />
.jumbotron .btn {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
/* center align subhead text like the masthead */<br />
.subhead h1,<br />
.subhead p {<br />
text-align: center;<br />
}<br />
<br />
/* Marketing on home */<br />
.marketing h1 {<br />
font-size: 30px;<br />
}<br />
.marketing-byline {<br />
font-size: 18px;<br />
}<br />
<br />
/* center example sites */<br />
.example-sites {<br />
margin-left: 0;<br />
}<br />
.example-sites > li {<br />
float: none;<br />
display: block;<br />
max-width: 280px;<br />
margin: 0 auto 18px;<br />
text-align: center;<br />
}<br />
.example-sites .thumbnail > img {<br />
max-width: 270px;<br />
}<br />
<br />
#hero-image {<br />
margin: 0;<br />
}<br />
<br />
/* Do our best to make tables work in narrow viewports */<br />
table code {<br />
white-space: normal;<br />
word-wrap: break-word;<br />
word-break: break-all;<br />
}<br />
<br />
/* Modal example */<br />
.modal-example .modal {<br />
position: relative;<br />
top: auto;<br />
right: auto;<br />
bottom: auto;<br />
left: auto;<br />
}<br />
<br />
/* Tighten up footer */<br />
.footer {<br />
padding-top: 20px;<br />
padding-bottom: 20px;<br />
}<br />
/* Unfloat the back to top in footer to prevent odd text wrapping */<br />
.footer .pull-right {<br />
float: none;<br />
}<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* Win8 animation<br />
-------------------------------------------------- */<br />
.metro .tile {<br />
-webkit-transition: all 0.3s ease-out;<br />
-moz-transition: all 0.3s ease-out;<br />
-o-transition: all 0.3s ease-out;<br />
-ms-transition: all 0.3s ease-out;<br />
transition: all 0.3s ease-out;<br />
}<br />
<br />
.fadeOutback {<br />
-webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
}<br />
<br />
.fadeInForward-1,.fadeInForward-2,.fadeInForward-3 {<br />
/*remember: in the second animation u have to set the final values reached by the first one*/<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
<br />
-webkit-transform: translateZ(-5em) scale(0.75);<br />
-moz-transform: translateZ(-5em) scale(0.75);<br />
-o-transform: translateZ(-5em) scale(0.75);<br />
-ms-transform: translateZ(-5em) scale(0.75);<br />
transform: translateZ(-5em) scale(0.75);<br />
}<br />
<br />
.fadeInForward-2 {<br />
-webkit-animation-delay: .55s;<br />
-moz-animation-delay: .55s;<br />
-ms-animation-delay: .55s;<br />
-o-animation-delay: .55s;<br />
animation-delay: .55s;<br />
}<br />
<br />
.fadeInForward-3 {<br />
-webkit-animation-delay: .7s;<br />
-moz-animation-delay: .7s;<br />
-ms-animation-delay: .7s;<br />
-o-animation-delay: .7s;<br />
animation-delay: .7s;<br />
}<br />
<br />
@keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
-moz-transform: translateX(-2em) scale(1);<br />
-o-transform: translateX(-2em) scale(1);<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeOutBack {<br />
0% {<br />
-moz-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeOutBack" {<br />
0% {<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeOutBack" {<br />
0% {<br />
-o-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
-moz-transform: translateZ(0) scale(1);<br />
-o-transform: translateZ(0) scale(1);<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeInForward {<br />
0% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-moz-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeInForward" {<br />
0% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeInForward" {<br />
0% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-o-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
<br />
--> <br />
</style> <br />
<!-- bootmetro-icons.css --><br />
<br />
<style type="text/css"> <br />
<!-- <br />
<br />
#globalWrapper{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
<br />
}<br />
<br />
#top-section{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
}<br />
<br />
#p-logo{<br />
border: 0px;<br />
padding: 0px;<br />
max-height: 0px;<br />
}<br />
<br />
#menubar{<br />
border: 0px;<br />
padding: 0px;<br />
font-size: 8px;<br />
<br />
}<br />
<br />
body{<br />
min-width:1400px;<br />
}<br />
<br />
.navbar{<br />
background-color: white;<br />
padding-left: 30px;<br />
}<br />
<br />
--> <br />
</style> <br />
<br />
<!-- All JavaScript at the bottom, except for Modernizr and Respond.<br />
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries<br />
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --><br />
<script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script><br />
<br />
<script type="text/javascript"><br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-3182578-6']);<br />
_gaq.push(['_trackPageview']);<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
</script><br />
<br />
<br />
<br />
</head><br />
<br />
<body><br />
<!--[if lt IE 7]><br />
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p><br />
<![endif]--><br />
<br />
<div class="navbar navbar-fixed-top"><br />
<div class="navbar-inner" style="padding-top:12px;"><br />
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a><br />
<ul class="nav"><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#DNA purification and precipitation">DNA purification and precipitation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#PCR">PCR</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#SDS polyacrylamide gel electrophoresis (SDS-PAGE)">SDS-PAGE</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Isolation and purification of DNA bands">Isolation and purification of DNA bands</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Ligation">Ligation</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Transformation">Transformation</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice">HUMAN PRACTICE</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Team">OUR TEAM</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li><br />
<br />
</ul><br />
<br />
<ul class="nav pull-right"><br />
<li><a href="https://2013.igem.org/Main_Page">iGEM</a></li><br />
</ul><br />
</div><!-- /navbar-inner --><br />
</div><!-- /navbar --><br />
<br />
<!-- Grab Google CDN's jQuery. fall back to local if necessary --><br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><br />
<script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script><br />
<br />
<!--[if IE 7]><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"><br />
<![endif]--><br />
<br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script><br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script><br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
$('.panorama').panorama({<br />
//nicescroll: false,<br />
showscrollbuttons: true,<br />
keyboard: true,<br />
parallax: true<br />
});<br />
<br />
// $(".panorama").perfectScrollbar();<br />
<br />
$('#pivot').pivot();<br />
<br />
</script><br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Template:KIT-Kyoto-header
Template:KIT-Kyoto-header
2013-09-27T16:14:46Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
<br />
<html class="no-js"><br />
<head><br />
<meta charset="utf-8" /><br />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><br />
<!-- Mobile viewport optimized: h5bp.com/viewport --><br />
<meta name="viewport" content="width=device-width"><br />
<br />
<meta name="robots" content="noindex, nofollow"><br />
<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." /><br />
<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" /><br />
<meta name="author" content="AozoraLabs by Marcello Palmitessa"/><br />
<br />
<!-- remove or comment this line if you want to use the local fonts --><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'><br />
<br />
<style type="text/css"> <br />
<!-- <br />
/*!<br />
* BootMetro v1.0.0-alpha1<br />
*<br />
* Copyright 2012 Marcello Palmitessa<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.no-border-radius {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.no-box-shadow {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.text-overflow-wrap {<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
/* General alignment styles<br />
-------------------------------------------------- */<br />
<br />
.align-right,<br />
th.align-right,<br />
td.align-right,<br />
.table th.align-right,<br />
.table td.align-right {<br />
text-align: right;<br />
}<br />
<br />
.align-left,<br />
th.align-left,<br />
td.align-left,<br />
.table th.align-left,<br />
.table td.align-left {<br />
text-align: left;<br />
}<br />
<br />
.align-center,<br />
th.align-center,<br />
td.align-center,<br />
.table th.align-center,<br />
.table td.align-center {<br />
text-align: center;<br />
}<br />
<br />
.block {<br />
display: block;<br />
}<br />
<br />
/* General form mixins<br />
-------------------------------------------------- */<br />
<br />
.formBorder {<br />
border: 2px solid #cccccc;<br />
}<br />
<br />
article,<br />
aside,<br />
details,<br />
figcaption,<br />
figure,<br />
footer,<br />
header,<br />
hgroup,<br />
nav,<br />
section {<br />
display: block;<br />
}<br />
<br />
audio,<br />
canvas,<br />
video {<br />
display: inline-block;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
audio:not([controls]) {<br />
display: none;<br />
}<br />
<br />
html {<br />
font-size: 100%;<br />
-webkit-text-size-adjust: 100%;<br />
-ms-text-size-adjust: 100%;<br />
}<br />
<br />
a:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
a:hover,<br />
a:active {<br />
outline: 0;<br />
}<br />
<br />
sub,<br />
sup {<br />
position: relative;<br />
font-size: 75%;<br />
line-height: 0;<br />
vertical-align: baseline;<br />
}<br />
<br />
sup {<br />
top: -0.5em;<br />
}<br />
<br />
sub {<br />
bottom: -0.25em;<br />
}<br />
<br />
img {<br />
width: auto\9;<br />
height: auto;<br />
max-width: 100%;<br />
vertical-align: middle;<br />
border: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
<br />
#map_canvas img,<br />
.google-maps img {<br />
max-width: none;<br />
}<br />
<br />
button,<br />
input,<br />
select,<br />
textarea {<br />
margin: 0;<br />
font-size: 100%;<br />
vertical-align: middle;<br />
}<br />
<br />
button,<br />
input {<br />
*overflow: visible;<br />
line-height: normal;<br />
}<br />
<br />
button::-moz-focus-inner,<br />
input::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button,<br />
html input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"] {<br />
cursor: pointer;<br />
-webkit-appearance: button;<br />
}<br />
<br />
label,<br />
select,<br />
button,<br />
input[type="button"],<br />
input[type="reset"],<br />
input[type="submit"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
cursor: pointer;<br />
}<br />
<br />
input[type="search"] {<br />
-webkit-box-sizing: content-box;<br />
-moz-box-sizing: content-box;<br />
box-sizing: content-box;<br />
-webkit-appearance: textfield;<br />
}<br />
<br />
input[type="search"]::-webkit-search-decoration,<br />
input[type="search"]::-webkit-search-cancel-button {<br />
-webkit-appearance: none;<br />
}<br />
<br />
textarea {<br />
overflow: auto;<br />
vertical-align: top;<br />
}<br />
<br />
@media print {<br />
* {<br />
color: #000 !important;<br />
text-shadow: none !important;<br />
background: transparent !important;<br />
box-shadow: none !important;<br />
}<br />
a,<br />
a:visited {<br />
text-decoration: underline;<br />
}<br />
a[href]:after {<br />
content: " (" attr(href) ")";<br />
}<br />
abbr[title]:after {<br />
content: " (" attr(title) ")";<br />
}<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: "";<br />
}<br />
pre,<br />
blockquote {<br />
border: 1px solid #999;<br />
page-break-inside: avoid;<br />
}<br />
thead {<br />
display: table-header-group;<br />
}<br />
tr,<br />
img {<br />
page-break-inside: avoid;<br />
}<br />
img {<br />
max-width: 100% !important;<br />
}<br />
@page {<br />
margin: 0.5cm;<br />
}<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3;<br />
}<br />
h2,<br />
h3 {<br />
page-break-after: avoid;<br />
}<br />
}<br />
<br />
body {<br />
margin: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
background-color: #ffffff;<br />
}<br />
<br />
a {<br />
color: #2e8bcc;<br />
text-decoration: none;<br />
}<br />
<br />
a:hover,<br />
a:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
}<br />
<br />
.img-rounded {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.img-polaroid {<br />
padding: 4px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.img-circle {<br />
-webkit-border-radius: 500px;<br />
-moz-border-radius: 500px;<br />
border-radius: 500px;<br />
}<br />
<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row:after {<br />
clear: both;<br />
}<br />
<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.span12 {<br />
width: 940px;<br />
}<br />
<br />
.span11 {<br />
width: 860px;<br />
}<br />
<br />
.span10 {<br />
width: 780px;<br />
}<br />
<br />
.span9 {<br />
width: 700px;<br />
}<br />
<br />
.span8 {<br />
width: 620px;<br />
}<br />
<br />
.span7 {<br />
width: 540px;<br />
}<br />
<br />
.span6 {<br />
width: 460px;<br />
}<br />
<br />
.span5 {<br />
width: 380px;<br />
}<br />
<br />
.span4 {<br />
width: 300px;<br />
}<br />
<br />
.span3 {<br />
width: 220px;<br />
}<br />
<br />
.span2 {<br />
width: 140px;<br />
}<br />
<br />
.span1 {<br />
width: 60px;<br />
}<br />
<br />
.offset12 {<br />
margin-left: 980px;<br />
}<br />
<br />
.offset11 {<br />
margin-left: 900px;<br />
}<br />
<br />
.offset10 {<br />
margin-left: 820px;<br />
}<br />
<br />
.offset9 {<br />
margin-left: 740px;<br />
}<br />
<br />
.offset8 {<br />
margin-left: 660px;<br />
}<br />
<br />
.offset7 {<br />
margin-left: 580px;<br />
}<br />
<br />
.offset6 {<br />
margin-left: 500px;<br />
}<br />
<br />
.offset5 {<br />
margin-left: 420px;<br />
}<br />
<br />
.offset4 {<br />
margin-left: 340px;<br />
}<br />
<br />
.offset3 {<br />
margin-left: 260px;<br />
}<br />
<br />
.offset2 {<br />
margin-left: 180px;<br />
}<br />
<br />
.offset1 {<br />
margin-left: 100px;<br />
}<br />
<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
*margin-left: 2.074468085106383%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.127659574468085%;<br />
}<br />
<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
<br />
.row-fluid .span11 {<br />
width: 91.48936170212765%;<br />
*width: 91.43617021276594%;<br />
}<br />
<br />
.row-fluid .span10 {<br />
width: 82.97872340425532%;<br />
*width: 82.92553191489361%;<br />
}<br />
<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
*width: 74.41489361702126%;<br />
}<br />
<br />
.row-fluid .span8 {<br />
width: 65.95744680851064%;<br />
*width: 65.90425531914893%;<br />
}<br />
<br />
.row-fluid .span7 {<br />
width: 57.44680851063829%;<br />
*width: 57.39361702127659%;<br />
}<br />
<br />
.row-fluid .span6 {<br />
width: 48.93617021276595%;<br />
*width: 48.88297872340425%;<br />
}<br />
<br />
.row-fluid .span5 {<br />
width: 40.42553191489362%;<br />
*width: 40.37234042553192%;<br />
}<br />
<br />
.row-fluid .span4 {<br />
width: 31.914893617021278%;<br />
*width: 31.861702127659576%;<br />
}<br />
<br />
.row-fluid .span3 {<br />
width: 23.404255319148934%;<br />
*width: 23.351063829787233%;<br />
}<br />
<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
*width: 14.840425531914894%;<br />
}<br />
<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
*width: 6.329787234042553%;<br />
}<br />
<br />
.row-fluid .offset12 {<br />
margin-left: 104.25531914893617%;<br />
*margin-left: 104.14893617021275%;<br />
}<br />
<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.12765957446808%;<br />
*margin-left: 102.02127659574467%;<br />
}<br />
<br />
.row-fluid .offset11 {<br />
margin-left: 95.74468085106382%;<br />
*margin-left: 95.6382978723404%;<br />
}<br />
<br />
.row-fluid .offset11:first-child {<br />
margin-left: 93.61702127659574%;<br />
*margin-left: 93.51063829787232%;<br />
}<br />
<br />
.row-fluid .offset10 {<br />
margin-left: 87.23404255319149%;<br />
*margin-left: 87.12765957446807%;<br />
}<br />
<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.1063829787234%;<br />
*margin-left: 84.99999999999999%;<br />
}<br />
<br />
.row-fluid .offset9 {<br />
margin-left: 78.72340425531914%;<br />
*margin-left: 78.61702127659572%;<br />
}<br />
<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.59574468085106%;<br />
*margin-left: 76.48936170212764%;<br />
}<br />
<br />
.row-fluid .offset8 {<br />
margin-left: 70.2127659574468%;<br />
*margin-left: 70.10638297872339%;<br />
}<br />
<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.08510638297872%;<br />
*margin-left: 67.9787234042553%;<br />
}<br />
<br />
.row-fluid .offset7 {<br />
margin-left: 61.70212765957446%;<br />
*margin-left: 61.59574468085106%;<br />
}<br />
<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.574468085106375%;<br />
*margin-left: 59.46808510638297%;<br />
}<br />
<br />
.row-fluid .offset6 {<br />
margin-left: 53.191489361702125%;<br />
*margin-left: 53.085106382978715%;<br />
}<br />
<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.063829787234035%;<br />
*margin-left: 50.95744680851063%;<br />
}<br />
<br />
.row-fluid .offset5 {<br />
margin-left: 44.68085106382979%;<br />
*margin-left: 44.57446808510638%;<br />
}<br />
<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.5531914893617%;<br />
*margin-left: 42.4468085106383%;<br />
}<br />
<br />
.row-fluid .offset4 {<br />
margin-left: 36.170212765957444%;<br />
*margin-left: 36.06382978723405%;<br />
}<br />
<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.04255319148936%;<br />
*margin-left: 33.93617021276596%;<br />
}<br />
<br />
.row-fluid .offset3 {<br />
margin-left: 27.659574468085104%;<br />
*margin-left: 27.5531914893617%;<br />
}<br />
<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.53191489361702%;<br />
*margin-left: 25.425531914893618%;<br />
}<br />
<br />
.row-fluid .offset2 {<br />
margin-left: 19.148936170212764%;<br />
*margin-left: 19.04255319148936%;<br />
}<br />
<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.02127659574468%;<br />
*margin-left: 16.914893617021278%;<br />
}<br />
<br />
.row-fluid .offset1 {<br />
margin-left: 10.638297872340425%;<br />
*margin-left: 10.53191489361702%;<br />
}<br />
<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.51063829787234%;<br />
*margin-left: 8.404255319148938%;<br />
}<br />
<br />
[class*="span"].hide,<br />
.row-fluid [class*="span"].hide {<br />
display: none;<br />
}<br />
<br />
[class*="span"].pull-right,<br />
.row-fluid [class*="span"].pull-right {<br />
float: right;<br />
}<br />
<br />
.container {<br />
margin-right: auto;<br />
margin-left: auto;<br />
*zoom: 1;<br />
}<br />
<br />
.container:before,<br />
.container:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container:after {<br />
clear: both;<br />
}<br />
<br />
.container-fluid {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.container-fluid:before,<br />
.container-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.container-fluid:after {<br />
clear: both;<br />
}<br />
<br />
p {<br />
margin: 0 0 10px;<br />
}<br />
<br />
.lead {<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
}<br />
<br />
small {<br />
font-size: 85%;<br />
}<br />
<br />
strong {<br />
font-weight: bold;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
cite {<br />
font-style: normal;<br />
}<br />
<br />
.muted {<br />
color: #999999;<br />
}<br />
<br />
a.muted:hover,<br />
a.muted:focus {<br />
color: #808080;<br />
}<br />
<br />
.text-warning {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-error {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-info {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-success {<br />
color: #ffffff;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #e6e6e6;<br />
}<br />
<br />
.text-left {<br />
text-align: left;<br />
}<br />
<br />
.text-right {<br />
text-align: right;<br />
}<br />
<br />
.text-center {<br />
text-align: center;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin: 10px 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 20px;<br />
color: inherit;<br />
text-rendering: optimizelegibility;<br />
}<br />
<br />
h1 small,<br />
h2 small,<br />
h3 small,<br />
h4 small,<br />
h5 small,<br />
h6 small {<br />
font-weight: normal;<br />
line-height: 1;<br />
color: #999999;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3 {<br />
line-height: 40px;<br />
}<br />
<br />
h1 {<br />
font-size: 38.5px;<br />
}<br />
<br />
h2 {<br />
font-size: 31.5px;<br />
}<br />
<br />
h3 {<br />
font-size: 24.5px;<br />
}<br />
<br />
h4 {<br />
font-size: 17.5px;<br />
}<br />
<br />
h5 {<br />
font-size: 14px;<br />
}<br />
<br />
h6 {<br />
font-size: 11.9px;<br />
}<br />
<br />
h1 small {<br />
font-size: 24.5px;<br />
}<br />
<br />
h2 small {<br />
font-size: 17.5px;<br />
}<br />
<br />
h3 small {<br />
font-size: 14px;<br />
}<br />
<br />
h4 small {<br />
font-size: 14px;<br />
}<br />
<br />
.page-header {<br />
padding-bottom: 9px;<br />
margin: 20px 0 30px;<br />
border-bottom: 1px solid #eeeeee;<br />
}<br />
<br />
ul,<br />
ol {<br />
padding: 0;<br />
margin: 0 0 10px 25px;<br />
}<br />
<br />
ul ul,<br />
ul ol,<br />
ol ol,<br />
ol ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
li {<br />
line-height: 20px;<br />
}<br />
<br />
ul.unstyled,<br />
ol.unstyled {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline,<br />
ol.inline {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
ul.inline > li,<br />
ol.inline > li {<br />
display: inline-block;<br />
*display: inline;<br />
padding-right: 5px;<br />
padding-left: 5px;<br />
*zoom: 1;<br />
}<br />
<br />
dl {<br />
margin-bottom: 20px;<br />
}<br />
<br />
dt,<br />
dd {<br />
line-height: 20px;<br />
}<br />
<br />
dt {<br />
font-weight: bold;<br />
}<br />
<br />
dd {<br />
margin-left: 10px;<br />
}<br />
<br />
.dl-horizontal {<br />
*zoom: 1;<br />
}<br />
<br />
.dl-horizontal:before,<br />
.dl-horizontal:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.dl-horizontal:after {<br />
clear: both;<br />
}<br />
<br />
.dl-horizontal dt {<br />
float: left;<br />
width: 160px;<br />
overflow: hidden;<br />
clear: left;<br />
text-align: right;<br />
text-overflow: ellipsis;<br />
white-space: nowrap;<br />
}<br />
<br />
.dl-horizontal dd {<br />
margin-left: 180px;<br />
}<br />
<br />
hr {<br />
margin: 20px 0;<br />
border: 0;<br />
border-top: 1px solid #eeeeee;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
abbr[title],<br />
abbr[data-original-title] {<br />
cursor: help;<br />
border-bottom: 1px dotted #999999;<br />
}<br />
<br />
abbr.initialism {<br />
font-size: 90%;<br />
text-transform: uppercase;<br />
}<br />
<br />
blockquote {<br />
padding: 0 0 0 15px;<br />
margin: 0 0 20px;<br />
border-left: 5px solid #eeeeee;<br />
}<br />
<br />
blockquote p {<br />
margin-bottom: 0;<br />
font-size: 17.5px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
}<br />
<br />
blockquote small {<br />
display: block;<br />
line-height: 20px;<br />
color: #999999;<br />
}<br />
<br />
blockquote small:before {<br />
content: '\2014 \00A0';<br />
}<br />
<br />
blockquote.pull-right {<br />
float: right;<br />
padding-right: 15px;<br />
padding-left: 0;<br />
border-right: 5px solid #eeeeee;<br />
border-left: 0;<br />
}<br />
<br />
blockquote.pull-right p,<br />
blockquote.pull-right small {<br />
text-align: right;<br />
}<br />
<br />
blockquote.pull-right small:before {<br />
content: '';<br />
}<br />
<br />
blockquote.pull-right small:after {<br />
content: '\00A0 \2014';<br />
}<br />
<br />
q:before,<br />
q:after,<br />
blockquote:before,<br />
blockquote:after {<br />
content: "";<br />
}<br />
<br />
address {<br />
display: block;<br />
margin-bottom: 20px;<br />
font-style: normal;<br />
line-height: 20px;<br />
}<br />
<br />
code,<br />
pre {<br />
padding: 0 3px 2px;<br />
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #333333;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
code {<br />
padding: 2px 4px;<br />
color: #d14;<br />
white-space: nowrap;<br />
background-color: #f7f7f9;<br />
border: 1px solid #e1e1e8;<br />
}<br />
<br />
pre {<br />
display: block;<br />
padding: 9.5px;<br />
margin: 0 0 10px;<br />
font-size: 13px;<br />
line-height: 20px;<br />
word-break: break-all;<br />
word-wrap: break-word;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.15);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
pre.prettyprint {<br />
margin-bottom: 20px;<br />
}<br />
<br />
pre code {<br />
padding: 0;<br />
color: inherit;<br />
white-space: pre;<br />
white-space: pre-wrap;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.pre-scrollable {<br />
max-height: 340px;<br />
overflow-y: scroll;<br />
}<br />
<br />
form {<br />
margin: 0 0 20px;<br />
}<br />
<br />
fieldset {<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
legend {<br />
display: block;<br />
width: 100%;<br />
padding: 0;<br />
margin-bottom: 20px;<br />
font-size: 21px;<br />
line-height: 40px;<br />
color: #333333;<br />
border: 0;<br />
border-bottom: 1px solid #e5e5e5;<br />
}<br />
<br />
legend small {<br />
font-size: 15px;<br />
color: #999999;<br />
}<br />
<br />
label,<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
}<br />
<br />
label {<br />
display: block;<br />
margin-bottom: 5px;<br />
}<br />
<br />
select,<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
display: inline-block;<br />
height: 20px;<br />
padding: 4px 6px;<br />
margin-bottom: 10px;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #555555;<br />
vertical-align: middle;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
width: 206px;<br />
}<br />
<br />
textarea {<br />
height: auto;<br />
}<br />
<br />
textarea,<br />
input[type="text"],<br />
input[type="password"],<br />
input[type="datetime"],<br />
input[type="datetime-local"],<br />
input[type="date"],<br />
input[type="month"],<br />
input[type="time"],<br />
input[type="week"],<br />
input[type="number"],<br />
input[type="email"],<br />
input[type="url"],<br />
input[type="search"],<br />
input[type="tel"],<br />
input[type="color"],<br />
.uneditable-input {<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
-o-transition: border linear 0.2s, box-shadow linear 0.2s;<br />
transition: border linear 0.2s, box-shadow linear 0.2s;<br />
}<br />
<br />
textarea:focus,<br />
input[type="text"]:focus,<br />
input[type="password"]:focus,<br />
input[type="datetime"]:focus,<br />
input[type="datetime-local"]:focus,<br />
input[type="date"]:focus,<br />
input[type="month"]:focus,<br />
input[type="time"]:focus,<br />
input[type="week"]:focus,<br />
input[type="number"]:focus,<br />
input[type="email"]:focus,<br />
input[type="url"]:focus,<br />
input[type="search"]:focus,<br />
input[type="tel"]:focus,<br />
input[type="color"]:focus,<br />
.uneditable-input:focus {<br />
border-color: rgba(82, 168, 236, 0.8);<br />
outline: 0;<br />
outline: thin dotted \9;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);<br />
box-shadow: none;<br />
}<br />
<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
margin: 4px 0 0;<br />
margin-top: 1px \9;<br />
*margin-top: 0;<br />
line-height: normal;<br />
}<br />
<br />
input[type="file"],<br />
input[type="image"],<br />
input[type="submit"],<br />
input[type="reset"],<br />
input[type="button"],<br />
input[type="radio"],<br />
input[type="checkbox"] {<br />
width: auto;<br />
}<br />
<br />
select,<br />
input[type="file"] {<br />
height: 30px;<br />
/* In IE7, the height of the select element cannot be changed by height, only font-size */<br />
<br />
*margin-top: 4px;<br />
/* For IE7, add top margin to align select with labels */<br />
<br />
line-height: 30px;<br />
}<br />
<br />
select {<br />
width: 220px;<br />
background-color: #ffffff;<br />
border: 1px solid #cccccc;<br />
}<br />
<br />
select[multiple],<br />
select[size] {<br />
height: auto;<br />
}<br />
<br />
select:focus,<br />
input[type="file"]:focus,<br />
input[type="radio"]:focus,<br />
input[type="checkbox"]:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.uneditable-input,<br />
.uneditable-textarea {<br />
color: #999999;<br />
cursor: not-allowed;<br />
background-color: #fcfcfc;<br />
border-color: #cccccc;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);<br />
box-shadow: none;<br />
}<br />
<br />
.uneditable-input {<br />
overflow: hidden;<br />
white-space: nowrap;<br />
}<br />
<br />
.uneditable-textarea {<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
input:-moz-placeholder,<br />
textarea:-moz-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input:-ms-input-placeholder,<br />
textarea:-ms-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
input::-webkit-input-placeholder,<br />
textarea::-webkit-input-placeholder {<br />
color: #999999;<br />
}<br />
<br />
.radio,<br />
.checkbox {<br />
min-height: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.radio input[type="radio"],<br />
.checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-left: -20px;<br />
}<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 5px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
display: inline-block;<br />
padding-top: 5px;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.radio.inline + .radio.inline,<br />
.checkbox.inline + .checkbox.inline {<br />
margin-left: 10px;<br />
}<br />
<br />
.input-mini {<br />
width: 60px;<br />
}<br />
<br />
.input-small {<br />
width: 90px;<br />
}<br />
<br />
.input-medium {<br />
width: 150px;<br />
}<br />
<br />
.input-large {<br />
width: 210px;<br />
}<br />
<br />
.input-xlarge {<br />
width: 270px;<br />
}<br />
<br />
.input-xxlarge {<br />
width: 530px;<br />
}<br />
<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"] {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.input-append input[class*="span"],<br />
.input-append .uneditable-input[class*="span"],<br />
.input-prepend input[class*="span"],<br />
.input-prepend .uneditable-input[class*="span"],<br />
.row-fluid input[class*="span"],<br />
.row-fluid select[class*="span"],<br />
.row-fluid textarea[class*="span"],<br />
.row-fluid .uneditable-input[class*="span"],<br />
.row-fluid .input-prepend [class*="span"],<br />
.row-fluid .input-append [class*="span"] {<br />
display: inline-block;<br />
}<br />
<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 926px;<br />
}<br />
<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 846px;<br />
}<br />
<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 766px;<br />
}<br />
<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 686px;<br />
}<br />
<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 606px;<br />
}<br />
<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 526px;<br />
}<br />
<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 446px;<br />
}<br />
<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 366px;<br />
}<br />
<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 286px;<br />
}<br />
<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 206px;<br />
}<br />
<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 126px;<br />
}<br />
<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 46px;<br />
}<br />
<br />
.controls-row {<br />
*zoom: 1;<br />
}<br />
<br />
.controls-row:before,<br />
.controls-row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.controls-row:after {<br />
clear: both;<br />
}<br />
<br />
.controls-row [class*="span"],<br />
.row-fluid .controls-row [class*="span"] {<br />
float: left;<br />
}<br />
<br />
.controls-row .checkbox[class*="span"],<br />
.controls-row .radio[class*="span"] {<br />
padding-top: 5px;<br />
}<br />
<br />
input[disabled],<br />
select[disabled],<br />
textarea[disabled],<br />
input[readonly],<br />
select[readonly],<br />
textarea[readonly] {<br />
cursor: not-allowed;<br />
background-color: #eeeeee;<br />
}<br />
<br />
input[type="radio"][disabled],<br />
input[type="checkbox"][disabled],<br />
input[type="radio"][readonly],<br />
input[type="checkbox"][readonly] {<br />
background-color: transparent;<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #ffffff;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #ffffff;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #ffffff;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #e6e6e6;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #ffffff;<br />
}<br />
<br />
input:focus:invalid,<br />
textarea:focus:invalid,<br />
select:focus:invalid {<br />
color: #b94a48;<br />
border-color: #ee5f5b;<br />
}<br />
<br />
input:focus:invalid:focus,<br />
textarea:focus:invalid:focus,<br />
select:focus:invalid:focus {<br />
border-color: #e9322d;<br />
-webkit-box-shadow: 0 0 6px #f8b9b7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 6px #f8b9b7;<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 6px #f8b9b7;<br />
box-shadow: none;<br />
}<br />
<br />
.form-actions {<br />
padding: 19px 20px 20px;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #e5e5e5;<br />
*zoom: 1;<br />
}<br />
<br />
.form-actions:before,<br />
.form-actions:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-actions:after {<br />
clear: both;<br />
}<br />
<br />
.help-block,<br />
.help-inline {<br />
color: #595959;<br />
}<br />
<br />
.help-block {<br />
display: block;<br />
margin-bottom: 10px;<br />
}<br />
<br />
.help-inline {<br />
display: inline-block;<br />
*display: inline;<br />
padding-left: 5px;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.input-append,<br />
.input-prepend {<br />
display: inline-block;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input,<br />
.input-append .dropdown-menu,<br />
.input-prepend .dropdown-menu,<br />
.input-append .popover,<br />
.input-prepend .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.input-append input,<br />
.input-prepend input,<br />
.input-append select,<br />
.input-prepend select,<br />
.input-append .uneditable-input,<br />
.input-prepend .uneditable-input {<br />
position: relative;<br />
margin-bottom: 0;<br />
*margin-left: 0;<br />
vertical-align: top;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input:focus,<br />
.input-prepend input:focus,<br />
.input-append select:focus,<br />
.input-prepend select:focus,<br />
.input-append .uneditable-input:focus,<br />
.input-prepend .uneditable-input:focus {<br />
z-index: 2;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on {<br />
display: inline-block;<br />
width: auto;<br />
height: 20px;<br />
min-width: 16px;<br />
padding: 4px 5px;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 20px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-prepend .add-on,<br />
.input-append .btn,<br />
.input-prepend .btn,<br />
.input-append .btn-group > .dropdown-toggle,<br />
.input-prepend .btn-group > .dropdown-toggle {<br />
vertical-align: top;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-append .active,<br />
.input-prepend .active {<br />
background-color: #8cd98c;<br />
border-color: #339933;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-prepend .btn {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input,<br />
.input-append select,<br />
.input-append .uneditable-input {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append input + .btn-group .btn:last-child,<br />
.input-append select + .btn-group .btn:last-child,<br />
.input-append .uneditable-input + .btn-group .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-append .add-on,<br />
.input-append .btn,<br />
.input-append .btn-group {<br />
margin-left: -1px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child,<br />
.input-append .btn-group:last-child > .dropdown-toggle {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append input,<br />
.input-prepend.input-append select,<br />
.input-prepend.input-append .uneditable-input {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.input-prepend.input-append input + .btn-group .btn,<br />
.input-prepend.input-append select + .btn-group .btn,<br />
.input-prepend.input-append .uneditable-input + .btn-group .btn {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:last-child,<br />
.input-prepend.input-append .btn:last-child {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.input-prepend.input-append .btn-group:first-child {<br />
margin-left: 0;<br />
}<br />
<br />
input.search-query {<br />
padding-right: 14px;<br />
padding-right: 4px \9;<br />
padding-left: 14px;<br />
padding-left: 4px \9;<br />
/* IE7-8 doesn't have border-radius, so don't indent the padding */<br />
<br />
margin-bottom: 0;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
/* Allow for input prepend/append in search forms */<br />
<br />
.form-search .input-append .search-query,<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0 14px 14px 0;<br />
-moz-border-radius: 0 14px 14px 0;<br />
border-radius: 0 14px 14px 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 14px 0 0 14px;<br />
-moz-border-radius: 14px 0 0 14px;<br />
border-radius: 14px 0 0 14px;<br />
}<br />
<br />
.form-search input,<br />
.form-inline input,<br />
.form-horizontal input,<br />
.form-search textarea,<br />
.form-inline textarea,<br />
.form-horizontal textarea,<br />
.form-search select,<br />
.form-inline select,<br />
.form-horizontal select,<br />
.form-search .help-inline,<br />
.form-inline .help-inline,<br />
.form-horizontal .help-inline,<br />
.form-search .uneditable-input,<br />
.form-inline .uneditable-input,<br />
.form-horizontal .uneditable-input,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend,<br />
.form-horizontal .input-prepend,<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-horizontal .input-append {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.form-search .hide,<br />
.form-inline .hide,<br />
.form-horizontal .hide {<br />
display: none;<br />
}<br />
<br />
.form-search label,<br />
.form-inline label,<br />
.form-search .btn-group,<br />
.form-inline .btn-group {<br />
display: inline-block;<br />
}<br />
<br />
.form-search .input-append,<br />
.form-inline .input-append,<br />
.form-search .input-prepend,<br />
.form-inline .input-prepend {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-search .radio,<br />
.form-search .checkbox,<br />
.form-inline .radio,<br />
.form-inline .checkbox {<br />
padding-left: 0;<br />
margin-bottom: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
.form-search .radio input[type="radio"],<br />
.form-search .checkbox input[type="checkbox"],<br />
.form-inline .radio input[type="radio"],<br />
.form-inline .checkbox input[type="checkbox"] {<br />
float: left;<br />
margin-right: 3px;<br />
margin-left: 0;<br />
}<br />
<br />
.control-group {<br />
margin-bottom: 10px;<br />
}<br />
<br />
legend + .control-group {<br />
margin-top: 20px;<br />
-webkit-margin-top-collapse: separate;<br />
}<br />
<br />
.form-horizontal .control-group {<br />
margin-bottom: 20px;<br />
*zoom: 1;<br />
}<br />
<br />
.form-horizontal .control-group:before,<br />
.form-horizontal .control-group:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.form-horizontal .control-group:after {<br />
clear: both;<br />
}<br />
<br />
.form-horizontal .control-label {<br />
float: left;<br />
width: 160px;<br />
padding-top: 5px;<br />
text-align: right;<br />
}<br />
<br />
.form-horizontal .controls {<br />
*display: inline-block;<br />
*padding-left: 20px;<br />
margin-left: 180px;<br />
*margin-left: 0;<br />
}<br />
<br />
.form-horizontal .controls:first-child {<br />
*padding-left: 180px;<br />
}<br />
<br />
.form-horizontal .help-block {<br />
margin-bottom: 0;<br />
}<br />
<br />
.form-horizontal input + .help-block,<br />
.form-horizontal select + .help-block,<br />
.form-horizontal textarea + .help-block,<br />
.form-horizontal .uneditable-input + .help-block,<br />
.form-horizontal .input-prepend + .help-block,<br />
.form-horizontal .input-append + .help-block {<br />
margin-top: 10px;<br />
}<br />
<br />
.form-horizontal .form-actions {<br />
padding-left: 180px;<br />
}<br />
<br />
table {<br />
max-width: 100%;<br />
background-color: transparent;<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
<br />
.table {<br />
width: 100%;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
padding: 8px;<br />
line-height: 20px;<br />
text-align: left;<br />
vertical-align: top;<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-weight: bold;<br />
}<br />
<br />
.table thead th {<br />
vertical-align: bottom;<br />
}<br />
<br />
.table caption + thead tr:first-child th,<br />
.table caption + thead tr:first-child td,<br />
.table colgroup + thead tr:first-child th,<br />
.table colgroup + thead tr:first-child td,<br />
.table thead:first-child tr:first-child th,<br />
.table thead:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table tbody + tbody {<br />
border-top: 2px solid #cccccc;<br />
}<br />
<br />
.table .table {<br />
background-color: #ffffff;<br />
}<br />
<br />
.table-condensed th,<br />
.table-condensed td {<br />
padding: 4px 5px;<br />
}<br />
<br />
.table-bordered {<br />
border: 1px solid #cccccc;<br />
border-collapse: separate;<br />
*border-collapse: collapse;<br />
border-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-left: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child th,<br />
.table-bordered caption + tbody tr:first-child td,<br />
.table-bordered colgroup + thead tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child th,<br />
.table-bordered colgroup + tbody tr:first-child td,<br />
.table-bordered thead:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child th,<br />
.table-bordered tbody:first-child tr:first-child td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:first-child,<br />
.table-bordered tbody:first-child tr:first-child > td:first-child,<br />
.table-bordered tbody:first-child tr:first-child > th:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child > th:last-child,<br />
.table-bordered tbody:first-child tr:first-child > td:last-child,<br />
.table-bordered tbody:first-child tr:first-child > th:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:first-child,<br />
.table-bordered tbody:last-child tr:last-child > td:first-child,<br />
.table-bordered tbody:last-child tr:last-child > th:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child > th:last-child,<br />
.table-bordered tbody:last-child tr:last-child > td:last-child,<br />
.table-bordered tbody:last-child tr:last-child > th:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child > th:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
}<br />
<br />
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
}<br />
<br />
.table-striped tbody > tr:nth-child(odd) > td,<br />
.table-striped tbody > tr:nth-child(odd) > th {<br />
background-color: #f9f9f9;<br />
}<br />
<br />
.table-hover tbody tr:hover > td,<br />
.table-hover tbody tr:hover > th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
table td[class*="span"],<br />
table th[class*="span"],<br />
.row-fluid table td[class*="span"],<br />
.row-fluid table th[class*="span"] {<br />
display: table-cell;<br />
float: none;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span1,<br />
.table th.span1 {<br />
float: none;<br />
width: 44px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span2,<br />
.table th.span2 {<br />
float: none;<br />
width: 124px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span3,<br />
.table th.span3 {<br />
float: none;<br />
width: 204px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span4,<br />
.table th.span4 {<br />
float: none;<br />
width: 284px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span5,<br />
.table th.span5 {<br />
float: none;<br />
width: 364px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span6,<br />
.table th.span6 {<br />
float: none;<br />
width: 444px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span7,<br />
.table th.span7 {<br />
float: none;<br />
width: 524px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span8,<br />
.table th.span8 {<br />
float: none;<br />
width: 604px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span9,<br />
.table th.span9 {<br />
float: none;<br />
width: 684px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span10,<br />
.table th.span10 {<br />
float: none;<br />
width: 764px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span11,<br />
.table th.span11 {<br />
float: none;<br />
width: 844px;<br />
margin-left: 0;<br />
}<br />
<br />
.table td.span12,<br />
.table th.span12 {<br />
float: none;<br />
width: 924px;<br />
margin-left: 0;<br />
}<br />
<br />
.table tbody tr.success > td {<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error > td {<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning > td {<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info > td {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr.success:hover > td {<br />
background-color: #018a18;<br />
}<br />
<br />
.table-hover tbody tr.error:hover > td {<br />
background-color: #a6193f;<br />
}<br />
<br />
.table-hover tbody tr.warning:hover > td {<br />
background-color: #d78708;<br />
}<br />
<br />
.table-hover tbody tr.info:hover > td {<br />
background-color: #157cee;<br />
}<br />
<br />
.dropup,<br />
.dropdown {<br />
position: relative;<br />
}<br />
<br />
.dropdown-toggle {<br />
*margin-bottom: -3px;<br />
}<br />
<br />
.dropdown-toggle:active,<br />
.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.caret {<br />
display: inline-block;<br />
width: 0;<br />
height: 0;<br />
vertical-align: top;<br />
border-top: 4px solid #000000;<br />
border-right: 4px solid transparent;<br />
border-left: 4px solid transparent;<br />
content: "";<br />
}<br />
<br />
.dropdown .caret {<br />
margin-top: 8px;<br />
margin-left: 2px;<br />
}<br />
<br />
.dropdown-menu {<br />
position: absolute;<br />
top: 100%;<br />
left: 0;<br />
z-index: 1000;<br />
display: none;<br />
float: left;<br />
min-width: 160px;<br />
padding: 5px 0;<br />
margin: 2px 0 0;<br />
list-style: none;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
*border-right-width: 2px;<br />
*border-bottom-width: 2px;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropdown-menu .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.dropdown-menu > li > a {<br />
display: block;<br />
padding: 3px 20px;<br />
clear: both;<br />
font-weight: normal;<br />
line-height: 20px;<br />
color: #333333;<br />
white-space: nowrap;<br />
}<br />
<br />
.dropdown-menu > li > a:hover,<br />
.dropdown-menu > li > a:focus,<br />
.dropdown-submenu:hover > a,<br />
.dropdown-submenu:focus > a {<br />
color: #ffffff;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .active > a,<br />
.dropdown-menu > .active > a:hover,<br />
.dropdown-menu > .active > a:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: #2c85c4;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #297db7);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #297db7);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
outline: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.dropdown-menu > .disabled > a,<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
color: #999999;<br />
}<br />
<br />
.dropdown-menu > .disabled > a:hover,<br />
.dropdown-menu > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
background-image: none;<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.open {<br />
*z-index: 1000;<br />
}<br />
<br />
.open > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.pull-right > .dropdown-menu {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border-top: 0;<br />
border-bottom: 4px solid #000000;<br />
content: "";<br />
}<br />
<br />
.dropup .dropdown-menu,<br />
.navbar-fixed-bottom .dropdown .dropdown-menu {<br />
top: auto;<br />
bottom: 100%;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.dropdown-submenu {<br />
position: relative;<br />
}<br />
<br />
.dropdown-submenu > .dropdown-menu {<br />
top: 0;<br />
left: 100%;<br />
margin-top: -6px;<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 6px 6px 6px;<br />
-moz-border-radius: 0 6px 6px 6px;<br />
border-radius: 0 6px 6px 6px;<br />
}<br />
<br />
.dropdown-submenu:hover > .dropdown-menu {<br />
display: block;<br />
}<br />
<br />
.dropup .dropdown-submenu > .dropdown-menu {<br />
top: auto;<br />
bottom: 0;<br />
margin-top: 0;<br />
margin-bottom: -2px;<br />
-webkit-border-radius: 5px 5px 5px 0;<br />
-moz-border-radius: 5px 5px 5px 0;<br />
border-radius: 5px 5px 5px 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
display: block;<br />
float: right;<br />
width: 0;<br />
height: 0;<br />
margin-top: 5px;<br />
margin-right: -10px;<br />
border-color: transparent;<br />
border-left-color: #cccccc;<br />
border-style: solid;<br />
border-width: 5px 0 5px 5px;<br />
content: " ";<br />
}<br />
<br />
.dropdown-submenu:hover > a:after {<br />
border-left-color: #ffffff;<br />
}<br />
<br />
.dropdown-submenu.pull-left {<br />
float: none;<br />
}<br />
<br />
.dropdown-submenu.pull-left > .dropdown-menu {<br />
left: -100%;<br />
margin-left: 10px;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.dropdown .dropdown-menu .nav-header {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
<br />
.typeahead {<br />
z-index: 1051;<br />
margin-top: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.well {<br />
min-height: 20px;<br />
padding: 19px;<br />
margin-bottom: 20px;<br />
background-color: #f5f5f5;<br />
border: 1px solid #e3e3e3;<br />
}<br />
<br />
.well blockquote {<br />
border-color: #ddd;<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.well-large {<br />
padding: 24px;<br />
}<br />
<br />
.well-small {<br />
padding: 9px;<br />
}<br />
<br />
.fade {<br />
opacity: 0;<br />
-webkit-transition: opacity 0.15s linear;<br />
-moz-transition: opacity 0.15s linear;<br />
-o-transition: opacity 0.15s linear;<br />
transition: opacity 0.15s linear;<br />
}<br />
<br />
.fade.in {<br />
opacity: 1;<br />
}<br />
<br />
.collapse {<br />
position: relative;<br />
height: 0;<br />
overflow: hidden;<br />
-webkit-transition: height 0.35s ease;<br />
-moz-transition: height 0.35s ease;<br />
-o-transition: height 0.35s ease;<br />
transition: height 0.35s ease;<br />
}<br />
<br />
.collapse.in {<br />
height: auto;<br />
}<br />
<br />
.close {<br />
float: right;<br />
font-size: 20px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #000000;<br />
text-shadow: 0 1px 0 #ffffff;<br />
opacity: 0.2;<br />
filter: alpha(opacity=20);<br />
}<br />
<br />
.close:hover,<br />
.close:focus {<br />
color: #000000;<br />
text-decoration: none;<br />
cursor: pointer;<br />
opacity: 0.4;<br />
filter: alpha(opacity=40);<br />
}<br />
<br />
button.close {<br />
padding: 0;<br />
cursor: pointer;<br />
background: transparent;<br />
border: 0;<br />
-webkit-appearance: none;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
*display: inline;<br />
padding: 4px 12px;<br />
margin-bottom: 0;<br />
*margin-left: .3em;<br />
font-size: 14px;<br />
line-height: 20px;<br />
color: #333333;<br />
text-align: center;<br />
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);<br />
vertical-align: middle;<br />
cursor: pointer;<br />
background-color: #eeeeee;<br />
*background-color: #eeeeee;<br />
background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));<br />
background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);<br />
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #cccccc;<br />
*border: 0;<br />
border-color: #eeeeee #eeeeee #c8c8c8;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
border-bottom-color: #b3b3b3;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
color: #333333;<br />
background-color: #eeeeee;<br />
*background-color: #e1e1e1;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #d5d5d5 \9;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover,<br />
.btn:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
background-position: 0 -15px;<br />
-webkit-transition: background-position 0.1s linear;<br />
-moz-transition: background-position 0.1s linear;<br />
-o-transition: background-position 0.1s linear;<br />
transition: background-position 0.1s linear;<br />
}<br />
<br />
.btn:focus {<br />
outline: thin dotted #333;<br />
outline: 5px auto -webkit-focus-ring-color;<br />
outline-offset: -2px;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-image: none;<br />
outline: 0;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
cursor: default;<br />
background-image: none;<br />
opacity: 0.65;<br />
filter: alpha(opacity=65);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-large {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-large [class^="icon-"],<br />
.btn-large [class*=" icon-"] {<br />
margin-top: 4px;<br />
}<br />
<br />
.btn-small {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-small [class^="icon-"],<br />
.btn-small [class*=" icon-"] {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-mini [class^="icon-"],<br />
.btn-mini [class*=" icon-"] {<br />
margin-top: -1px;<br />
}<br />
<br />
.btn-mini {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-block {<br />
display: block;<br />
width: 100%;<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.btn-block + .btn-block {<br />
margin-top: 5px;<br />
}<br />
<br />
input[type="submit"].btn-block,<br />
input[type="reset"].btn-block,<br />
input[type="button"].btn-block {<br />
width: 100%;<br />
}<br />
<br />
.btn-primary.active,<br />
.btn-warning.active,<br />
.btn-danger.active,<br />
.btn-success.active,<br />
.btn-info.active,<br />
.btn-inverse.active {<br />
color: rgba(255, 255, 255, 0.75);<br />
}<br />
<br />
.btn-primary {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #2e7bcc;<br />
*background-color: #2e63cc;<br />
background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc));<br />
background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc);<br />
background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2e63cc #2e63cc #20458e;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:focus,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
color: #ffffff;<br />
background-color: #2e63cc;<br />
*background-color: #2959b7;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #254fa2 \9;<br />
}<br />
<br />
.btn-warning {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #f5a932;<br />
*background-color: #f09609;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #f09609 #f09609 #a66806;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:focus,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
*background-color: #d78708;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #bf7707 \9;<br />
}<br />
<br />
.btn-danger {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #da4f49;<br />
*background-color: #bd362f;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #bd362f #bd362f #802420;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:focus,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
color: #ffffff;<br />
background-color: #bd362f;<br />
*background-color: #a9302a;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25 \9;<br />
}<br />
<br />
.btn-success {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #5bb75b;<br />
*background-color: #51a351;<br />
background-image: -moz-linear-gradient(top, #62c462, #51a351);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));<br />
background-image: -webkit-linear-gradient(top, #62c462, #51a351);<br />
background-image: -o-linear-gradient(top, #62c462, #51a351);<br />
background-image: linear-gradient(to bottom, #62c462, #51a351);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #51a351 #51a351 #387038;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:focus,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
color: #ffffff;<br />
background-color: #51a351;<br />
*background-color: #499249;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140 \9;<br />
}<br />
<br />
.btn-info {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #49afcd;<br />
*background-color: #2f96b4;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);<br />
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #2f96b4 #2f96b4 #1f6377;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:focus,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
color: #ffffff;<br />
background-color: #2f96b4;<br />
*background-color: #2a85a0;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c \9;<br />
}<br />
<br />
.btn-inverse {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #414141;<br />
*background-color: #222222;<br />
background-image: -moz-linear-gradient(top, #555555, #222222);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));<br />
background-image: -webkit-linear-gradient(top, #555555, #222222);<br />
background-image: -o-linear-gradient(top, #555555, #222222);<br />
background-image: linear-gradient(to bottom, #555555, #222222);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #222222 #222222 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:focus,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
color: #ffffff;<br />
background-color: #222222;<br />
*background-color: #151515;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808 \9;<br />
}<br />
<br />
button.btn,<br />
input[type="submit"].btn {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn::-moz-focus-inner,<br />
input[type="submit"].btn::-moz-focus-inner {<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
button.btn.btn-large,<br />
input[type="submit"].btn.btn-large {<br />
*padding-top: 7px;<br />
*padding-bottom: 7px;<br />
}<br />
<br />
button.btn.btn-small,<br />
input[type="submit"].btn.btn-small {<br />
*padding-top: 3px;<br />
*padding-bottom: 3px;<br />
}<br />
<br />
button.btn.btn-mini,<br />
input[type="submit"].btn.btn-mini {<br />
*padding-top: 1px;<br />
*padding-bottom: 1px;<br />
}<br />
<br />
.btn-link,<br />
.btn-link:active,<br />
.btn-link[disabled] {<br />
background-color: transparent;<br />
background-image: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-link {<br />
color: #2e8bcc;<br />
cursor: pointer;<br />
border-color: transparent;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-link:hover,<br />
.btn-link:focus {<br />
color: #20608e;<br />
text-decoration: underline;<br />
background-color: transparent;<br />
}<br />
<br />
.btn-link[disabled]:hover,<br />
.btn-link[disabled]:focus {<br />
color: #333333;<br />
text-decoration: none;<br />
}<br />
<br />
.btn-group {<br />
position: relative;<br />
display: inline-block;<br />
*display: inline;<br />
*margin-left: .3em;<br />
font-size: 0;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn-group + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-toolbar {<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.btn-toolbar > .btn + .btn,<br />
.btn-toolbar > .btn-group + .btn,<br />
.btn-toolbar > .btn + .btn-group {<br />
margin-left: 5px;<br />
}<br />
<br />
.btn-group > .btn {<br />
position: relative;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group > .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.btn-group > .btn,<br />
.btn-group > .dropdown-menu,<br />
.btn-group > .popover {<br />
font-size: 14px;<br />
}<br />
<br />
.btn-group > .btn-mini {<br />
font-size: 10.5px;<br />
}<br />
<br />
.btn-group > .btn-small {<br />
font-size: 11.9px;<br />
}<br />
<br />
.btn-group > .btn-large {<br />
font-size: 17.5px;<br />
}<br />
<br />
.btn-group > .btn:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn.large:first-child {<br />
margin-left: 0;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.btn-group > .btn.large:last-child,<br />
.btn-group > .large.dropdown-toggle {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.btn-group > .btn:hover,<br />
.btn-group > .btn:focus,<br />
.btn-group > .btn:active,<br />
.btn-group > .btn.active {<br />
z-index: 2;<br />
}<br />
<br />
.btn-group .dropdown-toggle:active,<br />
.btn-group.open .dropdown-toggle {<br />
outline: 0;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
*padding-top: 5px;<br />
padding-right: 8px;<br />
*padding-bottom: 5px;<br />
padding-left: 8px;<br />
-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);<br />
-webkit-box-shadow: none;<br />
-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);<br />
-moz-box-shadow: none;<br />
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);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
*padding-top: 2px;<br />
padding-right: 5px;<br />
*padding-bottom: 2px;<br />
padding-left: 5px;<br />
}<br />
<br />
.btn-group > .btn-small + .dropdown-toggle {<br />
*padding-top: 5px;<br />
*padding-bottom: 4px;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
*padding-top: 7px;<br />
padding-right: 12px;<br />
*padding-bottom: 7px;<br />
padding-left: 12px;<br />
}<br />
<br />
.btn-group.open .dropdown-toggle {<br />
background-image: none;<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group.open .btn.dropdown-toggle {<br />
background-color: #eeeeee;<br />
}<br />
<br />
.btn-group.open .btn-primary.dropdown-toggle {<br />
background-color: #2e63cc;<br />
}<br />
<br />
.btn-group.open .btn-warning.dropdown-toggle {<br />
background-color: #f09609;<br />
}<br />
<br />
.btn-group.open .btn-danger.dropdown-toggle {<br />
background-color: #bd362f;<br />
}<br />
<br />
.btn-group.open .btn-success.dropdown-toggle {<br />
background-color: #51a351;<br />
}<br />
<br />
.btn-group.open .btn-info.dropdown-toggle {<br />
background-color: #2f96b4;<br />
}<br />
<br />
.btn-group.open .btn-inverse.dropdown-toggle {<br />
background-color: #222222;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 8px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
margin-top: 6px;<br />
}<br />
<br />
.btn-large .caret {<br />
border-top-width: 5px;<br />
border-right-width: 5px;<br />
border-left-width: 5px;<br />
}<br />
<br />
.btn-mini .caret,<br />
.btn-small .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border-bottom-width: 5px;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.btn-group-vertical {<br />
display: inline-block;<br />
*display: inline;<br />
/* IE7 inline-block hack */<br />
<br />
*zoom: 1;<br />
}<br />
<br />
.btn-group-vertical > .btn {<br />
display: block;<br />
float: none;<br />
max-width: 100%;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn + .btn {<br />
margin-top: -1px;<br />
margin-left: 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:first-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.btn-group-vertical > .btn-large:last-child {<br />
-webkit-border-radius: 0 0 0 0;<br />
-moz-border-radius: 0 0 0 0;<br />
border-radius: 0 0 0 0;<br />
}<br />
<br />
.alert {<br />
padding: 8px 35px 8px 14px;<br />
margin-bottom: 20px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
background-color: #f09609;<br />
border: 1px solid #e16908;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.alert,<br />
.alert h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert h4 {<br />
margin: 0;<br />
}<br />
<br />
.alert .close {<br />
position: relative;<br />
top: -2px;<br />
right: -21px;<br />
line-height: 20px;<br />
}<br />
<br />
.alert-success {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
border-color: #018a01;<br />
}<br />
<br />
.alert-success h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-danger,<br />
.alert-error {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
border-color: #af1a5c;<br />
}<br />
<br />
.alert-danger h4,<br />
.alert-error h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-info {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
border-color: #119be9;<br />
}<br />
<br />
.alert-info h4 {<br />
color: #ffffff;<br />
}<br />
<br />
.alert-block {<br />
padding-top: 14px;<br />
padding-bottom: 14px;<br />
}<br />
<br />
.alert-block > p,<br />
.alert-block > ul {<br />
margin-bottom: 0;<br />
}<br />
<br />
.alert-block p + p {<br />
margin-top: 5px;<br />
}<br />
<br />
.nav {<br />
margin-bottom: 20px;<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.nav > li > a {<br />
display: block;<br />
}<br />
<br />
.nav > li > a:hover,<br />
.nav > li > a:focus {<br />
text-decoration: none;<br />
background-color: #eeeeee;<br />
}<br />
<br />
.nav > li > a > img {<br />
max-width: none;<br />
}<br />
<br />
.nav > .pull-right {<br />
float: right;<br />
}<br />
<br />
.nav-header {<br />
display: block;<br />
padding: 3px 15px;<br />
font-size: 11px;<br />
font-weight: bold;<br />
line-height: 20px;<br />
color: #999999;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
text-transform: uppercase;<br />
}<br />
<br />
.nav li + .nav-header {<br />
margin-top: 9px;<br />
}<br />
<br />
.nav-list {<br />
padding-right: 15px;<br />
padding-left: 15px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-list > li > a,<br />
.nav-list .nav-header {<br />
margin-right: -15px;<br />
margin-left: -15px;<br />
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />
}<br />
<br />
.nav-list > li > a {<br />
padding: 3px 15px;<br />
}<br />
<br />
.nav-list > .active > a,<br />
.nav-list > .active > a:hover,<br />
.nav-list > .active > a:focus {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-list [class^="icon-"],<br />
.nav-list [class*=" icon-"] {<br />
margin-right: 2px;<br />
}<br />
<br />
.nav-list .divider {<br />
*width: 100%;<br />
height: 1px;<br />
margin: 9px 1px;<br />
*margin: -5px 0 5px;<br />
overflow: hidden;<br />
background-color: #e5e5e5;<br />
border-bottom: 1px solid #ffffff;<br />
}<br />
<br />
.nav-tabs,<br />
.nav-pills {<br />
*zoom: 1;<br />
}<br />
<br />
.nav-tabs:before,<br />
.nav-pills:before,<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.nav-tabs:after,<br />
.nav-pills:after {<br />
clear: both;<br />
}<br />
<br />
.nav-tabs > li,<br />
.nav-pills > li {<br />
float: left;<br />
}<br />
<br />
.nav-tabs > li > a,<br />
.nav-pills > li > a {<br />
padding-right: 12px;<br />
padding-left: 12px;<br />
margin-right: 2px;<br />
line-height: 14px;<br />
}<br />
<br />
.nav-tabs {<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
.nav-tabs > li {<br />
margin-bottom: -1px;<br />
}<br />
<br />
.nav-tabs > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
line-height: 20px;<br />
border: 1px solid transparent;<br />
-webkit-border-radius: 4px 4px 0 0;<br />
-moz-border-radius: 4px 4px 0 0;<br />
border-radius: 4px 4px 0 0;<br />
}<br />
<br />
.nav-tabs > li > a:hover,<br />
.nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.nav-tabs > .active > a,<br />
.nav-tabs > .active > a:hover,<br />
.nav-tabs > .active > a:focus {<br />
color: #555555;<br />
cursor: default;<br />
background-color: #ffffff;<br />
border: 1px solid #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.nav-pills > li > a {<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.nav-pills > .active > a,<br />
.nav-pills > .active > a:hover,<br />
.nav-pills > .active > a:focus {<br />
color: #ffffff;<br />
background-color: #2e8bcc;<br />
}<br />
<br />
.nav-stacked > li {<br />
float: none;<br />
}<br />
<br />
.nav-stacked > li > a {<br />
margin-right: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked {<br />
border-bottom: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a {<br />
-webkit-border-top-right-radius: 4px;<br />
border-top-right-radius: 4px;<br />
-webkit-border-top-left-radius: 4px;<br />
border-top-left-radius: 4px;<br />
-moz-border-radius-topright: 4px;<br />
-moz-border-radius-topleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-bottom-right-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
-webkit-border-bottom-left-radius: 4px;<br />
border-bottom-left-radius: 4px;<br />
-moz-border-radius-bottomright: 4px;<br />
-moz-border-radius-bottomleft: 4px;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li > a:hover,<br />
.nav-tabs.nav-stacked > li > a:focus {<br />
z-index: 2;<br />
border-color: #ddd;<br />
}<br />
<br />
.nav-pills.nav-stacked > li > a {<br />
margin-bottom: 3px;<br />
}<br />
<br />
.nav-pills.nav-stacked > li:last-child > a {<br />
margin-bottom: 1px;<br />
}<br />
<br />
.nav-tabs .dropdown-menu {<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
}<br />
<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 6px;<br />
border-top-color: #2e8bcc;<br />
border-bottom-color: #2e8bcc;<br />
}<br />
<br />
.nav .dropdown-toggle:hover .caret,<br />
.nav .dropdown-toggle:focus .caret {<br />
border-top-color: #20608e;<br />
border-bottom-color: #20608e;<br />
}<br />
<br />
/* move down carets for tabs */<br />
<br />
.nav-tabs .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.nav .active .dropdown-toggle .caret {<br />
border-top-color: #fff;<br />
border-bottom-color: #fff;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.nav > .dropdown.active > a:hover,<br />
.nav > .dropdown.active > a:focus {<br />
cursor: pointer;<br />
}<br />
<br />
.nav-tabs .open .dropdown-toggle,<br />
.nav-pills .open .dropdown-toggle,<br />
.nav > li.dropdown.open.active > a:hover,<br />
.nav > li.dropdown.open.active > a:focus {<br />
color: #ffffff;<br />
background-color: #999999;<br />
border-color: #999999;<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret,<br />
.nav li.dropdown.open a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.tabs-stacked .open > a:hover,<br />
.tabs-stacked .open > a:focus {<br />
border-color: #999999;<br />
}<br />
<br />
.tabbable {<br />
*zoom: 1;<br />
}<br />
<br />
.tabbable:before,<br />
.tabbable:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.tabbable:after {<br />
clear: both;<br />
}<br />
<br />
.tab-content {<br />
overflow: auto;<br />
}<br />
<br />
.tabs-below > .nav-tabs,<br />
.tabs-right > .nav-tabs,<br />
.tabs-left > .nav-tabs {<br />
border-bottom: 0;<br />
}<br />
<br />
.tab-content > .tab-pane,<br />
.pill-content > .pill-pane {<br />
display: none;<br />
}<br />
<br />
.tab-content > .active,<br />
.pill-content > .active {<br />
display: block;<br />
}<br />
<br />
.tabs-below > .nav-tabs {<br />
border-top: 1px solid #ddd;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li {<br />
margin-top: -1px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0 0 4px 4px;<br />
-moz-border-radius: 0 0 4px 4px;<br />
border-radius: 0 0 4px 4px;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a:hover,<br />
.tabs-below > .nav-tabs > li > a:focus {<br />
border-top-color: #ddd;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
.tabs-below > .nav-tabs > .active > a,<br />
.tabs-below > .nav-tabs > .active > a:hover,<br />
.tabs-below > .nav-tabs > .active > a:focus {<br />
border-color: transparent #ddd #ddd #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li,<br />
.tabs-right > .nav-tabs > li {<br />
float: none;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
min-width: 74px;<br />
margin-right: 0;<br />
margin-bottom: 3px;<br />
}<br />
<br />
.tabs-left > .nav-tabs {<br />
float: left;<br />
margin-right: 19px;<br />
border-right: 1px solid #ddd;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a {<br />
margin-right: -1px;<br />
-webkit-border-radius: 4px 0 0 4px;<br />
-moz-border-radius: 4px 0 0 4px;<br />
border-radius: 4px 0 0 4px;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a:hover,<br />
.tabs-left > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #dddddd #eeeeee #eeeeee;<br />
}<br />
<br />
.tabs-left > .nav-tabs .active > a,<br />
.tabs-left > .nav-tabs .active > a:hover,<br />
.tabs-left > .nav-tabs .active > a:focus {<br />
border-color: #ddd transparent #ddd #ddd;<br />
*border-right-color: #ffffff;<br />
}<br />
<br />
.tabs-right > .nav-tabs {<br />
float: right;<br />
margin-left: 19px;<br />
border-left: 1px solid #ddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a {<br />
margin-left: -1px;<br />
-webkit-border-radius: 0 4px 4px 0;<br />
-moz-border-radius: 0 4px 4px 0;<br />
border-radius: 0 4px 4px 0;<br />
}<br />
<br />
.tabs-right > .nav-tabs > li > a:hover,<br />
.tabs-right > .nav-tabs > li > a:focus {<br />
border-color: #eeeeee #eeeeee #eeeeee #dddddd;<br />
}<br />
<br />
.tabs-right > .nav-tabs .active > a,<br />
.tabs-right > .nav-tabs .active > a:hover,<br />
.tabs-right > .nav-tabs .active > a:focus {<br />
border-color: #ddd #ddd #ddd transparent;<br />
*border-left-color: #ffffff;<br />
}<br />
<br />
.nav > .disabled > a {<br />
color: #999999;<br />
}<br />
<br />
.nav > .disabled > a:hover,<br />
.nav > .disabled > a:focus {<br />
text-decoration: none;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar {<br />
*position: relative;<br />
*z-index: 2;<br />
margin-bottom: 20px;<br />
overflow: visible;<br />
}<br />
<br />
.navbar-inner {<br />
min-height: 40px;<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
background-color: #fafafa;<br />
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));<br />
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);<br />
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border: 1px solid #d4d4d4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inner:before,<br />
.navbar-inner:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-inner:after {<br />
clear: both;<br />
}<br />
<br />
.navbar .container {<br />
width: auto;<br />
}<br />
<br />
.nav-collapse.collapse {<br />
height: auto;<br />
overflow: visible;<br />
}<br />
<br />
.navbar .brand {<br />
display: block;<br />
float: left;<br />
padding: 10px 20px 10px;<br />
margin-left: -20px;<br />
font-size: 20px;<br />
font-weight: 200;<br />
color: #777777;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .brand:hover,<br />
.navbar .brand:focus {<br />
text-decoration: none;<br />
}<br />
<br />
.navbar-text {<br />
margin-bottom: 0;<br />
line-height: 40px;<br />
color: #777777;<br />
}<br />
<br />
.navbar-link {<br />
color: #777777;<br />
}<br />
<br />
.navbar-link:hover,<br />
.navbar-link:focus {<br />
color: #333333;<br />
}<br />
<br />
.navbar .divider-vertical {<br />
height: 40px;<br />
margin: 0 9px;<br />
border-right: 1px solid #ffffff;<br />
border-left: 1px solid #f2f2f2;<br />
}<br />
<br />
.navbar .btn,<br />
.navbar .btn-group {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar .btn-group .btn,<br />
.navbar .input-prepend .btn,<br />
.navbar .input-append .btn,<br />
.navbar .input-prepend .btn-group,<br />
.navbar .input-append .btn-group {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-form {<br />
margin-bottom: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.navbar-form:before,<br />
.navbar-form:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.navbar-form:after {<br />
clear: both;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .radio,<br />
.navbar-form .checkbox {<br />
margin-top: 5px;<br />
}<br />
<br />
.navbar-form input,<br />
.navbar-form select,<br />
.navbar-form .btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-form input[type="image"],<br />
.navbar-form input[type="checkbox"],<br />
.navbar-form input[type="radio"] {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar-form .input-append,<br />
.navbar-form .input-prepend {<br />
margin-top: 5px;<br />
white-space: nowrap;<br />
}<br />
<br />
.navbar-form .input-append input,<br />
.navbar-form .input-prepend input {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search {<br />
position: relative;<br />
float: left;<br />
margin-top: 5px;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
padding: 4px 14px;<br />
margin-bottom: 0;<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-size: 13px;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.navbar-static-top {<br />
position: static;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-static-top .navbar-inner {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: fixed;<br />
right: 0;<br />
left: 0;<br />
z-index: 1030;<br />
margin-bottom: 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
border-width: 0 0 1px;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
border-width: 1px 0 0;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding-right: 0;<br />
padding-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 940px;<br />
}<br />
<br />
.navbar-fixed-top {<br />
top: 0px;<br />
}<br />
<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-static-top .navbar-inner {<br />
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-fixed-bottom {<br />
bottom: 0;<br />
}<br />
<br />
.navbar-fixed-bottom .navbar-inner {<br />
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav {<br />
position: relative;<br />
left: 0;<br />
display: block;<br />
float: left;<br />
margin: 0 10px 0 0;<br />
}<br />
<br />
.navbar .nav.pull-right {<br />
float: right;<br />
margin-right: 0;<br />
}<br />
<br />
.navbar .nav > li {<br />
float: left;<br />
}<br />
<br />
.navbar .nav > li > a {<br />
float: none;<br />
padding: 10px 15px 10px;<br />
color: #777777;<br />
text-decoration: none;<br />
text-shadow: 0 1px 0 #ffffff;<br />
}<br />
<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 8px;<br />
}<br />
<br />
.navbar .nav > li > a:focus,<br />
.navbar .nav > li > a:hover {<br />
color: #333333;<br />
text-decoration: none;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
color: #555555;<br />
text-decoration: none;<br />
background-color: #e5e5e5;<br />
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
display: none;<br />
float: right;<br />
padding: 7px 10px;<br />
margin-right: 5px;<br />
margin-left: 5px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #ededed;<br />
*background-color: #e5e5e5;<br />
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));<br />
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);<br />
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #e5e5e5 #e5e5e5 #bfbfbf;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar:hover,<br />
.navbar .btn-navbar:focus,<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active,<br />
.navbar .btn-navbar.disabled,<br />
.navbar .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #e5e5e5;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.navbar .btn-navbar:active,<br />
.navbar .btn-navbar.active {<br />
background-color: #cccccc \9;<br />
}<br />
<br />
.navbar .btn-navbar .icon-bar {<br />
display: block;<br />
width: 18px;<br />
height: 2px;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px;<br />
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.btn-navbar .icon-bar + .icon-bar {<br />
margin-top: 3px;<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:before {<br />
position: absolute;<br />
top: -7px;<br />
left: 9px;<br />
display: inline-block;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-left: 7px solid transparent;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
content: '';<br />
}<br />
<br />
.navbar .nav > li > .dropdown-menu:after {<br />
position: absolute;<br />
top: -6px;<br />
left: 10px;<br />
display: inline-block;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
border-left: 6px solid transparent;<br />
content: '';<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {<br />
top: auto;<br />
bottom: -7px;<br />
border-top: 7px solid #ccc;<br />
border-bottom: 0;<br />
border-top-color: rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {<br />
top: auto;<br />
bottom: -6px;<br />
border-top: 6px solid #ffffff;<br />
border-bottom: 0;<br />
}<br />
<br />
.navbar .nav li.dropdown > a:hover .caret,<br />
.navbar .nav li.dropdown > a:focus .caret {<br />
border-top-color: #333333;<br />
border-bottom-color: #333333;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #555555;<br />
background-color: #e5e5e5;<br />
}<br />
<br />
.navbar .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #777777;<br />
border-bottom-color: #777777;<br />
}<br />
<br />
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #555555;<br />
border-bottom-color: #555555;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:before,<br />
.navbar .nav > li > .dropdown-menu.pull-right:before {<br />
right: 12px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu:after,<br />
.navbar .nav > li > .dropdown-menu.pull-right:after {<br />
right: 13px;<br />
left: auto;<br />
}<br />
<br />
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,<br />
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {<br />
right: 100%;<br />
left: auto;<br />
margin-right: -1px;<br />
margin-left: 0;<br />
-webkit-border-radius: 6px 0 6px 6px;<br />
-moz-border-radius: 6px 0 6px 6px;<br />
border-radius: 6px 0 6px 6px;<br />
}<br />
<br />
.navbar-inverse .navbar-inner {<br />
background-color: #1b1b1b;<br />
background-image: -moz-linear-gradient(top, #222222, #111111);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));<br />
background-image: -webkit-linear-gradient(top, #222222, #111111);<br />
background-image: -o-linear-gradient(top, #222222, #111111);<br />
background-image: linear-gradient(to bottom, #222222, #111111);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #252525;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .brand,<br />
.navbar-inverse .nav > li > a {<br />
color: #999999;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
<br />
.navbar-inverse .brand:hover,<br />
.navbar-inverse .nav > li > a:hover,<br />
.navbar-inverse .brand:focus,<br />
.navbar-inverse .nav > li > a:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .brand {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-text {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav > li > a:focus,<br />
.navbar-inverse .nav > li > a:hover {<br />
color: #ffffff;<br />
background-color: transparent;<br />
}<br />
<br />
.navbar-inverse .nav .active > a,<br />
.navbar-inverse .nav .active > a:hover,<br />
.navbar-inverse .nav .active > a:focus {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .navbar-link {<br />
color: #999999;<br />
}<br />
<br />
.navbar-inverse .navbar-link:hover,<br />
.navbar-inverse .navbar-link:focus {<br />
color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .divider-vertical {<br />
border-right-color: #222222;<br />
border-left-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {<br />
color: #ffffff;<br />
background-color: #111111;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > a:hover .caret,<br />
.navbar-inverse .nav li.dropdown > a:focus .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {<br />
border-top-color: #999999;<br />
border-bottom-color: #999999;<br />
}<br />
<br />
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,<br />
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {<br />
border-top-color: #ffffff;<br />
border-bottom-color: #ffffff;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query {<br />
color: #ffffff;<br />
background-color: #515151;<br />
border-color: #111111;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);<br />
box-shadow: none;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-moz-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {<br />
color: #cccccc;<br />
}<br />
<br />
.navbar-inverse .navbar-search .search-query:focus,<br />
.navbar-inverse .navbar-search .search-query.focused {<br />
padding: 5px 15px;<br />
color: #333333;<br />
text-shadow: 0 1px 0 #ffffff;<br />
background-color: #ffffff;<br />
border: 0;<br />
outline: 0;<br />
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.navbar-inverse .btn-navbar {<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e0e0e;<br />
*background-color: #040404;<br />
background-image: -moz-linear-gradient(top, #151515, #040404);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));<br />
background-image: -webkit-linear-gradient(top, #151515, #040404);<br />
background-image: -o-linear-gradient(top, #151515, #040404);<br />
background-image: linear-gradient(to bottom, #151515, #040404);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
border-color: #040404 #040404 #000000;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.navbar-inverse .btn-navbar:hover,<br />
.navbar-inverse .btn-navbar:focus,<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active,<br />
.navbar-inverse .btn-navbar.disabled,<br />
.navbar-inverse .btn-navbar[disabled] {<br />
color: #ffffff;<br />
background-color: #040404;<br />
*background-color: #000000;<br />
}<br />
<br />
.navbar-inverse .btn-navbar:active,<br />
.navbar-inverse .btn-navbar.active {<br />
background-color: #000000 \9;<br />
}<br />
<br />
.breadcrumb {<br />
padding: 8px 15px;<br />
margin: 0 0 20px;<br />
list-style: none;<br />
background-color: #f5f5f5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.breadcrumb > li {<br />
display: inline-block;<br />
*display: inline;<br />
text-shadow: 0 1px 0 #ffffff;<br />
*zoom: 1;<br />
}<br />
<br />
.breadcrumb > li > .divider {<br />
padding: 0 5px;<br />
color: #ccc;<br />
}<br />
<br />
.breadcrumb > .active {<br />
color: #999999;<br />
}<br />
<br />
.pagination {<br />
margin: 20px 0;<br />
}<br />
<br />
.pagination ul {<br />
display: inline-block;<br />
*display: inline;<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
*zoom: 1;<br />
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);<br />
box-shadow: none;<br />
}<br />
<br />
.pagination ul > li {<br />
display: inline;<br />
}<br />
<br />
.pagination ul > li > a,<br />
.pagination ul > li > span {<br />
float: left;<br />
padding: 4px 12px;<br />
line-height: 20px;<br />
text-decoration: none;<br />
background-color: #ffffff;<br />
border: 1px solid #dddddd;<br />
border-left-width: 0;<br />
}<br />
<br />
.pagination ul > li > a:hover,<br />
.pagination ul > li > a:focus,<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pagination ul > .active > a,<br />
.pagination ul > .active > span {<br />
color: #999999;<br />
cursor: default;<br />
}<br />
<br />
.pagination ul > .disabled > span,<br />
.pagination ul > .disabled > a,<br />
.pagination ul > .disabled > a:hover,<br />
.pagination ul > .disabled > a:focus {<br />
color: #999999;<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
<br />
.pagination ul > li:first-child > a,<br />
.pagination ul > li:first-child > span {<br />
border-left-width: 1px;<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination ul > li:last-child > a,<br />
.pagination ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-centered {<br />
text-align: center;<br />
}<br />
<br />
.pagination-right {<br />
text-align: right;<br />
}<br />
<br />
.pagination-large ul > li > a,<br />
.pagination-large ul > li > span {<br />
padding: 11px 19px;<br />
font-size: 17.5px;<br />
}<br />
<br />
.pagination-large ul > li:first-child > a,<br />
.pagination-large ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-large ul > li:last-child > a,<br />
.pagination-large ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-mini ul > li:first-child > a,<br />
.pagination-small ul > li:first-child > a,<br />
.pagination-mini ul > li:first-child > span,<br />
.pagination-small ul > li:first-child > span {<br />
-webkit-border-bottom-left-radius: 0;<br />
border-bottom-left-radius: 0;<br />
-webkit-border-top-left-radius: 0;<br />
border-top-left-radius: 0;<br />
-moz-border-radius-bottomleft: 0;<br />
-moz-border-radius-topleft: 0;<br />
}<br />
<br />
.pagination-mini ul > li:last-child > a,<br />
.pagination-small ul > li:last-child > a,<br />
.pagination-mini ul > li:last-child > span,<br />
.pagination-small ul > li:last-child > span {<br />
-webkit-border-top-right-radius: 0;<br />
border-top-right-radius: 0;<br />
-webkit-border-bottom-right-radius: 0;<br />
border-bottom-right-radius: 0;<br />
-moz-border-radius-topright: 0;<br />
-moz-border-radius-bottomright: 0;<br />
}<br />
<br />
.pagination-small ul > li > a,<br />
.pagination-small ul > li > span {<br />
padding: 2px 10px;<br />
font-size: 11.9px;<br />
}<br />
<br />
.pagination-mini ul > li > a,<br />
.pagination-mini ul > li > span {<br />
padding: 0 6px;<br />
font-size: 10.5px;<br />
}<br />
<br />
.pager {<br />
margin: 20px 0;<br />
text-align: center;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.pager:before,<br />
.pager:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.pager:after {<br />
clear: both;<br />
}<br />
<br />
.pager li {<br />
display: inline;<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
display: inline-block;<br />
padding: 5px 14px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 15px;<br />
-moz-border-radius: 15px;<br />
border-radius: 15px;<br />
}<br />
<br />
.pager li > a:hover,<br />
.pager li > a:focus {<br />
text-decoration: none;<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.pager .next > a,<br />
.pager .next > span {<br />
float: right;<br />
}<br />
<br />
.pager .previous > a,<br />
.pager .previous > span {<br />
float: left;<br />
}<br />
<br />
.pager .disabled > a,<br />
.pager .disabled > a:hover,<br />
.pager .disabled > a:focus,<br />
.pager .disabled > span {<br />
color: #999999;<br />
cursor: default;<br />
background-color: #fff;<br />
}<br />
<br />
.modal-backdrop {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
z-index: 1040;<br />
background-color: #000000;<br />
}<br />
<br />
.modal-backdrop.fade {<br />
opacity: 0;<br />
}<br />
<br />
.modal-backdrop,<br />
.modal-backdrop.fade.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.modal {<br />
position: fixed;<br />
top: 10%;<br />
left: 50%;<br />
z-index: 1050;<br />
width: 560px;<br />
margin-left: -280px;<br />
background-color: #ffffff;<br />
border: 1px solid #999;<br />
border: 1px solid rgba(0, 0, 0, 0.3);<br />
*border: 1px solid #999;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
outline: none;<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding-box;<br />
background-clip: padding-box;<br />
}<br />
<br />
.modal.fade {<br />
top: -25%;<br />
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
-o-transition: opacity 0.3s linear, top 0.3s ease-out;<br />
transition: opacity 0.3s linear, top 0.3s ease-out;<br />
}<br />
<br />
.modal.fade.in {<br />
top: 10%;<br />
}<br />
<br />
.modal-header {<br />
padding: 9px 15px;<br />
border-bottom: 1px solid #eee;<br />
}<br />
<br />
.modal-header .close {<br />
margin-top: 2px;<br />
}<br />
<br />
.modal-header h3 {<br />
margin: 0;<br />
line-height: 30px;<br />
}<br />
<br />
.modal-body {<br />
position: relative;<br />
max-height: 400px;<br />
padding: 15px;<br />
overflow-y: auto;<br />
}<br />
<br />
.modal-form {<br />
margin-bottom: 0;<br />
}<br />
<br />
.modal-footer {<br />
padding: 14px 15px 15px;<br />
margin-bottom: 0;<br />
text-align: right;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #ddd;<br />
-webkit-border-radius: 0 0 6px 6px;<br />
-moz-border-radius: 0 0 6px 6px;<br />
border-radius: 0 0 6px 6px;<br />
*zoom: 1;<br />
-webkit-box-shadow: inset 0 1px 0 #ffffff;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 0 #ffffff;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 0 #ffffff;<br />
box-shadow: none;<br />
}<br />
<br />
.modal-footer:before,<br />
.modal-footer:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.modal-footer:after {<br />
clear: both;<br />
}<br />
<br />
.modal-footer .btn + .btn {<br />
margin-bottom: 0;<br />
margin-left: 5px;<br />
}<br />
<br />
.modal-footer .btn-group .btn + .btn {<br />
margin-left: -1px;<br />
}<br />
<br />
.modal-footer .btn-block + .btn-block {<br />
margin-left: 0;<br />
}<br />
<br />
.tooltip {<br />
position: absolute;<br />
z-index: 1030;<br />
display: block;<br />
font-size: 11px;<br />
line-height: 1.4;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
visibility: visible;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 0.8;<br />
filter: alpha(opacity=80);<br />
}<br />
<br />
.tooltip.top {<br />
padding: 5px 0;<br />
margin-top: -3px;<br />
}<br />
<br />
.tooltip.right {<br />
padding: 0 5px;<br />
margin-left: 3px;<br />
}<br />
<br />
.tooltip.bottom {<br />
padding: 5px 0;<br />
margin-top: 3px;<br />
}<br />
<br />
.tooltip.left {<br />
padding: 0 5px;<br />
margin-left: -3px;<br />
}<br />
<br />
.tooltip-inner {<br />
max-width: 200px;<br />
padding: 8px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-decoration: none;<br />
background-color: #000000;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tooltip-arrow {<br />
position: absolute;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.tooltip.top .tooltip-arrow {<br />
bottom: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-top-color: #000000;<br />
border-width: 5px 5px 0;<br />
}<br />
<br />
.tooltip.right .tooltip-arrow {<br />
top: 50%;<br />
left: 0;<br />
margin-top: -5px;<br />
border-right-color: #000000;<br />
border-width: 5px 5px 5px 0;<br />
}<br />
<br />
.tooltip.left .tooltip-arrow {<br />
top: 50%;<br />
right: 0;<br />
margin-top: -5px;<br />
border-left-color: #000000;<br />
border-width: 5px 0 5px 5px;<br />
}<br />
<br />
.tooltip.bottom .tooltip-arrow {<br />
top: 0;<br />
left: 50%;<br />
margin-left: -5px;<br />
border-bottom-color: #000000;<br />
border-width: 0 5px 5px;<br />
}<br />
<br />
.popover {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1010;<br />
display: none;<br />
max-width: 276px;<br />
padding: 1px;<br />
text-align: left;<br />
white-space: normal;<br />
background-color: #ffffff;<br />
border: 1px solid #ccc;<br />
border: 1px solid rgba(0, 0, 0, 0.2);<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);<br />
box-shadow: none;<br />
-webkit-background-clip: padding-box;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.popover.top {<br />
margin-top: -10px;<br />
}<br />
<br />
.popover.right {<br />
margin-left: 10px;<br />
}<br />
<br />
.popover.bottom {<br />
margin-top: 10px;<br />
}<br />
<br />
.popover.left {<br />
margin-left: -10px;<br />
}<br />
<br />
.popover-title {<br />
padding: 8px 14px;<br />
margin: 0;<br />
font-size: 14px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
background-color: #f7f7f7;<br />
border-bottom: 1px solid #ebebeb;<br />
-webkit-border-radius: 5px 5px 0 0;<br />
-moz-border-radius: 5px 5px 0 0;<br />
border-radius: 5px 5px 0 0;<br />
}<br />
<br />
.popover-title:empty {<br />
display: none;<br />
}<br />
<br />
.popover-content {<br />
padding: 9px 14px;<br />
}<br />
<br />
.popover .arrow,<br />
.popover .arrow:after {<br />
position: absolute;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-color: transparent;<br />
border-style: solid;<br />
}<br />
<br />
.popover .arrow {<br />
border-width: 11px;<br />
}<br />
<br />
.popover .arrow:after {<br />
border-width: 10px;<br />
content: "";<br />
}<br />
<br />
.popover.top .arrow {<br />
bottom: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-top-color: #999;<br />
border-top-color: rgba(0, 0, 0, 0.25);<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.top .arrow:after {<br />
bottom: 1px;<br />
margin-left: -10px;<br />
border-top-color: #ffffff;<br />
border-bottom-width: 0;<br />
}<br />
<br />
.popover.right .arrow {<br />
top: 50%;<br />
left: -11px;<br />
margin-top: -11px;<br />
border-right-color: #999;<br />
border-right-color: rgba(0, 0, 0, 0.25);<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.right .arrow:after {<br />
bottom: -10px;<br />
left: 1px;<br />
border-right-color: #ffffff;<br />
border-left-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow {<br />
top: -11px;<br />
left: 50%;<br />
margin-left: -11px;<br />
border-bottom-color: #999;<br />
border-bottom-color: rgba(0, 0, 0, 0.25);<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.bottom .arrow:after {<br />
top: 1px;<br />
margin-left: -10px;<br />
border-bottom-color: #ffffff;<br />
border-top-width: 0;<br />
}<br />
<br />
.popover.left .arrow {<br />
top: 50%;<br />
right: -11px;<br />
margin-top: -11px;<br />
border-left-color: #999;<br />
border-left-color: rgba(0, 0, 0, 0.25);<br />
border-right-width: 0;<br />
}<br />
<br />
.popover.left .arrow:after {<br />
right: 1px;<br />
bottom: -10px;<br />
border-left-color: #ffffff;<br />
border-right-width: 0;<br />
}<br />
<br />
.thumbnails {<br />
margin-left: -20px;<br />
list-style: none;<br />
*zoom: 1;<br />
}<br />
<br />
.thumbnails:before,<br />
.thumbnails:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.thumbnails:after {<br />
clear: both;<br />
}<br />
<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
<br />
.thumbnails > li {<br />
float: left;<br />
margin-bottom: 20px;<br />
margin-left: 20px;<br />
}<br />
<br />
.thumbnail {<br />
display: block;<br />
padding: 4px;<br />
line-height: 20px;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);<br />
box-shadow: none;<br />
-webkit-transition: all 0.2s ease-in-out;<br />
-moz-transition: all 0.2s ease-in-out;<br />
-o-transition: all 0.2s ease-in-out;<br />
transition: all 0.2s ease-in-out;<br />
}<br />
<br />
a.thumbnail:hover,<br />
a.thumbnail:focus {<br />
border-color: #2e8bcc;<br />
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
-moz-box-shadow: none;<br />
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);<br />
box-shadow: none;<br />
}<br />
<br />
.thumbnail > img {<br />
display: block;<br />
max-width: 100%;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}<br />
<br />
.thumbnail .caption {<br />
padding: 9px;<br />
color: #555555;<br />
}<br />
<br />
.media,<br />
.media-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.media,<br />
.media .media {<br />
margin-top: 15px;<br />
}<br />
<br />
.media:first-child {<br />
margin-top: 0;<br />
}<br />
<br />
.media-object {<br />
display: block;<br />
}<br />
<br />
.media-heading {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.media > .pull-left {<br />
margin-right: 10px;<br />
}<br />
<br />
.media > .pull-right {<br />
margin-left: 10px;<br />
}<br />
<br />
.media-list {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
<br />
.label,<br />
.badge {<br />
display: inline-block;<br />
padding: 2px 4px;<br />
font-size: 11.844px;<br />
font-weight: bold;<br />
line-height: 14px;<br />
color: #ffffff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
white-space: nowrap;<br />
vertical-align: baseline;<br />
background-color: #999999;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
<br />
.badge {<br />
padding-right: 9px;<br />
padding-left: 9px;<br />
-webkit-border-radius: 9px;<br />
-moz-border-radius: 9px;<br />
border-radius: 9px;<br />
}<br />
<br />
.label:empty,<br />
.badge:empty {<br />
display: none;<br />
}<br />
<br />
a.label:hover,<br />
a.label:focus,<br />
a.badge:hover,<br />
a.badge:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
cursor: pointer;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #ffffff;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
background-color: #e6e6e6;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
.btn .label,<br />
.btn .badge {<br />
position: relative;<br />
top: -1px;<br />
}<br />
<br />
.btn-mini .label,<br />
.btn-mini .badge {<br />
top: 0;<br />
}<br />
<br />
@-webkit-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-moz-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-ms-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
@-o-keyframes progress-bar-stripes {<br />
from {<br />
background-position: 0 0;<br />
}<br />
to {<br />
background-position: 40px 0;<br />
}<br />
}<br />
<br />
@keyframes progress-bar-stripes {<br />
from {<br />
background-position: 40px 0;<br />
}<br />
to {<br />
background-position: 0 0;<br />
}<br />
}<br />
<br />
.progress {<br />
height: 20px;<br />
margin-bottom: 20px;<br />
overflow: hidden;<br />
background-color: #f7f7f7;<br />
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));<br />
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);<br />
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);<br />
box-shadow: none;<br />
}<br />
<br />
.progress .bar {<br />
float: left;<br />
width: 0;<br />
height: 100%;<br />
font-size: 12px;<br />
color: #ffffff;<br />
text-align: center;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
background-color: #0e90d2;<br />
background-image: -moz-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));<br />
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);<br />
background-image: -o-linear-gradient(top, #149bdf, #0480be);<br />
background-image: linear-gradient(to bottom, #149bdf, #0480be);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-transition: width 0.6s ease;<br />
-moz-transition: width 0.6s ease;<br />
-o-transition: width 0.6s ease;<br />
transition: width 0.6s ease;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);<br />
box-shadow: none;<br />
}<br />
<br />
.progress-striped .bar {<br />
background-color: #149bdf;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
-webkit-background-size: 40px 40px;<br />
-moz-background-size: 40px 40px;<br />
-o-background-size: 40px 40px;<br />
background-size: 40px 40px;<br />
}<br />
<br />
.progress.active .bar {<br />
-webkit-animation: progress-bar-stripes 2s linear infinite;<br />
-moz-animation: progress-bar-stripes 2s linear infinite;<br />
-ms-animation: progress-bar-stripes 2s linear infinite;<br />
-o-animation: progress-bar-stripes 2s linear infinite;<br />
animation: progress-bar-stripes 2s linear infinite;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger {<br />
background-color: #dd514c;<br />
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));<br />
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);<br />
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger {<br />
background-color: #ee5f5b;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-success .bar,<br />
.progress .bar-success {<br />
background-color: #5eb95e;<br />
background-image: -moz-linear-gradient(top, #62c462, #57a957);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));<br />
background-image: -webkit-linear-gradient(top, #62c462, #57a957);<br />
background-image: -o-linear-gradient(top, #62c462, #57a957);<br />
background-image: linear-gradient(to bottom, #62c462, #57a957);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success {<br />
background-color: #62c462;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-info .bar,<br />
.progress .bar-info {<br />
background-color: #4bb1cf;<br />
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));<br />
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);<br />
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info {<br />
background-color: #5bc0de;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.progress-warning .bar,<br />
.progress .bar-warning {<br />
background-color: #f5a932;<br />
background-image: -moz-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609));<br />
background-image: -webkit-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: -o-linear-gradient(top, #f8b64d, #f09609);<br />
background-image: linear-gradient(to bottom, #f8b64d, #f09609);<br />
background-image: none;<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
}<br />
<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-color: #f8b64d;<br />
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));<br />
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);<br />
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);<br />
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);<br />
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);<br />
background-image: none;<br />
}<br />
<br />
.accordion {<br />
margin-bottom: 20px;<br />
}<br />
<br />
.accordion-group {<br />
margin-bottom: 2px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.accordion-heading {<br />
border-bottom: 0;<br />
}<br />
<br />
.accordion-heading .accordion-toggle {<br />
display: block;<br />
padding: 8px 15px;<br />
}<br />
<br />
.accordion-toggle {<br />
cursor: pointer;<br />
}<br />
<br />
.accordion-inner {<br />
padding: 9px 15px;<br />
border-top: 1px solid #e5e5e5;<br />
}<br />
<br />
.carousel {<br />
position: relative;<br />
margin-bottom: 20px;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.carousel-inner > .item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.6s ease-in-out left;<br />
-moz-transition: 0.6s ease-in-out left;<br />
-o-transition: 0.6s ease-in-out left;<br />
transition: 0.6s ease-in-out left;<br />
}<br />
<br />
.carousel-inner > .item > img,<br />
.carousel-inner > .item > a > img {<br />
display: block;<br />
line-height: 1;<br />
}<br />
<br />
.carousel-inner > .active,<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
display: block;<br />
}<br />
<br />
.carousel-inner > .active {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .next,<br />
.carousel-inner > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.carousel-inner > .next {<br />
left: 100%;<br />
}<br />
<br />
.carousel-inner > .prev {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .next.left,<br />
.carousel-inner > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.carousel-inner > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.carousel-inner > .active.right {<br />
left: 100%;<br />
}<br />
<br />
.carousel-control {<br />
position: absolute;<br />
top: 40%;<br />
left: 15px;<br />
width: 40px;<br />
height: 40px;<br />
margin-top: -20px;<br />
font-size: 60px;<br />
font-weight: 100;<br />
line-height: 30px;<br />
color: #ffffff;<br />
text-align: center;<br />
background: #222222;<br />
border: 3px solid #ffffff;<br />
-webkit-border-radius: 23px;<br />
-moz-border-radius: 23px;<br />
border-radius: 23px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
}<br />
<br />
.carousel-control.right {<br />
right: 15px;<br />
left: auto;<br />
}<br />
<br />
.carousel-control:hover,<br />
.carousel-control:focus {<br />
color: #ffffff;<br />
text-decoration: none;<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel-indicators {<br />
position: absolute;<br />
top: 15px;<br />
right: 15px;<br />
z-index: 5;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
.carousel-indicators li {<br />
display: block;<br />
float: left;<br />
width: 10px;<br />
height: 10px;<br />
margin-left: 5px;<br />
text-indent: -999px;<br />
background-color: #ccc;<br />
background-color: rgba(255, 255, 255, 0.25);<br />
border-radius: 5px;<br />
}<br />
<br />
.carousel-indicators .active {<br />
background-color: #fff;<br />
}<br />
<br />
.carousel-caption {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
padding: 15px;<br />
background: #333333;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
.carousel-caption h4,<br />
.carousel-caption p {<br />
line-height: 20px;<br />
color: #ffffff;<br />
}<br />
<br />
.carousel-caption h4 {<br />
margin: 0 0 5px;<br />
}<br />
<br />
.carousel-caption p {<br />
margin-bottom: 0;<br />
}<br />
<br />
.hero-unit {<br />
padding: 60px;<br />
margin-bottom: 30px;<br />
font-size: 18px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
color: inherit;<br />
background-color: #eeeeee;<br />
-webkit-border-radius: 6px;<br />
-moz-border-radius: 6px;<br />
border-radius: 6px;<br />
}<br />
<br />
.hero-unit h1 {<br />
margin-bottom: 0;<br />
font-size: 60px;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
color: inherit;<br />
}<br />
<br />
.hero-unit li {<br />
line-height: 30px;<br />
}<br />
<br />
.pull-right {<br />
float: right;<br />
}<br />
<br />
.pull-left {<br />
float: left;<br />
}<br />
<br />
.hide {<br />
display: none;<br />
}<br />
<br />
.show {<br />
display: block;<br />
}<br />
<br />
.invisible {<br />
visibility: hidden;<br />
}<br />
<br />
.affix {<br />
position: fixed;<br />
}<br />
<br />
body {<br />
position: relative;<br />
font-weight: 300;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
}<br />
<br />
/*<br />
No border on images when in a link.<br />
*/<br />
<br />
img {<br />
border-style: none;<br />
}<br />
<br />
#top-info {<br />
display: block;<br />
}<br />
<br />
#top-info > a {<br />
padding: 0;<br />
}<br />
<br />
#header-container {<br />
display: inline-block;<br />
margin-left: 50px;<br />
vertical-align: top;<br />
}<br />
<br />
header h1 {<br />
display: inline;<br />
}<br />
<br />
#nav-bar {<br />
position: relative;<br />
display: block;<br />
height: auto;<br />
padding-top: 24px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
.row-fluid .hide {<br />
display: none;<br />
}<br />
<br />
.form-actions {<br />
background-color: inherit;<br />
}<br />
<br />
.label {<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
input,<br />
button,<br />
select,<br />
textarea {<br />
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;<br />
font-weight: 300;<br />
line-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
textarea {<br />
width: 260px;<br />
height: auto;<br />
min-width: 260px;<br />
min-height: 39px;<br />
padding: 4px 4px 4px 8px;<br />
overflow-y: scroll;<br />
word-wrap: break-word;<br />
}<br />
<br />
input[type=text],<br />
input[type=password],<br />
input[type=email],<br />
input[type=number],<br />
input[type=tel],<br />
input[type=url],<br />
input[type=search],<br />
textarea {<br />
min-width: 64px;<br />
min-height: 28px;<br />
font-weight: 400;<br />
line-height: 1.3636;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
.input-prepend .add-on,<br />
.input-append .add-on {<br />
height: 16px;<br />
line-height: 15px;<br />
}<br />
<br />
.input-prepend .btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.input-prepend .add-on:first-child,<br />
.input-prepend .btn:first-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 0 2px 2px;<br />
}<br />
<br />
.input-append .add-on:last-child,<br />
.input-append .btn:last-child {<br />
border: 2px solid #cccccc;<br />
border-width: 2px 2px 2px 0;<br />
}<br />
<br />
.input-prepend.input-append .add-on:first-child,<br />
.input-prepend.input-append .btn:first-child {<br />
margin-right: -1px;<br />
}<br />
<br />
.input-append .btn {<br />
height: 28px;<br />
min-height: 28px;<br />
}<br />
<br />
.radio.inline,<br />
.checkbox.inline {<br />
padding-top: 0;<br />
}<br />
<br />
/*<br />
Select control.<br />
*/<br />
<br />
select {<br />
min-width: 80px;<br />
min-height: 24px;<br />
padding: 2px;<br />
border-style: solid;<br />
border-width: 2px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Range control.<br />
*/<br />
<br />
input[type=range] {<br />
width: 280px;<br />
height: auto;<br />
padding: 17px 0 32px 0;<br />
}<br />
<br />
input.search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-prepend .btn {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn,<br />
.form-search .input-append input[type="submit"].btn {<br />
padding-right: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-append button[type="submit"].btn .icon-search,<br />
.form-search .input-append input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-append .search-query {<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-append .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-append .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn,<br />
.form-search .input-prepend input[type="submit"].btn {<br />
padding-left: 2px;<br />
color: #333333;<br />
background-color: transparent;<br />
border-right: 0;<br />
}<br />
<br />
.form-search .input-prepend button[type="submit"].btn .icon-search,<br />
.form-search .input-prepend input[type="submit"].btn .icon-search {<br />
font-size: 18px;<br />
line-height: 18px;<br />
}<br />
<br />
.form-search .input-prepend .search-query {<br />
border-left: 0;<br />
}<br />
<br />
.form-search .input-prepend .search-query:focus + button[type="submit"].btn,<br />
.form-search .input-prepend .search-query:focus + input[type="submit"].btn {<br />
border-color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
.control-group.warning .control-label,<br />
.control-group.warning .help-block,<br />
.control-group.warning .help-inline {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning .checkbox,<br />
.control-group.warning .radio,<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
color: #f09609;<br />
}<br />
<br />
.control-group.warning input,<br />
.control-group.warning select,<br />
.control-group.warning textarea {<br />
border-color: #f09609;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning input:focus,<br />
.control-group.warning select:focus,<br />
.control-group.warning textarea:focus {<br />
border-color: #bf7707;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.warning .input-prepend .add-on,<br />
.control-group.warning .input-append .add-on {<br />
color: #f09609;<br />
background-color: #f09609;<br />
border-color: #f09609;<br />
}<br />
<br />
.control-group.error .control-label,<br />
.control-group.error .help-block,<br />
.control-group.error .help-inline {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error .checkbox,<br />
.control-group.error .radio,<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
color: #bc1c48;<br />
}<br />
<br />
.control-group.error input,<br />
.control-group.error select,<br />
.control-group.error textarea {<br />
border-color: #bc1c48;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error input:focus,<br />
.control-group.error select:focus,<br />
.control-group.error textarea:focus {<br />
border-color: #901537;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.error .input-prepend .add-on,<br />
.control-group.error .input-append .add-on {<br />
color: #bc1c48;<br />
background-color: #bc1c48;<br />
border-color: #bc1c48;<br />
}<br />
<br />
.control-group.success .control-label,<br />
.control-group.success .help-block,<br />
.control-group.success .help-inline {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success .checkbox,<br />
.control-group.success .radio,<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
color: #01a31c;<br />
}<br />
<br />
.control-group.success input,<br />
.control-group.success select,<br />
.control-group.success textarea {<br />
border-color: #01a31c;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success input:focus,<br />
.control-group.success select:focus,<br />
.control-group.success textarea:focus {<br />
border-color: #017013;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.success .input-prepend .add-on,<br />
.control-group.success .input-append .add-on {<br />
color: #01a31c;<br />
background-color: #01a31c;<br />
border-color: #01a31c;<br />
}<br />
<br />
.control-group.info .control-label,<br />
.control-group.info .help-block,<br />
.control-group.info .help-inline {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info .checkbox,<br />
.control-group.info .radio,<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
color: #2d89f0;<br />
}<br />
<br />
.control-group.info input,<br />
.control-group.info select,<br />
.control-group.info textarea {<br />
border-color: #2d89f0;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info input:focus,<br />
.control-group.info select:focus,<br />
.control-group.info textarea:focus {<br />
border-color: #106fda;<br />
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
-moz-box-shadow: none;<br />
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7;<br />
box-shadow: none;<br />
}<br />
<br />
.control-group.info .input-prepend .add-on,<br />
.control-group.info .input-append .add-on {<br />
color: #2d89f0;<br />
background-color: #2d89f0;<br />
border-color: #2d89f0;<br />
}<br />
<br />
/* Metro Radio button<br />
-------------------------------------------------- */<br />
<br />
/*<br />
NOTE:<br />
Originally the following rules used the adjacent sibling selector '+ span'<br />
but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following<br />
the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a<br />
custom class to the span.<br />
Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7.<br />
*/<br />
<br />
.controls > .radio:first-child,<br />
.controls > .checkbox:first-child {<br />
padding-top: 0;<br />
}<br />
<br />
label.radio,<br />
label.checkbox {<br />
position: relative;<br />
padding-left: 0;<br />
cursor: pointer;<br />
}<br />
<br />
input[type=radio],<br />
input[type=radio] ~ span.metro-radio,<br />
input[type=radio] ~ span.metro-radio::before,<br />
input[type=radio] ~ span.metro-radio::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
input[type=radio] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
input[type=radio] ~ span.metro-radio::before {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: 10px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #FFF;<br />
border: 2px solid #BABABA;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:checked ~ span.metro-radio::after {<br />
position: absolute;<br />
top: 8px;<br />
left: 6px;<br />
z-index: 999;<br />
width: 12px;<br />
height: 12px;<br />
font-family: 'IcoMoon';<br />
text-indent: -9999px;<br />
background: #000;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
content: "\e10b";<br />
}<br />
<br />
input[type=radio]:not(:checked):disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::before,<br />
input[type=radio]:disabled ~ span.metro-radio::after {<br />
cursor: default;<br />
background: #868686;<br />
}<br />
<br />
/* Metro Checkbox<br />
-------------------------------------------------- */<br />
<br />
label.checkbox input[type=checkbox],<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::before,<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
label.checkbox input[type=checkbox] {<br />
position: absolute;<br />
opacity: 0;<br />
filter: alpha(opacity=0);<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox {<br />
padding-top: 4px;<br />
padding-left: 36px;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
color: #202020;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\e379";<br />
}<br />
<br />
label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
position: absolute;<br />
top: 2px;<br />
left: 0;<br />
z-index: 999;<br />
width: 18px;<br />
height: 18px;<br />
font-family: 'IcoMoon';<br />
font-size: 16px;<br />
background-color: #FFF;<br />
border: 2px solid #BABABA;<br />
content: "\2003";<br />
}<br />
<br />
label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after,<br />
label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after,<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
cursor: default;<br />
background: #BABABA;<br />
}<br />
<br />
label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after {<br />
color: #4c4c4c;<br />
}<br />
<br />
/* RTL support<br />
-------------------------------------------------- */<br />
<br />
[dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox,<br />
[dir="rtl"] input[type="radio"] ~ span.metro-radio {<br />
padding-right: 36px;<br />
padding-left: 0;<br />
}<br />
<br />
[dir="rtl"] input[type=radio] ~ span.metro-radio::before {<br />
right: -10px;<br />
}<br />
<br />
[dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after {<br />
right: 6px;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
[dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
right: 0;<br />
}<br />
<br />
.table thead {<br />
border-bottom: 1px solid #cccccc;<br />
}<br />
<br />
.table th {<br />
font-size: 9pt;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
}<br />
<br />
.table th,<br />
.table td {<br />
border-top: 0;<br />
}<br />
<br />
.table-bordered th,<br />
.table-bordered td {<br />
border-top: 1px solid #cccccc;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:first-child,<br />
.table-bordered tbody:first-child tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:first-child tr:first-child th:last-child,<br />
.table-bordered tbody:first-child tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:first-child,<br />
.table-bordered tbody:last-child tr:last-child td:first-child,<br />
.table-bordered tfoot:last-child tr:last-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered thead:last-child tr:last-child th:last-child,<br />
.table-bordered tbody:last-child tr:last-child td:last-child,<br />
.table-bordered tfoot:last-child tr:last-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:first-child,<br />
.table-bordered caption + tbody tr:first-child td:first-child,<br />
.table-bordered colgroup + thead tr:first-child th:first-child,<br />
.table-bordered colgroup + tbody tr:first-child td:first-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table-bordered caption + thead tr:first-child th:last-child,<br />
.table-bordered caption + tbody tr:first-child td:last-child,<br />
.table-bordered colgroup + thead tr:first-child th:last-child,<br />
.table-bordered colgroup + tbody tr:first-child td:last-child {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.table tbody tr.success td {<br />
color: #ffffff;<br />
background-color: #01a31c;<br />
}<br />
<br />
.table tbody tr.error td {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.table tbody tr.warning td {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.table tbody tr.info td {<br />
color: #ffffff;<br />
background-color: #2d89f0;<br />
}<br />
<br />
.table-hover tbody tr:hover td,<br />
.table-hover tbody tr:hover th {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
.table-cell-hover tbody tr td:hover,<br />
.table-cell-hover tbody tr th:hover {<br />
background-color: #f5f5f5;<br />
}<br />
<br />
/* CheckBox cells */<br />
<br />
table td label.checkbox,<br />
table th label.checkbox {<br />
width: 24px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after,<br />
table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after {<br />
top: 0;<br />
left: 0;<br />
width: 16px;<br />
height: 16px;<br />
font-size: 14px;<br />
}<br />
<br />
/*<br />
Dropdown submenu<br />
*/<br />
<br />
.dropdown .caret {<br />
margin: 0;<br />
}<br />
<br />
.caret:after {<br />
content: "\e12c";<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret {<br />
margin-top: 6px;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle:hover .caret,<br />
.nav-pills .dropdown-toggle:hover .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .active .dropdown-toggle .caret,<br />
.nav-pills .active .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-toggle .caret,<br />
.nav-pills .dropdown-toggle .caret {<br />
margin: 0;<br />
border: 0;<br />
}<br />
<br />
.dropdown-menu li > a:hover,<br />
.dropdown-menu li > a:focus,<br />
.dropdown-submenu:hover > a {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn-mini .caret {<br />
margin-top: 5px;<br />
}<br />
<br />
.dropdown-menu .active > a,<br />
.dropdown-menu .active > a:hover {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.btn .caret {<br />
margin-top: 4px;<br />
}<br />
<br />
.dropup .caret:after {<br />
content: "\e131";<br />
}<br />
<br />
.dropup .btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
a.header-dropdown .caret {<br />
width: auto;<br />
height: 24px;<br />
font-size: 24px;<br />
font-weight: 200;<br />
line-height: 30px;<br />
vertical-align: middle;<br />
}<br />
<br />
.btn-primary .caret,<br />
.btn-warning .caret,<br />
.btn-danger .caret,<br />
.btn-info .caret,<br />
.btn-success .caret,<br />
.btn-inverse .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-small .caret {<br />
margin: 0;<br />
}<br />
<br />
.dropdown-submenu > a:after {<br />
margin-top: 0;<br />
margin-right: -5px;<br />
font-family: 'IcoMoon';<br />
color: #CCC;<br />
border: 0;<br />
content: "\e12a";<br />
}<br />
<br />
.dropup .caret,<br />
.navbar-fixed-bottom .dropdown .caret {<br />
border: 0;<br />
content: "";<br />
}<br />
<br />
.nav li.dropdown.open .caret,<br />
.nav li.dropdown.open.active .caret,<br />
.nav li.dropdown.open a:hover .caret {<br />
border: 0;<br />
}<br />
<br />
.btn-large .caret {<br />
border: 0;<br />
}<br />
<br />
.dropdown:hover .caret,<br />
.open .caret {<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
}<br />
<br />
.caret {<br />
min-width: 14px;<br />
min-height: 18px;<br />
padding: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
font-family: 'IcoMoon';<br />
font-size: inherit;<br />
font-weight: normal;<br />
line-height: 1;<br />
text-indent: 0;<br />
cursor: default;<br />
cursor: pointer;<br />
border: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
vertical-position: bottom;<br />
}<br />
<br />
h1 {<br />
font-size: 40px;<br />
font-weight: 300;<br />
line-height: 48px;<br />
}<br />
<br />
h2 {<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
}<br />
<br />
h3 {<br />
font-size: 20px;<br />
font-weight: 600;<br />
line-height: 26px;<br />
}<br />
<br />
h4 {<br />
font-size: 15px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
}<br />
<br />
h5,<br />
legend {<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
h6,<br />
caption,<br />
figcaption,<br />
small {<br />
font-size: 11px;<br />
font-weight: 400;<br />
line-height: 11px;<br />
}<br />
<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6 {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
<br />
#header-container a.header-dropdown {<br />
font-size: 26px;<br />
font-weight: 200;<br />
line-height: 34px;<br />
text-decoration: none;<br />
}<br />
<br />
#header-container .dropdown-menu .divider {<br />
background-color: #717171;<br />
}<br />
<br />
#header-container .dropdown.open .dropdown-toggle {<br />
color: inherit;<br />
background: inherit;<br />
}<br />
<br />
#header-container h5 {<br />
font-size: 14px;<br />
}<br />
<br />
.text-warning {<br />
color: #f09609;<br />
}<br />
<br />
a.text-warning:hover,<br />
a.text-warning:focus {<br />
color: #bf7707;<br />
}<br />
<br />
.text-error {<br />
color: #bc1c48;<br />
}<br />
<br />
a.text-error:hover,<br />
a.text-error:focus {<br />
color: #901537;<br />
}<br />
<br />
.text-info {<br />
color: #2d89f0;<br />
}<br />
<br />
a.text-info:hover,<br />
a.text-info:focus {<br />
color: #106fda;<br />
}<br />
<br />
.text-success {<br />
color: #01a31c;<br />
}<br />
<br />
a.text-success:hover,<br />
a.text-success:focus {<br />
color: #017013;<br />
}<br />
<br />
dt,<br />
th {<br />
font-size: 16px;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
/* 20px when font-size is 11pt */<br />
<br />
}<br />
<br />
abbr,<br />
acronym,<br />
address,<br />
blockquote,<br />
cite,<br />
dl,<br />
dd,<br />
li,<br />
ol,<br />
p,<br />
q,<br />
td,<br />
tr {<br />
font-weight: 300;<br />
}<br />
<br />
blockquote {<br />
padding-top: 5px;<br />
padding-bottom: 5px;<br />
background-color: #eeeeee;<br />
border-left: 5px solid #0177db;<br />
}<br />
<br />
blockquote.pull-right {<br />
padding-left: 15px;<br />
border-right: 5px solid #0177db;<br />
}<br />
<br />
b,<br />
strong {<br />
font-weight: 600;<br />
}<br />
<br />
em {<br />
font-style: italic;<br />
}<br />
<br />
p {<br />
font-weight: 300;<br />
}<br />
<br />
/* Additional letter-spacing for the document and its controls.<br />
-------------------------------------------------- */<br />
<br />
body,<br />
button,<br />
input,<br />
textarea,<br />
select,<br />
option {<br />
letter-spacing: 0.02em;<br />
}<br />
<br />
.page-header {<br />
border-bottom: 0;<br />
}<br />
<br />
/*<br />
Button control.<br />
*/<br />
<br />
button,<br />
input[type=button],<br />
input[type=reset],<br />
input[type=submit] {<br />
padding: 4px 8px;<br />
margin-bottom: 0;<br />
font-weight: 600;<br />
line-height: 1.3636;<br />
border: 2px solid #cccccc;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
File upload control.<br />
*/<br />
<br />
input[type=file] {<br />
width: 340px;<br />
height: 32px;<br />
min-width: 100px;<br />
min-height: 20px;<br />
padding: 0;<br />
margin: 7px 8px 21px 8px;<br />
background-clip: padding-box;<br />
}<br />
<br />
/*<br />
Back button.<br />
*/<br />
<br />
.win-backbutton {<br />
display: inline-block;<br />
width: 38px;<br />
height: 38px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 20px;<br />
line-height: 38px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
.win-backbutton:before {<br />
font-family: 'IcoMoon';<br />
font-size: 22px;<br />
font-weight: normal;<br />
vertical-align: top;<br />
content: "\e41c";<br />
}<br />
<br />
.win-backbutton:disabled,<br />
.win-backbutton:disabled:active {<br />
visibility: hidden;<br />
background-clip: padding-box;<br />
}<br />
<br />
#nav-bar .win-backbutton {<br />
position: absolute;<br />
top: 30px;<br />
left: 0;<br />
}<br />
<br />
/*<br />
Command buttons.<br />
*/<br />
<br />
.win-command {<br />
display: inline-block;<br />
height: auto;<br />
margin: 0 5px;<br />
font-size: 9pt;<br />
font-weight: normal;<br />
line-height: 16px;<br />
letter-spacing: 0.02em;<br />
text-align: center;<br />
vertical-align: top;<br />
cursor: pointer;<br />
background: none;<br />
border: 0;<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button icons.<br />
*/<br />
<br />
.win-commandicon {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-size: 24px;<br />
line-height: 40px !important;<br />
}<br />
<br />
.win-commandimage {<br />
display: inline-block;<br />
width: 42px;<br />
height: 42px;<br />
letter-spacing: 0;<br />
vertical-align: middle;<br />
}<br />
<br />
/*<br />
Command button "ring".<br />
*/<br />
<br />
.win-commandring {<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
a:hover:active .win-commandring,<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button:hover:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-clip: border-box;<br />
}<br />
<br />
/*<br />
Command button labels.<br />
*/<br />
<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
position: relative;<br />
display: block;<br />
width: 100%;<br />
padding-right: 4px;<br />
padding-left: 4px;<br />
margin-top: 3px;<br />
overflow: hidden;<br />
line-height: 15px;<br />
word-break: keep-all;<br />
word-wrap: break-word;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
a.win-command,<br />
a.win-command:hover {<br />
text-decoration: none;<br />
}<br />
<br />
.win-command.win-command-large .win-commandicon {<br />
width: 60px;<br />
height: 60px;<br />
font-size: 40px;<br />
line-height: 60px !important;<br />
text-align: center;<br />
}<br />
<br />
.win-command.win-command-small .win-commandicon {<br />
width: 24px;<br />
height: 24px;<br />
font-size: 16px;<br />
line-height: 24px !important;<br />
}<br />
<br />
/*<br />
AppBarCommand separator.<br />
*/<br />
<br />
hr.win-command {<br />
display: inline-block;<br />
width: 1px;<br />
height: 40px;<br />
padding: 0;<br />
margin: 14px 29px 34px 30px;<br />
vertical-align: top;<br />
border: 0;<br />
}<br />
<br />
/*<br />
AppBar Edgy Container<br />
*/<br />
<br />
.win-appbar {<br />
position: fixed;<br />
left: 0;<br />
z-index: 1001;<br />
width: 100%;<br />
height: auto;<br />
border-width: 0;<br />
}<br />
<br />
/*<br />
AppBar control.<br />
*/<br />
<br />
.win-commandlayout {<br />
min-height: 88px;<br />
padding-left: 10px;<br />
font-size: 0;<br />
}<br />
<br />
.win-commandlayout .win-selection {<br />
float: left;<br />
}<br />
<br />
.win-commandlayout .win-command {<br />
padding: 12px 0;<br />
}<br />
<br />
.btn {<br />
line-height: 18px;<br />
}<br />
<br />
.btn.btn-link {<br />
color: #0088CC;<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
<br />
.btn.btn-link:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
-webkit-transition: none 0s ease 0s;<br />
-moz-transition: none 0s ease 0s;<br />
-o-transition: none 0s ease 0s;<br />
transition: none 0s ease 0s;<br />
}<br />
<br />
.btn-large.dropdown-toggle {<br />
padding-top: 2px;<br />
padding-bottom: 2px;<br />
}<br />
<br />
.btn-mini.dropdown-toggle {<br />
padding-top: 5px;<br />
}<br />
<br />
.btn-small {<br />
min-height: 20px;<br />
padding: 3px 9px;<br />
line-height: 16px;<br />
}<br />
<br />
.btn-primary,<br />
.btn-primary:hover,<br />
.btn-warning,<br />
.btn-warning:hover,<br />
.btn-danger,<br />
.btn-danger:hover,<br />
.btn-success,<br />
.btn-success:hover,<br />
.btn-info,<br />
.btn-info:hover,<br />
.btn-inverse,<br />
.btn-inverse:hover {<br />
text-shadow: none;<br />
}<br />
<br />
.btn.btn-warning,<br />
.btn.btn-danger,<br />
.btn.btn-success,<br />
.btn.btn-info,<br />
.btn.btn-inverse {<br />
color: #FFF;<br />
}<br />
<br />
.btn-group > .btn:first-child,<br />
.btn-group > .btn:last-child,<br />
.btn-group > .dropdown-toggle {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .btn + .dropdown-toggle {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn-group > .dropdown-toggle {<br />
min-width: 20px;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle {<br />
padding-top: 0;<br />
*padding-top: 0;<br />
padding-bottom: 0;<br />
*padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini + .dropdown-toggle .caret {<br />
margin-top: 2px;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle {<br />
padding-top: 0;<br />
padding-bottom: 0;<br />
}<br />
<br />
.btn-group > .btn-mini.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.btn-group > .btn-large + .dropdown-toggle {<br />
padding-top: 10px;<br />
*padding-top: 10px;<br />
padding-bottom: 8px;<br />
*padding-bottom: 8px;<br />
}<br />
<br />
.btn-group .btn.dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.notifications {<br />
position: fixed;<br />
}<br />
<br />
.notifications.top-right {<br />
top: 0;<br />
right: 0;<br />
}<br />
<br />
.notifications > div {<br />
position: relative;<br />
z-index: 1060;<br />
}<br />
<br />
.alert {<br />
position: relative;<br />
z-index: 1060;<br />
text-shadow: none;<br />
}<br />
<br />
.alert .close:hover {<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.alert .alert-heading {<br />
font-weight: 600;<br />
}<br />
<br />
.toast {<br />
position: relative;<br />
z-index: 1060;<br />
width: 400px;<br />
height: 90px;<br />
margin-top: 15px;<br />
margin-bottom: 10px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
background-color: #2e8bcc;<br />
border: 2px solid #54a2d9;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body {<br />
height: 64px;<br />
padding: 13px 60px 13px 15px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.toast-body p {<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast-object {<br />
display: block;<br />
}<br />
<br />
.toast-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.toast.toasttext01 p {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext02 p {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 h4 {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext03 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 h4 {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast.toasttext04 p {<br />
height: 20px;<br />
line-height: 20px;<br />
}<br />
<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
display: inline-block;<br />
width: 30px;<br />
height: 30px;<br />
min-width: 0;<br />
min-height: 0;<br />
font-family: 'IcoMoon';<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 12px;<br />
text-align: center;<br />
text-indent: 0;<br />
text-shadow: none;<br />
vertical-align: baseline;<br />
border: 0;<br />
opacity: 1;<br />
box-sizing: border-box;<br />
background-clip: border-box;<br />
}<br />
<br />
.toast .close:after,<br />
.modal .close:after,<br />
.alert .close:after {<br />
font-size: 14px;<br />
content: "\e37a";<br />
}<br />
<br />
.toast .close {<br />
display: none;<br />
}<br />
<br />
.toast:hover .close {<br />
display: inline-block;<br />
color: #FFF;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
}<br />
<br />
.nav-header {<br />
font-size: 14px;<br />
font-weight: 300;<br />
text-shadow: none;<br />
}<br />
<br />
.nav-pills > li > a,<br />
.nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs.nav-stacked > li:first-child > a,<br />
.nav-tabs.nav-stacked > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav-tabs .dropdown-menu,<br />
.nav-pills .dropdown-menu {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-below > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.tabs-left > .nav-tabs > li > a,<br />
.tabs-right > .nav-tabs > li > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
/* Nav: first level */<br />
<br />
.metro-nav-list {<br />
margin: 0 0 25px 0;<br />
}<br />
<br />
.metro-nav-list > li {<br />
position: relative;<br />
}<br />
<br />
.metro-nav-list > li > a {<br />
display: block;<br />
padding: 4px 25px;<br />
font-size: 18px;<br />
text-shadow: none;<br />
}<br />
<br />
.metro-nav-list > li > a:hover,<br />
.metro-nav-list > li > a:focus {<br />
color: #FFF;<br />
text-decoration: none;<br />
background-color: #0177db;<br />
}<br />
<br />
.metro-nav-list > .active > a,<br />
.metro-nav-list > .active:hover > a,<br />
.metro-nav-list > .active:focus > a {<br />
font-weight: 600;<br />
}<br />
<br />
/* Section headings for groups of links */<br />
<br />
.metro-nav-list > .nav-header {<br />
margin-top: 20px;<br />
margin-bottom: 5px;<br />
font-size: 14px;<br />
font-weight: 500;<br />
color: #333;<br />
}<br />
<br />
/* Nav: second level (shown on .active) */<br />
<br />
.metro-nav-list .nav {<br />
margin-bottom: 5px;<br />
}<br />
<br />
.metro-nav-list > .active > ul {<br />
display: block;<br />
}<br />
<br />
.metro-nav-list .nav > li > a {<br />
display: inline-block;<br />
padding-top: 2px;<br />
padding-left: 10px;<br />
margin-bottom: 2px;<br />
margin-left: 40px;<br />
font-size: 90%;<br />
border-left: 3px solid #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > li > a:hover {<br />
color: #FFF;<br />
background-color: #00BFF2;<br />
}<br />
<br />
.metro-nav-list .nav > .active > a,<br />
.metro-nav-list .nav > .active:hover > a,<br />
.metro-nav-list .nav > .active:focus > a {<br />
font-weight: 600;<br />
border-left: 3px solid #0177db;<br />
}<br />
<br />
/* Nav: third level (shown on .active) */<br />
<br />
.metro-nav-list .nav .nav {<br />
margin-left: 20px;<br />
}<br />
<br />
.navbar-inner {<br />
background-color: transparent;<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav > .active > a,<br />
.navbar .nav > .active > a:hover,<br />
.navbar .nav > .active > a:focus {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .btn-navbar {<br />
background-image: none;<br />
filter: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar .nav li.dropdown.open .caret,<br />
.navbar .nav .dropdown-toggle .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.navbar-search .search-query {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.navbar.metro-navbar .navbar-inner {<br />
height: 60px;<br />
min-height: 60px;<br />
background-color: #EEEEEE;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li {<br />
line-height: 40px;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li > a {<br />
margin-right: 4px;<br />
text-shadow: none;<br />
text-transform: uppercase;<br />
background-color: #DDD;<br />
}<br />
<br />
.navbar.metro-navbar .nav > li.active > a {<br />
background-color: #FFF;<br />
}<br />
<br />
.navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret,<br />
.navbar.metro-navbar .nav li.dropdown.open .caret {<br />
margin-top: 0;<br />
}<br />
<br />
.pager .next a:after {<br />
font-family: 'IcoMoon';<br />
content: "\e12a";<br />
}<br />
<br />
.pager .previous a:before {<br />
font-family: 'IcoMoon';<br />
content: "\e127";<br />
}<br />
<br />
.pager li > a,<br />
.pager li > span {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.pagination a:hover,<br />
.pagination .active a {<br />
background-color: #CCC;<br />
}<br />
<br />
.pagination .active a {<br />
color: #FFF;<br />
}<br />
<br />
.pagination ul {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal {<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal .close:hover {<br />
margin-top: 0;<br />
color: #FFF;<br />
background-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.modal.warning.fade.in {<br />
top: 0;<br />
}<br />
<br />
.modal.message.fade.in {<br />
top: 20%;<br />
}<br />
<br />
.modal-header {<br />
border: 0;<br />
}<br />
<br />
.modal.message,<br />
.modal.warning {<br />
left: 0;<br />
width: 60%;<br />
padding: 0 20%;<br />
margin: 0;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.modal.warning {<br />
width: 100%;<br />
padding: 0 1%;<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.modal.warning .modal-body {<br />
display: inline-block;<br />
width: 60%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal.warning .modal-footer {<br />
display: inline-block;<br />
width: 30%;<br />
vertical-align: top;<br />
}<br />
<br />
.modal-body {<br />
max-height: 300px;<br />
}<br />
<br />
.modal-footer {<br />
background-color: transparent;<br />
border: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.popover {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.popover-title {<br />
line-height: 1;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.popover-inner {<br />
overflow: hidden;<br />
}<br />
<br />
.tooltip.in {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
#content-filters {<br />
margin-top: 10px;<br />
}<br />
<br />
#content-filters .nav-pills > li > a {<br />
display: inline-block;<br />
padding-top: 8px;<br />
padding-bottom: 8px;<br />
margin-top: 2px;<br />
margin-bottom: 2px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
#content-filters .nav > li > a:hover {<br />
text-decoration: none;<br />
background-color: inherit;<br />
}<br />
<br />
#content-filters .nav-pills > .active > a,<br />
#content-filters .nav-pills > .active > a:hover {<br />
color: inherit;<br />
background-color: transparent;<br />
}<br />
<br />
#content-filters .nav-pills > .open > a,<br />
#content-filters .nav-pills > .open > a:hover {<br />
color: #FFF;<br />
background-color: #999;<br />
}<br />
<br />
#content-filters .nav-pills > li > span {<br />
display: inline-block;<br />
padding: 8px 0;<br />
margin: 1px 0;<br />
font-size: 13px;<br />
line-height: 15px;<br />
vertical-align: top;<br />
}<br />
<br />
#content-filters div {<br />
position: relative;<br />
}<br />
<br />
#content-filters a {<br />
font-size: 15px;<br />
}<br />
<br />
.label {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.badge {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.label-important,<br />
.badge-important {<br />
color: #ffffff;<br />
background-color: #bc1c48;<br />
}<br />
<br />
.label-important[href],<br />
.badge-important[href] {<br />
color: #ffffff;<br />
background-color: #901537;<br />
}<br />
<br />
.label-warning,<br />
.badge-warning {<br />
color: #ffffff;<br />
background-color: #f09609;<br />
}<br />
<br />
.label-warning[href],<br />
.badge-warning[href] {<br />
color: #ffffff;<br />
background-color: #bf7707;<br />
}<br />
<br />
.label-success,<br />
.badge-success {<br />
background-color: #01a31c;<br />
}<br />
<br />
.label-success[href],<br />
.badge-success[href] {<br />
color: #ffffff;<br />
background-color: #017013;<br />
}<br />
<br />
.label-info,<br />
.badge-info {<br />
background-color: #2d89f0;<br />
}<br />
<br />
.label-info[href],<br />
.badge-info[href] {<br />
color: #ffffff;<br />
background-color: #106fda;<br />
}<br />
<br />
.label-inverse,<br />
.badge-inverse {<br />
background-color: #333333;<br />
}<br />
<br />
.label-inverse[href],<br />
.badge-inverse[href] {<br />
background-color: #1a1a1a;<br />
}<br />
<br />
/*<br />
Progress control. */<br />
<br />
.progress {<br />
height: auto;<br />
background-image: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.progress .bar {<br />
height: 5px;<br />
}<br />
<br />
.progress.progress-indeterminate {<br />
height: auto;<br />
background-color: transparent;<br />
}<br />
<br />
.progress.progress-indeterminate .bar {<br />
position: static;<br />
display: block;<br />
width: 88px;<br />
height: 8px;<br />
margin: 4px auto;<br />
background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring {<br />
display: inline-block;<br />
width: 50px;<br />
height: 50px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .bar {<br />
background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0;<br />
}<br />
<br />
.win-ui-dark.progress.progress-indeterminate .win-ring.small {<br />
width: 24px;<br />
height: 24px;<br />
margin: 5px 10px;<br />
background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0;<br />
}<br />
<br />
.progress-danger .bar,<br />
.progress .bar-danger,<br />
.progress-danger.progress-striped .bar,<br />
.progress-striped .bar-danger,<br />
.progress-success .bar,<br />
.progress .bar-success,<br />
.progress-success.progress-striped .bar,<br />
.progress-striped .bar-success,<br />
.progress-info .bar,<br />
.progress .bar-info,<br />
.progress-info.progress-striped .bar,<br />
.progress-striped .bar-info,<br />
.progress-warning .bar,<br />
.progress .bar-warning,<br />
.progress-warning.progress-striped .bar,<br />
.progress-striped .bar-warning {<br />
background-image: none;<br />
filter: none;<br />
}<br />
<br />
.progress .bar + .bar {<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.carousel-control {<br />
font-family: "IcoMoon";<br />
font-size: 40px;<br />
line-height: 40px;<br />
border-width: 2px;<br />
}<br />
<br />
.carousel.flipview .carousel-control {<br />
left: 0;<br />
display: none;<br />
width: 60px;<br />
height: 40px;<br />
font-size: 20px;<br />
line-height: 40px;<br />
color: #000000;<br />
background: rgba(255, 255, 255, 0.6);<br />
border: 0;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
<br />
.carousel.flipview .carousel-control.right {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
.carousel.flipview .carousel-control:hover {<br />
opacity: 0.9;<br />
filter: alpha(opacity=90);<br />
}<br />
<br />
.carousel.flipview:hover .carousel-control {<br />
display: block;<br />
}<br />
<br />
.hero-unit {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
.bg-color-orange {<br />
background-color: #f09609 !important;<br />
}<br />
<br />
.bg-color-purple {<br />
background-color: #7b4f9d !important;<br />
}<br />
<br />
.bg-color-greenDark {<br />
background-color: #008641 !important;<br />
}<br />
<br />
.bg-color-blue {<br />
background-color: #2e8bcc !important;<br />
}<br />
<br />
.bg-color-red {<br />
background-color: #e51400 !important;<br />
}<br />
<br />
.bg-color-green {<br />
background-color: #339933 !important;<br />
}<br />
<br />
.bg-color-blueDark {<br />
background-color: #20608e !important;<br />
}<br />
<br />
.bg-color-yellow {<br />
background-color: #ffc40d !important;<br />
}<br />
<br />
.bg-color-pink {<br />
background-color: #e671b8 !important;<br />
}<br />
<br />
.bg-color-darken {<br />
background-color: #1c1c1c !important;<br />
}<br />
<br />
.bg-color-gray {<br />
background-color: #555555 !important;<br />
}<br />
<br />
.bg-color-grayLight {<br />
background-color: #999999 !important;<br />
}<br />
<br />
.metro {<br />
position: relative;<br />
}<br />
<br />
.tile-column {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.tile-column-span-1 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 162px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-2 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 324px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-3 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 480px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-4 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-5 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 640px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-6 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 800px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-7 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 960px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.tile-column-span-8 {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
width: 1120px;<br />
height: auto;<br />
margin-left: 0 !important;<br />
}<br />
<br />
.panorama {<br />
position: relative;<br />
width: 100%;<br />
margin: 0 40px;<br />
overflow: hidden;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.panorama.nohidden {<br />
width: auto;<br />
overflow: inherit;<br />
}<br />
<br />
.panorama .panorama-sections {<br />
position: relative;<br />
width: 10000px;<br />
height: auto;<br />
padding-bottom: 24px;<br />
overflow: hidden;<br />
}<br />
<br />
.panorama .panorama-sections h2 {<br />
margin-left: 5px;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section {<br />
position: relative;<br />
float: left;<br />
width: auto;<br />
height: auto;<br />
margin-right: 75px;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-1 {<br />
width: 160px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-2 {<br />
width: 320px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-3 {<br />
width: 480px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-4 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-5 {<br />
width: 640px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-6 {<br />
width: 800px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-7 {<br />
width: 960px;<br />
margin-left: 0;<br />
}<br />
<br />
.panorama .panorama-sections .panorama-section.tile-span-8 {<br />
width: 1120px;<br />
margin-left: 0;<br />
}<br />
<br />
.metro .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
border: 1px solid rgba(255, 255, 255, 0.3);<br />
-webkit-background-clip: padding;<br />
-moz-background-clip: padding;<br />
background-clip: padding-box;<br />
}<br />
<br />
.metro .tile.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.metro .tile.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.metro .tile.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.metro .tile .app-label,<br />
.metro .tile .label {<br />
position: absolute;<br />
bottom: 5px;<br />
left: 20px;<br />
font-size: 12px;<br />
}<br />
<br />
.metro .tile .app-count,<br />
.metro .tile .count {<br />
position: absolute;<br />
right: 20px;<br />
bottom: 5px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
}<br />
<br />
.metro .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro .tile .textover-wrapper {<br />
position: absolute;<br />
bottom: 0;<br />
height: 48px;<br />
padding: 2px 20px;<br />
background-color: inherit;<br />
}<br />
<br />
.metro .tile .textover-wrapper.transparent {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column3-text {<br />
display: block;<br />
float: left;<br />
width: 200px;<br />
}<br />
<br />
.metro .tile .column3-label {<br />
display: block;<br />
float: left;<br />
width: 50px;<br />
}<br />
<br />
.metro .tile .column2-text {<br />
display: block;<br />
float: left;<br />
width: 160px;<br />
}<br />
<br />
.metro .tile .column2-label {<br />
display: block;<br />
float: left;<br />
width: 90px;<br />
}<br />
<br />
.metro .tile .text2 {<br />
max-height: 44px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text3 {<br />
max-height: 56px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text4 {<br />
max-height: 72px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .column {<br />
display: block;<br />
float: left;<br />
width: 130px;<br />
}<br />
<br />
.metro .tile .text5 {<br />
max-height: 92px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile .text {<br />
height: 18px;<br />
overflow: hidden;<br />
font-size: 15px;<br />
font-weight: 300;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile:hover {<br />
outline: 3px #225a68 solid;<br />
}<br />
<br />
.metro .tile.app .image-wrapper {<br />
display: block;<br />
width: 150px;<br />
height: 80px;<br />
padding: 8px 0;<br />
margin-top: 20px;<br />
text-align: center;<br />
vertical-align: middle;<br />
}<br />
<br />
.metro .tile.app .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
margin: 0 auto;<br />
}<br />
<br />
.metro .tile.square.text {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.square.text .text-big {<br />
overflow: hidden;<br />
font-size: 76px;<br />
line-height: 76px;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.text.tilesquareblock .text {<br />
overflow: hidden;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: left;<br />
}<br />
<br />
.metro .tile.square.image {<br />
width: 150px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.square.image img {<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek {<br />
width: 150px;<br />
height: 312px;<br />
}<br />
<br />
.metro .tile.squarepeek img {<br />
width: 150px;<br />
height: 150px;<br />
max-width: 150px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.squarepeek .text-inner {<br />
width: 110px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.app {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.app .image-wrapper {<br />
width: 310px;<br />
}<br />
<br />
.metro .tile.wide.text {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
margin-left: 10px;<br />
}<br />
<br />
.metro .tile.wide.text .column-text-big .text-big {<br />
overflow: hidden;<br />
font-size: 74px;<br />
line-height: 60px;<br />
text-align: right;<br />
}<br />
<br />
.metro .tile.wide.text .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.imagetext {<br />
width: 270px;<br />
height: 110px;<br />
padding: 20px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
margin-right: 10px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .image-wrapper img {<br />
max-width: 80px;<br />
max-height: 80px;<br />
}<br />
<br />
.metro .tile.wide.imagetext .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
}<br />
<br />
.metro .tile.wide.image {<br />
width: 310px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image img {<br />
max-width: 310px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles {<br />
display: inline-block;<br />
float: left;<br />
width: 152px;<br />
height: 150px;<br />
}<br />
<br />
.metro .tile.wide.image .mini-tiles img {<br />
display: inline-block;<br />
float: left;<br />
max-width: 75px;<br />
max-height: 75px;<br />
border-left: 1px solid #2A2A2A;<br />
}<br />
<br />
.metro .tile.wide.imagetext.wideimage {<br />
width: 310px;<br />
height: 150px;<br />
padding: 0;<br />
}<br />
<br />
.metro .tile.wide.image.collection img {<br />
float: left;<br />
max-width: 158px;<br />
max-height: 150px;<br />
}<br />
<br />
.metro .tile.widepeek {<br />
width: 310px;<br />
height: 300px;<br />
}<br />
<br />
.metro .tile.widepeek .tile {<br />
margin: 0;<br />
}<br />
<br />
.metro .tile.widepeek .tile:hover {<br />
outline: 0;<br />
}<br />
<br />
.metro .tile.square .textover-wrapper,<br />
.metro .tile.squarepeek .textover-wrapper {<br />
width: 130px;<br />
}<br />
<br />
.metro .tile.wide .textover-wrapper,<br />
.metro .tile.widepeek .textover-wrapper {<br />
width: 270px;<br />
}<br />
<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
position: absolute;<br />
top: 96px;<br />
left: 4px;<br />
z-index: 1061;<br />
display: inline-block;<br />
width: 42px;<br />
width: 32px;<br />
height: 42px;<br />
height: 32px;<br />
min-width: 0;<br />
min-height: 0;<br />
padding: 0;<br />
font-family: 'icomoon';<br />
font-size: 24px;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 40px !important;<br />
line-height: 1;<br />
text-align: center;<br />
text-decoration: none;<br />
text-transform: none;<br />
background: none;<br />
border-style: solid;<br />
border-width: 2px;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
outline: 0;<br />
background-clip: border-box;<br />
font-variant: normal;<br />
}<br />
<br />
#panorama-scroll-next {<br />
right: 4px;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev:hover,<br />
#panorama-scroll-next:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
#panorama-scroll-prev:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a4";<br />
}<br />
<br />
#panorama-scroll-next:before {<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
content: "\e2a0";<br />
}<br />
<br />
#panorama-scroll-prev-bkg,<br />
#panorama-scroll-next-bkg {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 1060;<br />
display: block;<br />
width: 40px;<br />
height: 100%;<br />
background-color: transparent;<br />
}<br />
<br />
#panorama-scroll-next-bkg {<br />
right: 0;<br />
left: auto;<br />
}<br />
<br />
#panorama-scroll-prev-bkg:hover,<br />
#panorama-scroll-next-bkg:hover {<br />
background-color: rgba(0, 0, 0, 0.7);<br />
}<br />
<br />
.metro-responsive-tiles .tile {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
height: 150px;<br />
padding: 20px;<br />
margin: 5px;<br />
overflow: hidden;<br />
color: #FFF;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: #2C83EF;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper {<br />
display: block;<br />
float: left;<br />
width: 80px;<br />
height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .image-wrapper span.icon {<br />
width: 80px;<br />
height: 80px;<br />
font-size: 80px;<br />
line-height: 80px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header {<br />
max-height: 36px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .text-header2 {<br />
max-height: 80px;<br />
overflow: hidden;<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text {<br />
display: block;<br />
float: left;<br />
width: 180px;<br />
padding-left: 10px;<br />
}<br />
<br />
.metro-responsive-tiles .tile .column-text .text-header3 {<br />
max-height: 110px;<br />
overflow: hidden;<br />
font-size: 34px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
text-align: left;<br />
}<br />
<br />
.metro-responsive-tiles .tile .tile-form {<br />
margin: 10px 0;<br />
}<br />
<br />
.pivot {<br />
position: relative;<br />
}<br />
<br />
.pivot > .pivot-headers {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.pivot > .pivot-headers > a {<br />
margin: 0 10px 0 0;<br />
font-size: 26px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #555555;<br />
text-decoration: none;<br />
text-transform: lowercase;<br />
}<br />
<br />
.pivot > .pivot-headers > a:hover {<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-headers > a.active {<br />
font-weight: 400;<br />
color: #222222;<br />
}<br />
<br />
.pivot > .pivot-items {<br />
position: relative;<br />
width: 100%;<br />
overflow: hidden;<br />
}<br />
<br />
.pivot > .pivot-items > .pivot-item {<br />
position: relative;<br />
display: none;<br />
-webkit-transition: 0.4s ease-in-out left;<br />
-moz-transition: 0.4s ease-in-out left;<br />
-o-transition: 0.4s ease-in-out left;<br />
transition: 0.4s ease-in-out left;<br />
}<br />
<br />
.pivot > .pivot-items > .active,<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
display: block;<br />
}<br />
<br />
.pivot > .pivot-items > .active {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .next,<br />
.pivot > .pivot-items > .prev {<br />
position: absolute;<br />
top: 0;<br />
width: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next {<br />
left: 100%;<br />
}<br />
<br />
.pivot > .pivot-items > .prev {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items > .next.left,<br />
.pivot > .pivot-items > .prev.right {<br />
left: 0;<br />
}<br />
<br />
.pivot > .pivot-items > .active.left {<br />
left: -100%;<br />
}<br />
<br />
.pivot > .pivot-items .active.right {<br />
left: 100%;<br />
}<br />
<br />
.listview.grid-layout {<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.grid-layout .listview-item {<br />
margin-right: 24px;<br />
}<br />
<br />
.listview.list-layout {<br />
width: 330px;<br />
padding: 2px;<br />
overflow-y: auto;<br />
}<br />
<br />
.listview.list-layout.big {<br />
width: 430px;<br />
}<br />
<br />
.listview-item {<br />
position: relative;<br />
display: inline-block;<br />
width: 282px;<br />
min-height: 60px;<br />
padding: 10px;<br />
margin-top: 15px;<br />
margin-bottom: 7px;<br />
overflow: hidden;<br />
*overflow: visible;<br />
color: #ffffff;<br />
text-shadow: none;<br />
vertical-align: top;<br />
border: solid 3px transparent;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item:hover {<br />
cursor: pointer;<br />
border: solid 3px #225a68;<br />
}<br />
<br />
.listview-item.selected {<br />
border: 3px solid #003484;<br />
}<br />
<br />
.listview-item.selected:after {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
z-index: 1001;<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 40px solid #003484;<br />
border-left: 40px solid transparent;<br />
content: "";<br />
}<br />
<br />
.listview-item.selected:before {<br />
position: absolute;<br />
top: 0;<br />
right: 4px;<br />
z-index: 1002;<br />
font-family: 'icomoon';<br />
color: #FFFFFF;<br />
content: "\e379";<br />
}<br />
<br />
.listview-item-body {<br />
overflow: hidden;<br />
*overflow: visible;<br />
zoom: 1;<br />
}<br />
<br />
.listview-item-body p {<br />
height: 20px;<br />
margin: 0;<br />
overflow: hidden;<br />
line-height: 20px;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-body p.two-lines {<br />
height: 40px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-body p.three-lines {<br />
height: 60px;<br />
line-height: 20px;<br />
}<br />
<br />
.listview-item-object {<br />
display: block;<br />
width: 60px;<br />
height: 60px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 60px;<br />
height: 60px;<br />
font-size: 60px;<br />
line-height: 60px;<br />
}<br />
<br />
.listview-item-heading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item-subheading {<br />
margin: 0 0 5px;<br />
margin: 0;<br />
overflow: hidden;<br />
color: #eeeeee;<br />
text-overflow: ellipsis;<br />
}<br />
<br />
.listview-item.big {<br />
width: 380px;<br />
}<br />
<br />
.listview-item.big .listview-item-object {<br />
display: block;<br />
width: 112px;<br />
height: 112px;<br />
margin-right: 10px;<br />
}<br />
<br />
.listview-item.big .listview-item-object[class*="icon-"] {<br />
display: inline-block;<br />
width: 112px;<br />
height: 112px;<br />
font-size: 112px;<br />
line-height: 112px;<br />
}<br />
<br />
/*<br />
Tile ListView<br />
*/<br />
<br />
.metro .tile-listviewitem-container {<br />
overflow: auto;<br />
}<br />
<br />
.metro .tile-listviewitem {<br />
position: relative;<br />
display: block;<br />
height: 113px;<br />
padding: 7px 0;<br />
margin: 0 0 13px 0;<br />
overflow: hidden;<br />
text-decoration: none;<br />
cursor: pointer;<br />
background-color: transparent;<br />
}<br />
<br />
.metro .tile-listviewitem img {<br />
display: inline-block;<br />
width: 100%;<br />
height: 100%;<br />
margin-left: 7px;<br />
vertical-align: top;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
.metro .tile-listviewitem .detail {<br />
display: inline-block;<br />
height: 113px;<br />
margin-right: 7px;<br />
margin-left: 10px;<br />
overflow: hidden;<br />
text-overflow: ellipsis;<br />
vertical-align: top;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .title {<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem .detail .subtitle {<br />
font-size: 10px;<br />
font-weight: 400;<br />
}<br />
<br />
.metro .tile-listviewitem.selected {<br />
color: #FFF;<br />
background-color: #4617b4;<br />
}<br />
<br />
.metro .tile-listviewitem:hover {<br />
background-color: #b3b3b3;<br />
}<br />
<br />
.metro .tile-listviewitem.selected:hover {<br />
background-color: #4617b4;<br />
}<br />
<br />
article.tile-listviewitem-detail {<br />
margin-left: 72px;<br />
}<br />
<br />
article.tile-listviewitem-detail header img {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles {<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h1 {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail header .titles h2 {<br />
font-size: 14px;<br />
font-weight: 300;<br />
}<br />
<br />
article.tile-listviewitem-detail section {<br />
padding-top: 20px;<br />
}<br />
<br />
#charms {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
display: block;<br />
width: 320px;<br />
height: 100%;<br />
padding: 0;<br />
margin: 0;<br />
background-color: #004D60;<br />
}<br />
<br />
#charms a.win-command {<br />
display: inline-block;<br />
padding: 0;<br />
margin: 0;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
background-clip: border-box;<br />
}<br />
<br />
#charms .charms-section {<br />
margin: 0 40px 40px 40px;<br />
}<br />
<br />
#charms a:hover {<br />
background-color: #216475;<br />
}<br />
<br />
#charms .charms-header {<br />
position: relative;<br />
padding: 40px 0 30px 0;<br />
}<br />
<br />
#charms .charms-header a#pin-charms {<br />
position: absolute;<br />
top: 2px;<br />
right: 2px;<br />
width: 20px;<br />
height: 20px;<br />
margin-right: -24px;<br />
font-size: 11px;<br />
color: #FFF;<br />
text-align: center;<br />
}<br />
<br />
#charms .charms-header a#pin-charms.active {<br />
color: #000;<br />
background-color: #FFF;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
border-radius: 50%;<br />
}<br />
<br />
#charms .charms-header h2 {<br />
display: inline-block;<br />
margin-left: 10px;<br />
color: #FFF;<br />
}<br />
<br />
#charms hr {<br />
border: 1px solid #357281;<br />
}<br />
<br />
#charms h2,<br />
#charms h3,<br />
#charms h4,<br />
#charms p,<br />
#charms a,<br />
#charms label {<br />
color: #19BFC9;<br />
}<br />
<br />
#charms .charms-header a.win-backbutton {<br />
width: 32px;<br />
height: 32px;<br />
font-size: 20px;<br />
line-height: 32px;<br />
vertical-align: top;<br />
}<br />
<br />
#charms-body {<br />
min-width: 350px;<br />
}<br />
<br />
#charms.slide {<br />
right: -320px;<br />
-webkit-transition: all 0.36s ease;<br />
-moz-transition: all 0.36s ease;<br />
-ms-transition: all 0.36s ease;<br />
-o-transition: all 0.36s ease;<br />
transition: all 0.36s ease;<br />
}<br />
<br />
#charms.slide.in {<br />
right: 0;<br />
}<br />
<br />
#wizard-step-content {<br />
padding: 0;<br />
margin-top: 20px;<br />
vertical-align: top;<br />
}<br />
<br />
.wizard {<br />
background-color: #FFF;<br />
}<br />
<br />
#wizard-steps-container {<br />
color: #FFF;<br />
background-color: #0177db !important;<br />
}<br />
<br />
#wizard-steps-container h2 {<br />
padding: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
ul#wizard-steps {<br />
margin: 0;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li.active {<br />
background-color: #FFF;<br />
}<br />
<br />
ul#wizard-steps li.active a {<br />
color: #666;<br />
}<br />
<br />
ul#wizard-steps li {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
list-style-type: none;<br />
}<br />
<br />
ul#wizard-steps li a {<br />
display: block;<br />
width: 100%;<br />
height: 36px;<br />
padding: 0 20px;<br />
font-weight: 300;<br />
line-height: 36px;<br />
color: #FFF;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
/*!<br />
* Bootstrap Responsive v2.2.1<br />
*<br />
* Copyright 2012 Twitter, Inc<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
* Designed and built with all the love in the world @twitter by @mdo and @fat.<br />
*/<br />
<br />
.clearfix {<br />
*zoom: 1;<br />
}<br />
<br />
.clearfix:before,<br />
.clearfix:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
<br />
.clearfix:after {<br />
clear: both;<br />
}<br />
<br />
.hide-text {<br />
font: 0/0 a;<br />
color: transparent;<br />
text-shadow: none;<br />
background-color: transparent;<br />
border: 0;<br />
}<br />
<br />
.input-block-level {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
<br />
@-ms-viewport {<br />
width: device-width;<br />
}<br />
<br />
.hidden {<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
.visible-phone {<br />
display: none !important;<br />
}<br />
<br />
.visible-tablet {<br />
display: none !important;<br />
}<br />
<br />
.hidden-desktop {<br />
display: none !important;<br />
}<br />
<br />
.visible-desktop {<br />
display: inherit !important;<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important ;<br />
}<br />
.visible-tablet {<br />
display: inherit !important;<br />
}<br />
.hidden-tablet {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.hidden-desktop {<br />
display: inherit !important;<br />
}<br />
.visible-desktop {<br />
display: none !important;<br />
}<br />
.visible-phone {<br />
display: inherit !important;<br />
}<br />
.hidden-phone {<br />
display: none !important;<br />
}<br />
}<br />
<br />
.visible-print {<br />
display: none !important;<br />
}<br />
<br />
@media print {<br />
.visible-print {<br />
display: inherit !important;<br />
}<br />
.hidden-print {<br />
display: none !important;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
.row {<br />
margin-left: -30px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 30px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 1170px;<br />
}<br />
.span12 {<br />
width: 1170px;<br />
}<br />
.span11 {<br />
width: 1070px;<br />
}<br />
.span10 {<br />
width: 970px;<br />
}<br />
.span9 {<br />
width: 870px;<br />
}<br />
.span8 {<br />
width: 770px;<br />
}<br />
.span7 {<br />
width: 670px;<br />
}<br />
.span6 {<br />
width: 570px;<br />
}<br />
.span5 {<br />
width: 470px;<br />
}<br />
.span4 {<br />
width: 370px;<br />
}<br />
.span3 {<br />
width: 270px;<br />
}<br />
.span2 {<br />
width: 170px;<br />
}<br />
.span1 {<br />
width: 70px;<br />
}<br />
.offset12 {<br />
margin-left: 1230px;<br />
}<br />
.offset11 {<br />
margin-left: 1130px;<br />
}<br />
.offset10 {<br />
margin-left: 1030px;<br />
}<br />
.offset9 {<br />
margin-left: 930px;<br />
}<br />
.offset8 {<br />
margin-left: 830px;<br />
}<br />
.offset7 {<br />
margin-left: 730px;<br />
}<br />
.offset6 {<br />
margin-left: 630px;<br />
}<br />
.offset5 {<br />
margin-left: 530px;<br />
}<br />
.offset4 {<br />
margin-left: 430px;<br />
}<br />
.offset3 {<br />
margin-left: 330px;<br />
}<br />
.offset2 {<br />
margin-left: 230px;<br />
}<br />
.offset1 {<br />
margin-left: 130px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
*margin-left: 2.5109110747408616%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.45299145299145%;<br />
*width: 91.39979996362975%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.90598290598291%;<br />
*width: 82.8527914166212%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
*width: 74.30578286961266%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.81196581196582%;<br />
*width: 65.75877432260411%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.26495726495726%;<br />
*width: 57.21176577559556%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.717948717948715%;<br />
*width: 48.664757228587014%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.17094017094017%;<br />
*width: 40.11774868157847%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.623931623931625%;<br />
*width: 31.570740134569924%;<br />
}<br />
.row-fluid .span3 {<br />
width: 23.076923076923077%;<br />
*width: 23.023731587561375%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.52991452991453%;<br />
*width: 14.476723040552828%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
*width: 5.929714493544281%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.12820512820512%;<br />
*margin-left: 105.02182214948171%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.56410256410257%;<br />
*margin-left: 102.45771958537915%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.58119658119658%;<br />
*margin-left: 96.47481360247316%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.01709401709402%;<br />
*margin-left: 93.91071103837061%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.03418803418803%;<br />
*margin-left: 87.92780505546462%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.47008547008548%;<br />
*margin-left: 85.36370249136206%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.48717948717949%;<br />
*margin-left: 79.38079650845607%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 76.92307692307693%;<br />
*margin-left: 76.81669394435352%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 70.94017094017094%;<br />
*margin-left: 70.83378796144753%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.37606837606839%;<br />
*margin-left: 68.26968539734497%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.393162393162385%;<br />
*margin-left: 62.28677941443899%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.82905982905982%;<br />
*margin-left: 59.72267685033642%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 53.84615384615384%;<br />
*margin-left: 53.739770867430444%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.28205128205128%;<br />
*margin-left: 51.175668303327875%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.299145299145295%;<br />
*margin-left: 45.1927623204219%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.73504273504273%;<br />
*margin-left: 42.62865975631933%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 36.75213675213675%;<br />
*margin-left: 36.645753773413354%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.18803418803419%;<br />
*margin-left: 34.081651209310785%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.205128205128204%;<br />
*margin-left: 28.0987452264048%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.641025641025642%;<br />
*margin-left: 25.53464266230224%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.65811965811966%;<br />
*margin-left: 19.551736679396257%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.094017094017094%;<br />
*margin-left: 16.98763411529369%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.11111111111111%;<br />
*margin-left: 11.004728132387708%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.547008547008547%;<br />
*margin-left: 8.440625568285142%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 30px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 1156px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 1056px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 956px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 856px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 756px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 656px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 556px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 456px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 356px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 256px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 156px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 56px;<br />
}<br />
.thumbnails {<br />
margin-left: -30px;<br />
}<br />
.thumbnails > li {<br />
margin-left: 30px;<br />
}<br />
.row-fluid .thumbnails {<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
@media (min-width: 1200px) {<br />
<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.row {<br />
margin-left: -20px;<br />
*zoom: 1;<br />
}<br />
.row:before,<br />
.row:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row:after {<br />
clear: both;<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.container,<br />
.navbar-static-top .container,<br />
.navbar-fixed-top .container,<br />
.navbar-fixed-bottom .container {<br />
width: 724px;<br />
}<br />
.span12 {<br />
width: 724px;<br />
}<br />
.span11 {<br />
width: 662px;<br />
}<br />
.span10 {<br />
width: 600px;<br />
}<br />
.span9 {<br />
width: 538px;<br />
}<br />
.span8 {<br />
width: 476px;<br />
}<br />
.span7 {<br />
width: 414px;<br />
}<br />
.span6 {<br />
width: 352px;<br />
}<br />
.span5 {<br />
width: 290px;<br />
}<br />
.span4 {<br />
width: 228px;<br />
}<br />
.span3 {<br />
width: 166px;<br />
}<br />
.span2 {<br />
width: 104px;<br />
}<br />
.span1 {<br />
width: 42px;<br />
}<br />
.offset12 {<br />
margin-left: 764px;<br />
}<br />
.offset11 {<br />
margin-left: 702px;<br />
}<br />
.offset10 {<br />
margin-left: 640px;<br />
}<br />
.offset9 {<br />
margin-left: 578px;<br />
}<br />
.offset8 {<br />
margin-left: 516px;<br />
}<br />
.offset7 {<br />
margin-left: 454px;<br />
}<br />
.offset6 {<br />
margin-left: 392px;<br />
}<br />
.offset5 {<br />
margin-left: 330px;<br />
}<br />
.offset4 {<br />
margin-left: 268px;<br />
}<br />
.offset3 {<br />
margin-left: 206px;<br />
}<br />
.offset2 {<br />
margin-left: 144px;<br />
}<br />
.offset1 {<br />
margin-left: 82px;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
*zoom: 1;<br />
}<br />
.row-fluid:before,<br />
.row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.7624309392265194%;<br />
*margin-left: 2.709239449864817%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 2.7624309392265194%;<br />
}<br />
.row-fluid .span12 {<br />
width: 100%;<br />
*width: 99.94680851063829%;<br />
}<br />
.row-fluid .span11 {<br />
width: 91.43646408839778%;<br />
*width: 91.38327259903608%;<br />
}<br />
.row-fluid .span10 {<br />
width: 82.87292817679558%;<br />
*width: 82.81973668743387%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.30939226519337%;<br />
*width: 74.25620077583166%;<br />
}<br />
.row-fluid .span8 {<br />
width: 65.74585635359117%;<br />
*width: 65.69266486422946%;<br />
}<br />
.row-fluid .span7 {<br />
width: 57.18232044198895%;<br />
*width: 57.12912895262725%;<br />
}<br />
.row-fluid .span6 {<br />
width: 48.61878453038674%;<br />
*width: 48.56559304102504%;<br />
}<br />
.row-fluid .span5 {<br />
width: 40.05524861878453%;<br />
*width: 40.00205712942283%;<br />
}<br />
.row-fluid .span4 {<br />
width: 31.491712707182323%;<br />
*width: 31.43852121782062%;<br />
}<br />
.row-fluid .span3 {<br />
width: 22.92817679558011%;<br />
*width: 22.87498530621841%;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.3646408839779%;<br />
*width: 14.311449394616199%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.801104972375691%;<br />
*width: 5.747913483013988%;<br />
}<br />
.row-fluid .offset12 {<br />
margin-left: 105.52486187845304%;<br />
*margin-left: 105.41847889972962%;<br />
}<br />
.row-fluid .offset12:first-child {<br />
margin-left: 102.76243093922652%;<br />
*margin-left: 102.6560479605031%;<br />
}<br />
.row-fluid .offset11 {<br />
margin-left: 96.96132596685082%;<br />
*margin-left: 96.8549429881274%;<br />
}<br />
.row-fluid .offset11:first-child {<br />
margin-left: 94.1988950276243%;<br />
*margin-left: 94.09251204890089%;<br />
}<br />
.row-fluid .offset10 {<br />
margin-left: 88.39779005524862%;<br />
*margin-left: 88.2914070765252%;<br />
}<br />
.row-fluid .offset10:first-child {<br />
margin-left: 85.6353591160221%;<br />
*margin-left: 85.52897613729868%;<br />
}<br />
.row-fluid .offset9 {<br />
margin-left: 79.8342541436464%;<br />
*margin-left: 79.72787116492299%;<br />
}<br />
.row-fluid .offset9:first-child {<br />
margin-left: 77.07182320441989%;<br />
*margin-left: 76.96544022569647%;<br />
}<br />
.row-fluid .offset8 {<br />
margin-left: 71.2707182320442%;<br />
*margin-left: 71.16433525332079%;<br />
}<br />
.row-fluid .offset8:first-child {<br />
margin-left: 68.50828729281768%;<br />
*margin-left: 68.40190431409427%;<br />
}<br />
.row-fluid .offset7 {<br />
margin-left: 62.70718232044199%;<br />
*margin-left: 62.600799341718584%;<br />
}<br />
.row-fluid .offset7:first-child {<br />
margin-left: 59.94475138121547%;<br />
*margin-left: 59.838368402492065%;<br />
}<br />
.row-fluid .offset6 {<br />
margin-left: 54.14364640883978%;<br />
*margin-left: 54.037263430116376%;<br />
}<br />
.row-fluid .offset6:first-child {<br />
margin-left: 51.38121546961326%;<br />
*margin-left: 51.27483249088986%;<br />
}<br />
.row-fluid .offset5 {<br />
margin-left: 45.58011049723757%;<br />
*margin-left: 45.47372751851417%;<br />
}<br />
.row-fluid .offset5:first-child {<br />
margin-left: 42.81767955801105%;<br />
*margin-left: 42.71129657928765%;<br />
}<br />
.row-fluid .offset4 {<br />
margin-left: 37.01657458563536%;<br />
*margin-left: 36.91019160691196%;<br />
}<br />
.row-fluid .offset4:first-child {<br />
margin-left: 34.25414364640884%;<br />
*margin-left: 34.14776066768544%;<br />
}<br />
.row-fluid .offset3 {<br />
margin-left: 28.45303867403315%;<br />
*margin-left: 28.346655695309746%;<br />
}<br />
.row-fluid .offset3:first-child {<br />
margin-left: 25.69060773480663%;<br />
*margin-left: 25.584224756083227%;<br />
}<br />
.row-fluid .offset2 {<br />
margin-left: 19.88950276243094%;<br />
*margin-left: 19.783119783707537%;<br />
}<br />
.row-fluid .offset2:first-child {<br />
margin-left: 17.12707182320442%;<br />
*margin-left: 17.02068884448102%;<br />
}<br />
.row-fluid .offset1 {<br />
margin-left: 11.32596685082873%;<br />
*margin-left: 11.219583872105325%;<br />
}<br />
.row-fluid .offset1:first-child {<br />
margin-left: 8.56353591160221%;<br />
*margin-left: 8.457152932878806%;<br />
}<br />
input,<br />
textarea,<br />
.uneditable-input {<br />
margin-left: 0;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 20px;<br />
}<br />
input.span12,<br />
textarea.span12,<br />
.uneditable-input.span12 {<br />
width: 710px;<br />
}<br />
input.span11,<br />
textarea.span11,<br />
.uneditable-input.span11 {<br />
width: 648px;<br />
}<br />
input.span10,<br />
textarea.span10,<br />
.uneditable-input.span10 {<br />
width: 586px;<br />
}<br />
input.span9,<br />
textarea.span9,<br />
.uneditable-input.span9 {<br />
width: 524px;<br />
}<br />
input.span8,<br />
textarea.span8,<br />
.uneditable-input.span8 {<br />
width: 462px;<br />
}<br />
input.span7,<br />
textarea.span7,<br />
.uneditable-input.span7 {<br />
width: 400px;<br />
}<br />
input.span6,<br />
textarea.span6,<br />
.uneditable-input.span6 {<br />
width: 338px;<br />
}<br />
input.span5,<br />
textarea.span5,<br />
.uneditable-input.span5 {<br />
width: 276px;<br />
}<br />
input.span4,<br />
textarea.span4,<br />
.uneditable-input.span4 {<br />
width: 214px;<br />
}<br />
input.span3,<br />
textarea.span3,<br />
.uneditable-input.span3 {<br />
width: 152px;<br />
}<br />
input.span2,<br />
textarea.span2,<br />
.uneditable-input.span2 {<br />
width: 90px;<br />
}<br />
input.span1,<br />
textarea.span1,<br />
.uneditable-input.span1 {<br />
width: 28px;<br />
}<br />
}<br />
<br />
@media (min-width: 768px) and (max-width: 979px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (min-width: 321px) and (max-width: 1023px) {<br />
hr.win-command {<br />
margin-right: 9px;<br />
margin-left: 10px;<br />
}<br />
}<br />
<br />
/* Narrow buttons and no labels when < 1024px. */<br />
<br />
@media (max-width: 1023px) {<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
display: none;<br />
}<br />
a.win-command .win-commandicon,<br />
button.win-command .win-commandicon {<br />
margin: 0 8px;<br />
/* 2px margin for focus */<br />
<br />
}<br />
.win-commandlayout {<br />
min-height: 68px;<br />
}<br />
hr.win-command {<br />
margin-top: 14px;<br />
margin-bottom: 14px;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
body {<br />
padding-right: 20px;<br />
padding-left: 20px;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom,<br />
.navbar-static-top {<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.dl-horizontal dt {<br />
float: none;<br />
width: auto;<br />
clear: none;<br />
text-align: left;<br />
}<br />
.dl-horizontal dd {<br />
margin-left: 0;<br />
}<br />
.container {<br />
width: auto;<br />
}<br />
.row-fluid {<br />
width: 100%;<br />
}<br />
.row,<br />
.thumbnails {<br />
margin-left: 0;<br />
}<br />
.thumbnails > li {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
[class*="span"],<br />
.uneditable-input[class*="span"],<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: none;<br />
width: 100%;<br />
margin-left: 0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.span12,<br />
.row-fluid .span12 {<br />
width: 100%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid [class*="offset"]:first-child {<br />
margin-left: 0;<br />
}<br />
.input-large,<br />
.input-xlarge,<br />
.input-xxlarge,<br />
input[class*="span"],<br />
select[class*="span"],<br />
textarea[class*="span"],<br />
.uneditable-input {<br />
display: block;<br />
width: 100%;<br />
min-height: 30px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.input-prepend input,<br />
.input-append input,<br />
.input-prepend input[class*="span"],<br />
.input-append input[class*="span"] {<br />
display: inline-block;<br />
width: auto;<br />
}<br />
.controls-row [class*="span"] + [class*="span"] {<br />
margin-left: 0;<br />
}<br />
.modal {<br />
position: fixed;<br />
top: 20px;<br />
right: 20px;<br />
left: 20px;<br />
width: auto;<br />
margin: 0;<br />
}<br />
.modal.fade {<br />
top: -100px;<br />
}<br />
.modal.fade.in {<br />
top: 20px;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.nav-collapse {<br />
-webkit-transform: translate3d(0, 0, 0);<br />
}<br />
.page-header h1 small {<br />
display: block;<br />
line-height: 20px;<br />
}<br />
input[type="checkbox"],<br />
input[type="radio"] {<br />
border: 1px solid #ccc;<br />
}<br />
.form-horizontal .control-label {<br />
float: none;<br />
width: auto;<br />
padding-top: 0;<br />
text-align: left;<br />
}<br />
.form-horizontal .controls {<br />
margin-left: 0;<br />
}<br />
.form-horizontal .control-list {<br />
padding-top: 0;<br />
}<br />
.form-horizontal .form-actions {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
.media .pull-left,<br />
.media .pull-right {<br />
display: block;<br />
float: none;<br />
margin-bottom: 10px;<br />
}<br />
.media-object {<br />
margin-right: 0;<br />
margin-left: 0;<br />
}<br />
.modal {<br />
top: 10px;<br />
right: 10px;<br />
left: 10px;<br />
}<br />
.modal-header .close {<br />
padding: 10px;<br />
margin: -10px;<br />
}<br />
.carousel-caption {<br />
position: static;<br />
}<br />
}<br />
<br />
@media (max-width: 767px) {<br />
.toast .close,<br />
.modal .close,<br />
.alert .close {<br />
display: inline-block !important;<br />
}<br />
}<br />
<br />
@media (max-width: 480px) {<br />
.container-fluid {<br />
padding: 0;<br />
}<br />
.panorama {<br />
margin: 0;<br />
}<br />
#panorama-scroll-prev,<br />
#panorama-scroll-next {<br />
top: 0;<br />
}<br />
}<br />
<br />
@media (max-width: 979px) {<br />
body {<br />
padding-top: 0;<br />
}<br />
.navbar-fixed-top,<br />
.navbar-fixed-bottom {<br />
position: static;<br />
}<br />
.navbar-fixed-top {<br />
margin-bottom: 20px;<br />
}<br />
.navbar-fixed-bottom {<br />
margin-top: 20px;<br />
}<br />
.navbar-fixed-top .navbar-inner,<br />
.navbar-fixed-bottom .navbar-inner {<br />
padding: 5px;<br />
}<br />
.navbar .container {<br />
width: auto;<br />
padding: 0;<br />
}<br />
.navbar .brand {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
margin: 0 0 0 -5px;<br />
}<br />
.nav-collapse {<br />
clear: both;<br />
}<br />
.nav-collapse .nav {<br />
float: none;<br />
margin: 0 0 10px;<br />
}<br />
.nav-collapse .nav > li {<br />
float: none;<br />
}<br />
.nav-collapse .nav > li > a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > .divider-vertical {<br />
display: none;<br />
}<br />
.nav-collapse .nav .nav-header {<br />
color: #777777;<br />
text-shadow: none;<br />
}<br />
.nav-collapse .nav > li > a,<br />
.nav-collapse .dropdown-menu a {<br />
padding: 9px 15px;<br />
font-weight: bold;<br />
color: #777777;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
}<br />
.nav-collapse .btn {<br />
padding: 4px 10px 4px;<br />
font-weight: normal;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.nav-collapse .dropdown-menu li + li a {<br />
margin-bottom: 2px;<br />
}<br />
.nav-collapse .nav > li > a:hover,<br />
.nav-collapse .nav > li > a:focus,<br />
.nav-collapse .dropdown-menu a:hover,<br />
.nav-collapse .dropdown-menu a:focus {<br />
background-color: #f2f2f2;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a,<br />
.navbar-inverse .nav-collapse .dropdown-menu a {<br />
color: #999999;<br />
}<br />
.navbar-inverse .nav-collapse .nav > li > a:hover,<br />
.navbar-inverse .nav-collapse .nav > li > a:focus,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:hover,<br />
.navbar-inverse .nav-collapse .dropdown-menu a:focus {<br />
background-color: #111111;<br />
}<br />
.nav-collapse.in .btn-group {<br />
padding: 0;<br />
margin-top: 5px;<br />
}<br />
.nav-collapse .dropdown-menu {<br />
position: static;<br />
top: auto;<br />
left: auto;<br />
display: none;<br />
float: none;<br />
max-width: none;<br />
padding: 0;<br />
margin: 0 15px;<br />
background-color: transparent;<br />
border: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
.nav-collapse .open > .dropdown-menu {<br />
display: block;<br />
}<br />
.nav-collapse .dropdown-menu:before,<br />
.nav-collapse .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .dropdown-menu .divider {<br />
display: none;<br />
}<br />
.nav-collapse .nav > li > .dropdown-menu:before,<br />
.nav-collapse .nav > li > .dropdown-menu:after {<br />
display: none;<br />
}<br />
.nav-collapse .navbar-form,<br />
.nav-collapse .navbar-search {<br />
float: none;<br />
padding: 10px 15px;<br />
margin: 10px 0;<br />
border-top: 1px solid #f2f2f2;<br />
border-bottom: 1px solid #f2f2f2;<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);<br />
}<br />
.navbar-inverse .nav-collapse .navbar-form,<br />
.navbar-inverse .nav-collapse .navbar-search {<br />
border-top-color: #111111;<br />
border-bottom-color: #111111;<br />
}<br />
.navbar .nav-collapse .nav.pull-right {<br />
float: none;<br />
margin-left: 0;<br />
}<br />
.nav-collapse,<br />
.nav-collapse.collapse {<br />
height: 0;<br />
overflow: hidden;<br />
}<br />
.navbar .btn-navbar {<br />
display: block;<br />
}<br />
.navbar-static .navbar-inner {<br />
padding-right: 10px;<br />
padding-left: 10px;<br />
}<br />
}<br />
<br />
@media (min-width: 980px) {<br />
.nav-collapse.collapse {<br />
height: auto !important;<br />
overflow: visible !important;<br />
}<br />
}<br />
<br />
/*<br />
Typographic color definitions.<br />
*/<br />
.win-ui-dark body {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
html,<br />
body {<br />
color: #333;<br />
background-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
This class reverses the colors on the subtree to which it is applied.<br />
*/<br />
.win-ui-dark {<br />
color: #FFF;<br />
background-color: #1D1D1D;<br />
}<br />
<br />
/*<br />
Text selection color<br />
*/<br />
<br />
::selection, select:focus::-ms-value {<br />
background-color: rgb(87, 41, 193);<br />
color: #FFF;<br />
}<br />
<br />
/*<br />
Text input, checkbox, radio, and select control colors.<br />
*/<br />
.win-ui-dark input[type=text], .win-ui-dark input[type=password],<br />
.win-ui-dark input[type=email], .win-ui-dark input[type=number],<br />
.win-ui-dark input[type=tel], .win-ui-dark input[type=url],<br />
.win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea,<br />
.win-ui-dark select, .win-ui-dark input::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover,<br />
.win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover,<br />
.win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover,<br />
.win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover,<br />
.win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check {<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active,<br />
.win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active,<br />
.win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active,<br />
.win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active,<br />
.win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active,<br />
.win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active,<br />
.win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active,<br />
.win-ui-dark textarea:focus, .win-ui-dark textarea:active,<br />
.win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active,<br />
.win-ui-dark select:focus, .win-ui-dark select:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled,<br />
.win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled,<br />
.win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled,<br />
.win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value,<br />
.win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled,<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */<br />
background-clip: border-box;<br />
background-color: rgba(255, 255, 255, 0.4);<br />
border-color: transparent;<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=text], input[type=password],<br />
input[type=email], input[type=number],<br />
input[type=tel], input[type=url],<br />
input[type=search], select, textarea,<br />
.win-textarea, input::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.8);<br />
border-color: rgba(0, 0, 0, 0.27);<br />
color: #000;<br />
}<br />
input[type=text]:hover, input[type=password]:hover,<br />
input[type=email]:hover, input[type=number]:hover,<br />
input[type=tel]:hover, input[type=url]:hover,<br />
input[type=search]:hover, textarea:hover,<br />
select:hover, .win-textarea:hover, input:hover::-ms-check {<br />
background-color: rgba(255, 255, 255, 0.87);<br />
border-color: rgba(0, 0, 0, 0.44);<br />
color: #000;<br />
}<br />
input[type=text]:focus, input[type=text]:active,<br />
input[type=password]:focus, input[type=password]:active,<br />
input[type=email]:focus, input[type=email]:active,<br />
input[type=number]:focus, input[type=number]:active,<br />
input[type=tel]:focus, input[type=tel]:active,<br />
input[type=url]:focus, input[type=url]:active,<br />
input[type=search]:focus, input[type=search]:active,<br />
textarea:focus, textarea:active,<br />
.win-textarea:focus, .win-textarea:active,<br />
select:focus, select:active {<br />
background-color: #FFF;<br />
border-color: rgba(0, 0, 0, 0.6);<br />
color: #000;<br />
}<br />
input:hover:active::-ms-check { /* only checkbox and radio have press state */<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
input[type=text]:disabled, input[type=password]:disabled,<br />
input[type=email]:disabled, input[type=number]:disabled,<br />
input[type=tel]:disabled, input[type=url]:disabled,<br />
input[type=search]:disabled, textarea:disabled,<br />
.win-textarea:disabled, select:disabled,<br />
input:disabled::-ms-check, input:disabled:active::-ms-check {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.15);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
/*<br />
Placeholder text.<br />
*/<br />
.win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder,<br />
.win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.6); /* same in dark and light */<br />
}<br />
.win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder {<br />
color: rgba(255, 255, 255, 0.22);<br />
}<br />
input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {<br />
color: rgba(0, 0, 0, 0.22);<br />
}<br />
<br />
/*<br />
Invalid style.<br />
*/<br />
input[type]:invalid {<br />
outline-color: rgb(255, 128, 51);<br />
outline-width: 2px;<br />
}<br />
<br />
/*<br />
Option for select control (all colors are same for both light and dark).<br />
*/<br />
option:checked, select:focus::-ms-value {<br />
color: #FFF;<br />
background-color: rgb(70, 23, 180);<br />
}<br />
option:hover {<br />
color: #000;<br />
background-color: rgb(197, 197, 197);<br />
}<br />
select:focus option:hover {<br />
color: #000;<br />
background-color: rgb(222, 222, 222);<br />
}<br />
option:checked:hover, select:focus option:checked:hover {<br />
color: #FFF;<br />
background-color: rgb(95, 55, 190);<br />
}<br />
option:hover:active, select:focus option:hover:active{<br />
color: #000;<br />
background-color: rgb(211, 211, 211);<br />
}<br />
.win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active,<br />
.win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active,<br />
.win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active,<br />
.win-ui-dark select:disabled:focus::-ms-value {<br />
background-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
option:checked:disabled, option:checked:disabled:active,<br />
optgroup:disabled option:checked, optgroup:disabled option:checked:active,<br />
select:disabled option:checked, select:disabled option:checked:active,<br />
select:disabled:focus::-ms-value {<br />
background-color: rgba(0, 0, 0, 0.55);<br />
color: rgba(255, 255, 255, 0.6);<br />
}<br />
<br />
<br />
/*<br />
Button control colors.<br />
*/<br />
.win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit],<br />
.win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[type=submit], .win-ui-dark input[type=submit] {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover,<br />
.win-ui-dark input[type=file]::-ms-browse:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
}<br />
.win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active,<br />
.win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active,<br />
.win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #FFF;<br />
border-color: transparent;<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled,<br />
.win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled,<br />
.win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse,<br />
.win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active,<br />
.win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active,<br />
.win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
button, input[type=button], input[type=submit],<br />
input[type=reset], input[type=file]::-ms-browse {<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
}<br />
button[type=submit], input[type=submit]{<br />
background-clip: border-box;<br />
background-color: rgb(70, 23, 180);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover, input[type=button]:hover, input[type=reset]:hover,<br />
input[type=file]::-ms-browse:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(164, 164, 164, 0.45);<br />
}<br />
button[type=submit]:hover, input[type=submit]:hover {<br />
background-clip: border-box;<br />
background-color: rgb(95, 55, 190);<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:hover:active, button[type=submit]:hover:active,<br />
input[type=button]:hover:active, input[type=reset]:hover:active,<br />
input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active {<br />
background-clip: border-box;<br />
background-color: #000;<br />
border-color: transparent;<br />
color: #FFF;<br />
}<br />
button:disabled, button[type=submit]:disabled,<br />
input[type=button]:disabled, input[type=reset]:disabled,<br />
input[type=submit]:disabled, input[type=file]:disabled::-ms-browse,<br />
button:disabled:active, button[type=submit]:disabled:active,<br />
input[type=button]:disabled:active, input[type=reset]:disabled:active,<br />
input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active {<br />
border-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
<br />
/*<br />
File upload control colors.<br />
*/<br />
input[type=file] {<br />
background-color: transparent;<br />
border-color: transparent;<br />
color: transparent;<br />
}<br />
<br />
<br />
<br />
/*<br />
Headers colors.<br />
*/<br />
.accent-color,<br />
header h1,<br />
header h2,<br />
table th {color: #24A0DA;}<br />
.accent-bg {background:#24A0DA;}<br />
<br />
a#user-info h3,<br />
a#user-info h4 { color: rgb(0, 130, 135); }<br />
a#user-info:hover { background-color: rgb(0, 130, 135); }<br />
a#user-info:hover h3,<br />
a#user-info:hover h4 { color: #FFF; }<br />
<br />
/*<br />
Link colors.<br />
*/<br />
.win-ui-dark a {<br />
color: rgb(156, 114, 255);<br />
}<br />
.win-ui-dark a:hover:active {<br />
color: rgba(156, 114, 255, 0.6);<br />
}<br />
.win-ui-dark a:hover {<br />
color: rgba(156, 114, 255, 0.8);<br />
}<br />
.win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a {<br />
color: rgb(79, 26, 203);<br />
}<br />
a:hover:active {<br />
color: rgba(79, 26, 203, 0.6);<br />
}<br />
a:hover {<br />
color: rgba(79, 26, 203, 0.8);<br />
}<br />
a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
/*<br />
Range control colors.<br />
*/<br />
input[type=range], input[type=range]::-ms-track {<br />
background-color: transparent;<br />
}<br />
<br />
/*<br />
Progress control colors.<br />
*/<br />
.win-ui-dark.progress.progress-indeterminate {<br />
background-color: #1D1D1D;<br />
}<br />
.progress {<br />
background-color: #D4D4D4;<br />
color: rgb(70, 23, 180);<br />
}<br />
<br />
<br />
/*<br />
FlipView control colors.<br />
*/<br />
.win-flipview .win-navbutton {<br />
background-color: rgba(213, 213, 213, 0.35);<br />
color: rgba(0, 0, 0, 0.60);<br />
}<br />
.win-flipview .win-navbutton:hover {<br />
background-color: rgba(215, 215, 215, 0.94);<br />
color: rgba(0, 0, 0, 1.0);<br />
}<br />
.win-flipview .win-navbutton:hover:active {<br />
background-color: rgba(41, 41, 41, 0.74);<br />
color: rgba(255, 255, 255, 1.0);<br />
}<br />
<br />
/*<br />
ListView control colors.<br />
*/<br />
.win-ui-dark .win-listview .win-container:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
outline: rgba(255, 255, 255, 0.3) solid 3px;<br />
}<br />
.win-ui-dark .win-listview .win-focusedoutline {<br />
outline: #FFF solid 2px;<br />
}<br />
.win-listview .win-container:hover {<br />
background-color: rgba(0, 0, 0, 0.3);<br />
outline: rgba(0, 0, 0, 0.3) solid 3px;<br />
}<br />
.win-listview .win-focusedoutline {<br />
outline: #000 solid 2px;<br />
}<br />
.win-listview .win-container.win-selected:hover {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-listview .win-container.win-swipe:hover {<br />
background-color: transparent;<br />
outline: none;<br />
}<br />
.win-listview .win-selected {<br />
color: #FFF;<br />
}<br />
.win-container.win-selected .win-selectionborder {<br />
border-color: rgb(70, 23, 180);<br />
}<br />
.win-container.win-selected:hover .win-selectionborder {<br />
border-color: rgb(95, 55, 190);<br />
}<br />
.win-selected .win-selectionbackground {<br />
background-color: rgb(70, 23, 180);<br />
}<br />
.win-selected:hover .win-selectionbackground {<br />
background-color: rgb(95, 55, 190);<br />
}<br />
.win-selectioncheckmark {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-selectionhint {<br />
color: #FFF;<br />
}<br />
.win-selectionhint {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-selectioncheckmarkbackground {<br />
border-top-color: rgb(70, 23, 180);<br />
border-right-color: rgb(70, 23, 180);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-top-color: rgb(95, 55, 190);<br />
border-right-color: rgb(95, 55, 190);<br />
border-left-color: transparent;<br />
border-bottom-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(70, 23, 180);<br />
border-right-color: transparent;<br />
}<br />
.win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground {<br />
border-left-color: rgb(95, 55, 190);<br />
border-right-color: transparent;<br />
}<br />
<br />
<br />
/*<br />
Back button control colors.<br />
*/<br />
.win-ui-dark .win-backbutton {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark .win-backbutton:hover:active {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
color: #000;<br />
}<br />
.win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-backbutton {<br />
background-color: transparent;<br />
border-color: #000;<br />
color: #000;<br />
}<br />
.win-backbutton:hover {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
color: #000;<br />
text-decoration: none;<br />
}<br />
.win-backbutton:hover:active {<br />
background-color: #000;<br />
border-color: #000;<br />
color: #FFF;<br />
}<br />
.win-backbutton:disabled, .win-backbutton:disabled:active {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button colors.<br />
*/<br />
button.win-command {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:hover {<br />
background-color: transparent;<br />
border-color: transparent;<br />
}<br />
button.win-command:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:hover:active {<br />
background-color: transparent;<br />
color: inherit;<br />
}<br />
button.win-command:disabled {<br />
border-color: transparent;<br />
background-color: transparent;<br />
}<br />
.win-ui-dark button.win-command:focus {<br />
border-color: #FFF;<br />
}<br />
button.win-command:focus {<br />
border-color: #000;<br />
}<br />
button.win-hidefocus:focus {<br />
outline: none;<br />
}<br />
button.win-command.win-hidefocus:focus {<br />
border-color: transparent;<br />
}<br />
.win-ui-dark .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button:disabled .win-commandimage,<br />
.win-ui-dark button:disabled:active .win-commandimage {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark button[aria-checked=true] .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandimage,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
.win-commandimage {<br />
color: #000;<br />
}<br />
button:hover:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button:disabled .win-commandimage,<br />
button:disabled:active .win-commandimage {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
button[aria-checked=true] .win-commandimage,<br />
button[aria-checked=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
button[aria-checked=true]:hover .win-commandimage,<br />
button[aria-checked=true]:hover:active .win-commandimage {<br />
color: #000;<br />
}<br />
button[aria-checked=true]:disabled .win-commandimage,<br />
button[aria-checked=true]:disabled:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Command ring colors.<br />
*/<br />
.win-ui-dark .win-commandring.active,<br />
.win-ui-dark .win-commandring.active {<br />
background-color: #FFF;<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring,<br />
.win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:hover .win-commandring,<br />
.win-ui-dark button:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:hover:active .win-commandring,<br />
.win-ui-dark button:hover:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a:disabled .win-commandring,<br />
.win-ui-dark a:disabled:active .win-commandring,<br />
.win-ui-dark button:disabled .win-commandring,<br />
.win-ui-dark button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-ui-dark a[aria-checked=true] .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true] .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a.active .win-commandring,<br />
.win-ui-dark button.active .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:hover .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:hover:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark a[aria-checked=true]:disabled:active .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled .win-commandring,<br />
.win-ui-dark button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring,<br />
.win-commandring, button:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #000;<br />
}<br />
a:hover .win-commandring,<br />
button:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a:hover:active .win-commandring,<br />
button:hover:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a:disabled .win-commandring,<br />
a:disabled:active .win-commandring,<br />
button:disabled .win-commandring,<br />
button:disabled:active .win-commandring {<br />
background-color: transparent;<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
a[aria-checked=true] .win-commandring,<br />
a[aria-checked=true]:active .win-commandring,<br />
button[aria-checked=true] .win-commandring,<br />
button[aria-checked=true]:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover .win-commandring,<br />
button[aria-checked=true]:hover .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:hover:active .win-commandring,<br />
button[aria-checked=true]:hover:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
a[aria-checked=true]:disabled .win-commandring,<br />
a[aria-checked=true]:disabled:active .win-commandring,<br />
button[aria-checked=true]:disabled .win-commandring,<br />
button[aria-checked=true]:disabled:active .win-commandring {<br />
background-color: rgba(0, 0, 0, 0.4);<br />
border-color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
Command button labels colors.<br />
*/<br />
a.win-command .win-label,<br />
button.win-command .win-label {<br />
color: #000;<br />
}<br />
<br />
.win-ui-dark a.win-command .win-label,<br />
.win-ui-dark button.win-command .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a.win-command:disabled .win-label,<br />
.win-ui-dark a.win-command:disabled:active .win-label,<br />
.win-ui-dark button.win-command:disabled .win-label,<br />
.win-ui-dark button.win-command:disabled:active .win-label {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
a.win-command:disabled .win-label,<br />
a.win-command:disabled:active .win-label,<br />
button.win-command:disabled .win-label,<br />
button.win-command:disabled:active .win-label {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
/*<br />
AppBarCommand (and MenuCommand) separator.<br />
*/<br />
hr.win-command {<br />
/* Same color in both light and dark. */<br />
background-color: rgb(123, 123, 123);<br />
}<br />
/*<br />
AppBar control colors.<br />
*/<br />
.win-ui-dark.win-appbar, .win-ui-dark .win-appbar {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
.win-appbar {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
/*<br />
Flyout control colors, flyout normally has light theme.<br />
*/<br />
.win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-settingsflyout {<br />
border-color: rgba(0, 0, 0, 0.24);<br />
background-color: #FFF;<br />
}<br />
<br />
.win-ui-dark.win-flyout, .win-ui-dark .win-flyout {<br />
border-color: rgb(42, 42, 42);<br />
background-color: #000;<br />
}<br />
<br />
.win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout {<br />
border-color: rgba(255, 255, 255, 0.24);<br />
background-color: #000;<br />
}<br />
<br />
/*<br />
Menu button colors, menu is always light theme.<br />
*/<br />
.win-menu button {<br />
background-color: transparent;<br />
color: #000;<br />
}<br />
.win-menu button:focus,<br />
.win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-menu button:hover:active {<br />
color: #FFF;<br />
background-color: #000;<br />
}<br />
.win-menu button:disabled,<br />
.win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(0, 0, 0, 0.1);<br />
}<br />
.win-ui-dark.win-menu button, .win-ui-dark .win-menu button {<br />
background-color: transparent;<br />
color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus,<br />
.win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active {<br />
background-color: rgb(222, 222, 222);<br />
}<br />
.win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active {<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
.win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled,<br />
.win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active {<br />
background-color: transparent;<br />
color: rgba(255, 255, 255, 0.1);<br />
}<br />
<br />
/*<br />
Rating control colors.<br />
*/<br />
.win-ui-dark .win-rating .win-star.win-user.win-full,<br />
.win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(91, 46, 197);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-tentative.win-full {<br />
color: rgb(129, 82, 239);<br />
}<br />
.win-ui-dark .win-rating .win-star.win-average.win-full,<br />
.win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-rating .win-star.win-empty {<br />
color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-rating .win-star.win-user.win-full,<br />
.win-rating .win-star.win-user.win-full.win-disabled {<br />
color: rgb(70, 23, 180);<br />
}<br />
.win-rating .win-star.win-tentative.win-full {<br />
color: rgb(114, 65, 228);<br />
}<br />
.win-rating .win-star.win-average.win-full,<br />
.win-rating .win-star.win-average.win-full.win-disabled {<br />
color: #000;<br />
}<br />
.win-rating .win-star.win-empty {<br />
color: rgba(0, 0, 0, 0.35);<br />
}<br />
<br />
<br />
<br />
/*<br />
Toggleswitch control colors.<br />
*/<br />
<br />
.win-ui-dark .win-toggleswitch .win-title {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-title.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-title {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-title.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-ui-dark .win-toggleswitch .win-label {<br />
color: #FFF;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-label.win-disabled {<br />
color: rgba(255, 255, 255, 0.4);<br />
}<br />
.win-toggleswitch .win-label {<br />
color: #000;<br />
}<br />
.win-toggleswitch .win-label.win-disabled {<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.win-toggleswitch .win-switch::-ms-track {<br />
background-color: transparent;<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.26);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.29);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.35);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(255, 255, 255, 0.2);<br />
}<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(255, 255, 255, 0.12);<br />
}<br />
.win-toggleswitch .win-switch::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.26);<br />
}<br />
.win-toggleswitch .win-switch:hover::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.29);<br />
}<br />
.win-toggleswitch .win-switch:active::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.35);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-track {<br />
border-color: rgba(0, 0, 0, 0.2);<br />
}<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-lower,<br />
.win-toggleswitch .win-switch:disabled::-ms-fill-upper {<br />
background-color: rgba(0, 0, 0, 0.12);<br />
}<br />
<br />
<br />
/*<br />
Tooltip control colors.<br />
*/<br />
.win-tooltip {<br />
background-color: #FFF;<br />
border-color: rgb(128, 128, 128);<br />
color: rgba(0, 0, 0, 0.6);<br />
}<br />
<br />
/*<br />
Label colors.<br />
*/<br />
label {<br />
/*color: rgba(0, 0, 0, 0.6);*/<br />
}<br />
<br />
.win-ui-dark label {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
/*<br />
Workaround appbar icon touch colors for Consumer Preview<br />
*/<br />
.win-ui-dark a:active .win-commandimage,<br />
.win-ui-dark button:active .win-commandimage {<br />
color: #000;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandimage,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
.win-ui-dark a:active .win-commandring,<br />
.win-ui-dark button:active .win-commandring {<br />
background-color: #FFF;<br />
border-color: #FFF;<br />
}<br />
.win-ui-dark a[aria-selected=true]:active .win-commandring,<br />
.win-ui-dark button[aria-selected=true]:active .win-commandring {<br />
background-color: transparent;<br />
border-color: #FFF;<br />
}<br />
a:active .win-commandimage,<br />
button:active .win-commandimage {<br />
color: #FFF;<br />
}<br />
a[aria-selected=true]:active .win-commandimage,<br />
button[aria-selected=true]:active .win-commandimage {<br />
color: #000;<br />
}<br />
a:active .win-commandring,<br />
button:active .win-commandring {<br />
background-color: #000;<br />
border-color: #000;<br />
}<br />
a[aria-selected=true]:active .win-commandring,<br />
button[aria-selected=true]:active .win-commandring {<br />
background-color: rgba(255, 255, 255, 0.13);<br />
border-color: #000;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Bootstrap Metro button<br />
-------------------------------------------------- */<br />
input.btn, button.btn, a.btn {<br />
font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif;<br />
}<br />
<br />
.btn {<br />
/*font-size: 11pt;*/<br />
background-color: rgba(182, 182, 182, 0.7);<br />
border-color: rgba(0, 0, 0, 0.2);<br />
color: #000;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
border: 2px solid #cccccc;<br />
text-shadow: none;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
filter: none;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn:hover,<br />
.btn:active,<br />
.btn.active,<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: #e6e6e6;<br />
*background-color: #d9d9d9;<br />
}<br />
<br />
.btn:active,<br />
.btn.active {<br />
background-color: #cccccc;<br />
}<br />
<br />
.btn:first-child {<br />
*margin-left: 0;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(205, 205, 205, 0.82);<br />
border-color: rgba(205, 205, 205, 0.82);<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
-ms-transition: none;<br />
-o-transition: none;<br />
transition: none;<br />
}<br />
<br />
.btn:focus {<br />
outline: 0;<br />
-webkit-box-shadow: none;<br />
-moz-box-shadow: none;<br />
box-shadow: none;<br />
}<br />
<br />
.btn.active,<br />
.btn:active {<br />
background-color: #000;<br />
border-color:#000;<br />
color: #FFF;<br />
}<br />
<br />
.btn.disabled,<br />
.btn[disabled] {<br />
background-color: rgba(202, 202, 202, 0.4);<br />
border-color: rgba(0, 0, 0, 0.08);<br />
color: rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
<br />
<br />
<br />
.btn-primary {<br />
background-color: #59008C;<br />
border-color: #59008C;<br />
color: #FFF;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-primary:hover,<br />
.btn-primary:active,<br />
.btn-primary.active,<br />
.btn-primary.disabled,<br />
.btn-primary[disabled] {<br />
background-color: #781096;<br />
border-color: #781096;<br />
color: #CCC;<br />
}<br />
<br />
.btn-primary:active,<br />
.btn-primary.active {<br />
background-color: #781096;<br />
border-color: #781096;<br />
}<br />
<br />
<br />
.btn-warning {<br />
background-color: #faa732;<br />
border-color: #faa732;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-warning:hover,<br />
.btn-warning:active,<br />
.btn-warning.active,<br />
.btn-warning.disabled,<br />
.btn-warning[disabled] {<br />
background-color: #f89406;<br />
border-color: #f89406;<br />
}<br />
<br />
.btn-warning:active,<br />
.btn-warning.active {<br />
background-color: #c67605;<br />
border-color: #c67605;<br />
}<br />
<br />
.btn-danger {<br />
background-color: #da4f49;<br />
border-color: #da4f49;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-danger:hover,<br />
.btn-danger:active,<br />
.btn-danger.active,<br />
.btn-danger.disabled,<br />
.btn-danger[disabled] {<br />
background-color: #bd362f;<br />
border-color: #bd362f;<br />
}<br />
<br />
.btn-danger:active,<br />
.btn-danger.active {<br />
background-color: #942a25;<br />
border-color: #942a25;<br />
}<br />
<br />
.btn-success {<br />
background-color: #5bb75b;<br />
border-color: #5bb75b;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-success:hover,<br />
.btn-success:active,<br />
.btn-success.active,<br />
.btn-success.disabled,<br />
.btn-success[disabled] {<br />
background-color: #51a351;<br />
border-color: #51a351;<br />
}<br />
<br />
.btn-success:active,<br />
.btn-success.active {<br />
background-color: #408140;<br />
border-color: #408140;<br />
}<br />
<br />
.btn-info {<br />
background-color: #49afcd;<br />
border-color: #49afcd;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-info:hover,<br />
.btn-info:active,<br />
.btn-info.active,<br />
.btn-info.disabled,<br />
.btn-info[disabled] {<br />
background-color: #2f96b4;<br />
border-color: #2f96b4;<br />
}<br />
<br />
.btn-info:active,<br />
.btn-info.active {<br />
background-color: #24748c;<br />
border-color: #24748c;<br />
}<br />
<br />
.btn-inverse {<br />
background-color: #414141;<br />
border-color: #414141;<br />
background-image: none;<br />
background-repeat: no-repeat;<br />
filter: none;<br />
}<br />
<br />
.btn-inverse:hover,<br />
.btn-inverse:active,<br />
.btn-inverse.active,<br />
.btn-inverse.disabled,<br />
.btn-inverse[disabled] {<br />
background-color: #222222;<br />
border-color: #222222;<br />
}<br />
<br />
.btn-inverse:active,<br />
.btn-inverse.active {<br />
background-color: #080808;<br />
border-color: #080808;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.dropdown-menu {<br />
border: 2px solid #bababa;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
.alert .close {<br />
color: #FFF;<br />
/*opacity: 0.4;*/<br />
/*filter: alpha(opacity=40);*/<br />
}<br />
<br />
<br />
.well {<br />
background-color: #FFF;<br />
}<br />
<br />
/*!<br />
* Datepicker for Bootstrap<br />
*<br />
* Copyright 2012 Stefan Petre<br />
* Improvements by Andrew Rowls<br />
* Licensed under the Apache License v2.0<br />
* http://www.apache.org/licenses/LICENSE-2.0<br />
*<br />
*/<br />
.datepicker {<br />
padding: 4px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
direction: ltr;<br />
/*.dow {<br />
border-top: 1px solid #ddd !important;<br />
}*/<br />
<br />
}<br />
.datepicker-inline {<br />
width: 220px;<br />
}<br />
.datepicker.datepicker-rtl {<br />
direction: rtl;<br />
}<br />
.datepicker.datepicker-rtl table tr td span {<br />
float: right;<br />
}<br />
.datepicker-dropdown {<br />
top: 0;<br />
left: 0;<br />
}<br />
.datepicker-dropdown:before {<br />
content: '';<br />
display: inline-block;<br />
border-left: 7px solid transparent;<br />
border-right: 7px solid transparent;<br />
border-bottom: 7px solid #ccc;<br />
border-bottom-color: rgba(0, 0, 0, 0.2);<br />
position: absolute;<br />
top: -7px;<br />
left: 6px;<br />
}<br />
.datepicker-dropdown:after {<br />
content: '';<br />
display: inline-block;<br />
border-left: 6px solid transparent;<br />
border-right: 6px solid transparent;<br />
border-bottom: 6px solid #ffffff;<br />
position: absolute;<br />
top: -6px;<br />
left: 7px;<br />
}<br />
.datepicker > div {<br />
display: none;<br />
}<br />
.datepicker.days div.datepicker-days {<br />
display: block;<br />
}<br />
.datepicker.months div.datepicker-months {<br />
display: block;<br />
}<br />
.datepicker.years div.datepicker-years {<br />
display: block;<br />
}<br />
.datepicker table {<br />
margin: 0;<br />
}<br />
.datepicker td,<br />
.datepicker th {<br />
text-align: center;<br />
width: 20px;<br />
height: 20px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
border: none;<br />
}<br />
.table-striped .datepicker table tr td,<br />
.table-striped .datepicker table tr th {<br />
background-color: transparent;<br />
}<br />
.datepicker table tr td.day:hover {<br />
background: #eeeeee;<br />
cursor: pointer;<br />
}<br />
.datepicker table tr td.old,<br />
.datepicker table tr td.new {<br />
color: #999999;<br />
}<br />
.datepicker table tr td.disabled,<br />
.datepicker table tr td.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td.today,<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today.disabled:hover {<br />
background-color: #fde19a;<br />
/*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/<br />
/*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/<br />
border-color: #fdf59a #fdf59a #fbed50;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #000 !important;<br />
}<br />
.datepicker table tr td.today:hover,<br />
.datepicker table tr td.today:hover:hover,<br />
.datepicker table tr td.today.disabled:hover,<br />
.datepicker table tr td.today.disabled:hover:hover,<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active,<br />
.datepicker table tr td.today.disabled,<br />
.datepicker table tr td.today:hover.disabled,<br />
.datepicker table tr td.today.disabled.disabled,<br />
.datepicker table tr td.today.disabled:hover.disabled,<br />
.datepicker table tr td.today[disabled],<br />
.datepicker table tr td.today:hover[disabled],<br />
.datepicker table tr td.today.disabled[disabled],<br />
.datepicker table tr td.today.disabled:hover[disabled] {<br />
background-color: #fdf59a;<br />
}<br />
.datepicker table tr td.today:active,<br />
.datepicker table tr td.today:hover:active,<br />
.datepicker table tr td.today.disabled:active,<br />
.datepicker table tr td.today.disabled:hover:active,<br />
.datepicker table tr td.today.active,<br />
.datepicker table tr td.today:hover.active,<br />
.datepicker table tr td.today.disabled.active,<br />
.datepicker table tr td.today.disabled:hover.active {<br />
background-color: #fbf069 \9;<br />
}<br />
.datepicker table tr td.range,<br />
.datepicker table tr td.range:hover,<br />
.datepicker table tr td.range.disabled,<br />
.datepicker table tr td.range.disabled:hover {<br />
background: #eeeeee;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today,<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today.disabled:hover {<br />
background-color: #f3d17a;<br />
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));<br />
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);<br />
background-image: linear-gradient(top, #f3c17a, #f3e97a);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);<br />
border-color: #f3e97a #f3e97a #edde34;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td.range.today:hover,<br />
.datepicker table tr td.range.today:hover:hover,<br />
.datepicker table tr td.range.today.disabled:hover,<br />
.datepicker table tr td.range.today.disabled:hover:hover,<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active,<br />
.datepicker table tr td.range.today.disabled,<br />
.datepicker table tr td.range.today:hover.disabled,<br />
.datepicker table tr td.range.today.disabled.disabled,<br />
.datepicker table tr td.range.today.disabled:hover.disabled,<br />
.datepicker table tr td.range.today[disabled],<br />
.datepicker table tr td.range.today:hover[disabled],<br />
.datepicker table tr td.range.today.disabled[disabled],<br />
.datepicker table tr td.range.today.disabled:hover[disabled] {<br />
background-color: #f3e97a;<br />
}<br />
.datepicker table tr td.range.today:active,<br />
.datepicker table tr td.range.today:hover:active,<br />
.datepicker table tr td.range.today.disabled:active,<br />
.datepicker table tr td.range.today.disabled:hover:active,<br />
.datepicker table tr td.range.today.active,<br />
.datepicker table tr td.range.today:hover.active,<br />
.datepicker table tr td.range.today.disabled.active,<br />
.datepicker table tr td.range.today.disabled:hover.active {<br />
background-color: #efe24b \9;<br />
}<br />
.datepicker table tr td.selected,<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected.disabled:hover {<br />
background-color: #9e9e9e;<br />
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));<br />
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: -o-linear-gradient(top, #b3b3b3, #808080);<br />
background-image: linear-gradient(top, #b3b3b3, #808080);<br />
background-repeat: repeat-x;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);<br />
border-color: #808080 #808080 #595959;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.selected:hover,<br />
.datepicker table tr td.selected:hover:hover,<br />
.datepicker table tr td.selected.disabled:hover,<br />
.datepicker table tr td.selected.disabled:hover:hover,<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active,<br />
.datepicker table tr td.selected.disabled,<br />
.datepicker table tr td.selected:hover.disabled,<br />
.datepicker table tr td.selected.disabled.disabled,<br />
.datepicker table tr td.selected.disabled:hover.disabled,<br />
.datepicker table tr td.selected[disabled],<br />
.datepicker table tr td.selected:hover[disabled],<br />
.datepicker table tr td.selected.disabled[disabled],<br />
.datepicker table tr td.selected.disabled:hover[disabled] {<br />
background-color: #808080;<br />
}<br />
.datepicker table tr td.selected:active,<br />
.datepicker table tr td.selected:hover:active,<br />
.datepicker table tr td.selected.disabled:active,<br />
.datepicker table tr td.selected.disabled:hover:active,<br />
.datepicker table tr td.selected.active,<br />
.datepicker table tr td.selected:hover.active,<br />
.datepicker table tr td.selected.disabled.active,<br />
.datepicker table tr td.selected.disabled:hover.active {<br />
background-color: #666666 \9;<br />
}<br />
.datepicker table tr td.active,<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td.active:hover,<br />
.datepicker table tr td.active:hover:hover,<br />
.datepicker table tr td.active.disabled:hover,<br />
.datepicker table tr td.active.disabled:hover:hover,<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active,<br />
.datepicker table tr td.active.disabled,<br />
.datepicker table tr td.active:hover.disabled,<br />
.datepicker table tr td.active.disabled.disabled,<br />
.datepicker table tr td.active.disabled:hover.disabled,<br />
.datepicker table tr td.active[disabled],<br />
.datepicker table tr td.active:hover[disabled],<br />
.datepicker table tr td.active.disabled[disabled],<br />
.datepicker table tr td.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td.active:active,<br />
.datepicker table tr td.active:hover:active,<br />
.datepicker table tr td.active.disabled:active,<br />
.datepicker table tr td.active.disabled:hover:active,<br />
.datepicker table tr td.active.active,<br />
.datepicker table tr td.active:hover.active,<br />
.datepicker table tr td.active.disabled.active,<br />
.datepicker table tr td.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span {<br />
display: block;<br />
width: 23%;<br />
height: 54px;<br />
line-height: 54px;<br />
float: left;<br />
margin: 1%;<br />
cursor: pointer;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.datepicker table tr td span:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker table tr td span.disabled,<br />
.datepicker table tr td span.disabled:hover {<br />
background: none;<br />
color: #999999;<br />
cursor: default;<br />
}<br />
.datepicker table tr td span.active,<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active.disabled:hover {<br />
background-color: #006dcc;<br />
/*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/<br />
/*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-image: linear-gradient(top, #0088cc, #0044cc);*/<br />
/*background-repeat: repeat-x;*/<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/<br />
border-color: #0044cc #0044cc #002a80;<br />
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);<br />
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/<br />
color: #fff;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);<br />
}<br />
.datepicker table tr td span.active:hover,<br />
.datepicker table tr td span.active:hover:hover,<br />
.datepicker table tr td span.active.disabled:hover,<br />
.datepicker table tr td span.active.disabled:hover:hover,<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active,<br />
.datepicker table tr td span.active.disabled,<br />
.datepicker table tr td span.active:hover.disabled,<br />
.datepicker table tr td span.active.disabled.disabled,<br />
.datepicker table tr td span.active.disabled:hover.disabled,<br />
.datepicker table tr td span.active[disabled],<br />
.datepicker table tr td span.active:hover[disabled],<br />
.datepicker table tr td span.active.disabled[disabled],<br />
.datepicker table tr td span.active.disabled:hover[disabled] {<br />
background-color: #0044cc;<br />
}<br />
.datepicker table tr td span.active:active,<br />
.datepicker table tr td span.active:hover:active,<br />
.datepicker table tr td span.active.disabled:active,<br />
.datepicker table tr td span.active.disabled:hover:active,<br />
.datepicker table tr td span.active.active,<br />
.datepicker table tr td span.active:hover.active,<br />
.datepicker table tr td span.active.disabled.active,<br />
.datepicker table tr td span.active.disabled:hover.active {<br />
background-color: #003399 \9;<br />
}<br />
.datepicker table tr td span.old {<br />
color: #999999;<br />
}<br />
.datepicker th.datepicker-switch {<br />
width: 145px;<br />
}<br />
.datepicker thead tr:first-child th,<br />
.datepicker tfoot tr:first-child th {<br />
cursor: pointer;<br />
}<br />
.datepicker thead tr:first-child th:hover,<br />
.datepicker tfoot tr:first-child th:hover {<br />
background: #eeeeee;<br />
}<br />
.datepicker .cw {<br />
font-size: 10px;<br />
width: 12px;<br />
padding: 0 2px 0 5px;<br />
vertical-align: middle;<br />
}<br />
.datepicker thead tr:first-child th.cw {<br />
cursor: default;<br />
background-color: transparent;<br />
}<br />
.input-append.date .add-on i,<br />
.input-prepend.date .add-on i {<br />
display: block;<br />
cursor: pointer;<br />
width: 16px;<br />
height: 16px;<br />
}<br />
.input-daterange input {<br />
text-align: center;<br />
}<br />
.input-daterange input:first-child {<br />
-webkit-border-radius: 3px 0 0 3px;<br />
-moz-border-radius: 3px 0 0 3px;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.input-daterange input:last-child {<br />
-webkit-border-radius: 0 3px 3px 0;<br />
-moz-border-radius: 0 3px 3px 0;<br />
border-radius: 0 3px 3px 0;<br />
}<br />
.input-daterange .add-on {<br />
display: inline-block;<br />
width: auto;<br />
min-width: 16px;<br />
height: 18px;<br />
padding: 4px 5px;<br />
font-weight: normal;<br />
line-height: 18px;<br />
text-align: center;<br />
text-shadow: 0 1px 0 #ffffff;<br />
vertical-align: middle;<br />
background-color: #eeeeee;<br />
border: 1px solid #ccc;<br />
margin-left: -5px;<br />
margin-right: -5px;<br />
}<br />
<br />
/* Demo styles for Hub and other metro pages<br />
-------------------------------------------------- */<br />
<br />
<br />
/* Body and structure<br />
-------------------------------------------------- */<br />
html{<br />
height:100%;<br />
}<br />
body{<br />
width:100%;<br />
height:100%;<br />
}<br />
html,<br />
body {<br />
position: relative;<br />
background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0;<br />
/*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/<br />
/*background-color: #f2f0e4;*/<br />
margin:0;<br />
padding:0;<br />
height:100%; /* needed for container min-height */<br />
color: #FFF; /*#847d6b;*/<br />
}<br />
<br />
<br />
#wrap {<br />
position:relative; /* needed for footer positioning*/<br />
margin:0 auto; /* center, not in IE5 */<br />
height:auto !important; /* real browsers */<br />
height:100%; /* IE6: treaded as min-height*/<br />
min-height:100%; /* real browsers */<br />
<br />
/* Win8 animation */<br />
width:100%;<br />
perspective:3300px;<br />
position:relative;<br />
}<br />
<br />
<br />
.panorama-parallax {<br />
-webkit-transition: background-position 0.4s;<br />
-moz-transition: background-position 0.4s;<br />
-o-transition: background-position 0.4s;<br />
transition: background-position 0.4s;<br />
}<br />
<br />
<br />
<br />
/* custom styles */<br />
.win-commandicon {<br />
color: #FFF;<br />
}<br />
.win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring {<br />
border-color: #FFF;<br />
}<br />
<br />
<br />
#nav-bar {<br />
/*position: fixed;*/<br />
/*top: 0;*/<br />
/*left: 0;*/<br />
height: 54px;<br />
width: 100%;<br />
}<br />
<br />
#metro-container {<br />
margin-top: 94px;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
height: 100%;<br />
min-height: 100%;<br />
}<br />
<br />
<br />
<br />
<br />
.accent-color, header h1, header h2, table th {<br />
color: #FFF;<br />
}<br />
<br />
/*header h1 {*/<br />
/*font-size: 50px;*/<br />
/*font-weight: 300;*/<br />
/*line-height: 54px;*/<br />
/*color: #444;*/<br />
/*}*/<br />
/*header h1 small {font-weight: 300;}*/<br />
<br />
<br />
/* Tweak navbar brand link to be super sleek<br />
-------------------------------------------------- */<br />
<br />
<br />
<br />
body > .navbar {<br />
font-size: 13px;<br />
}<br />
<br />
#header-nav {<br />
position: relative;<br />
}<br />
#header-nav .nav.nav-links {<br />
*zoom: 1;<br />
}<br />
#header-nav .nav.nav-links:before,<br />
#header-nav .nav.nav-links:after {<br />
display: table;<br />
content: "";<br />
line-height: 0;<br />
}<br />
#header-nav .nav.nav-links:after {<br />
clear: both;<br />
}<br />
<br />
#header-nav .nav.nav-links {<br />
margin-bottom: 10px;<br />
}<br />
#header-nav .nav.nav-links > li {<br />
float: left;<br />
}<br />
#header-nav .nav.nav-links a {<br />
margin: 0 30px 0 0;<br />
font-weight: 300;<br />
text-transform: lowercase;<br />
text-decoration: none;<br />
font-size: 32px;<br />
font-weight: 300;<br />
line-height: 34px;<br />
color: #847d6b;<br />
}<br />
#header-nav .nav.nav-links a:hover {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
#header-nav .nav.nav-links li.active a {<br />
color: #595753;<br />
background-color: transparent;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* Sections<br />
-------------------------------------------------- */<br />
<br />
/* padding for in-page bookmarks and fixed navbar */<br />
section {<br />
padding-top: 30px;<br />
}<br />
section > .page-header,<br />
section > .lead {<br />
color: #5a5a5a;<br />
}<br />
section > ul li {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Separators (hr) */<br />
.bs-docs-separator {<br />
margin: 40px 0 39px;<br />
}<br />
<br />
/* Faded out hr */<br />
hr.soften {<br />
height: 1px;<br />
margin: 70px 0;<br />
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));<br />
border: 0;<br />
}<br />
<br />
<br />
<br />
/* Jumbotrons<br />
-------------------------------------------------- */<br />
<br />
/* Base class<br />
------------------------- */<br />
.jumbotron {<br />
position: relative;<br />
padding: 40px 0;<br />
color: #fff;<br />
/*text-align: center;*/<br />
/*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/<br />
background: #287EB7;<br />
}<br />
.jumbotron h1 {<br />
font-size: 80px;<br />
font-weight: 300;<br />
letter-spacing: -1px;<br />
line-height: 1;<br />
}<br />
.jumbotron p {<br />
font-size: 24px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
margin-bottom: 30px;<br />
}<br />
<br />
/* Link styles (used on .masthead-links as well) */<br />
.jumbotron a {<br />
/*color: #fff;*/<br />
color: rgba(255,255,255,.5);<br />
-webkit-transition: all .2s ease-in-out;<br />
-moz-transition: all .2s ease-in-out;<br />
transition: all .2s ease-in-out;<br />
}<br />
.jumbotron a:hover {<br />
color: #fff;<br />
text-shadow: 0 0 10px rgba(255,255,255,.25);<br />
}<br />
<br />
.jumbotron a.link {<br />
color: #4F1ACB;<br />
font-size: 13px;<br />
font-weight: 300;<br />
line-height: 20px;<br />
}<br />
<br />
/* Download button<br />
.masthead .btn {<br />
padding: 19px 24px;<br />
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;<br />
font-size: 24px;<br />
line-height: 28px;;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
-webkit-transition: none;<br />
-moz-transition: none;<br />
transition: none;<br />
}<br />
.masthead .btn [class^="icon-"] {<br />
font-size: 24px;<br />
line-height: 24px;<br />
}<br />
<br />
.masthead .btn:hover {<br />
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);<br />
}<br />
.masthead .btn:active {<br />
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);<br />
}<br />
*/<br />
<br />
/* Pattern overlay<br />
------------------------- */<br />
.jumbotron .container {<br />
position: relative;<br />
z-index: 2;<br />
}<br />
<br />
<br />
/* Masthead (docs home)<br />
------------------------- */<br />
.masthead {<br />
padding: 0;<br />
margin-bottom: 0;<br />
}<br />
.masthead h1 {<br />
/*font-size: 120px;*/<br />
line-height: 1;<br />
letter-spacing: -2px;<br />
}<br />
.masthead p {<br />
/*font-size: 40px;*/<br />
font-weight: 200;<br />
line-height: 1.25;<br />
}<br />
<br />
/* Textual links in masthead */<br />
.masthead-links {<br />
margin: 0;<br />
list-style: none;<br />
}<br />
.masthead-links li {<br />
display: inline;<br />
padding: 0 10px;<br />
color: rgba(255,255,255,.25);<br />
}<br />
<br />
#hero {<br />
display: block;<br />
position: relative;<br />
margin: 30px 0 0 0;<br />
}<br />
#hero p.lead {<br />
font-size: 24px;<br />
font-weight: 300;<br />
}<br />
<br />
#hero .btn {<br />
padding: 19px 24px;<br />
font-size: 24px;<br />
line-height: 32px;<br />
font-weight: 400;<br />
color: #fff;<br />
border: 0;<br />
}<br />
#hero .btn [class^="icon-"] {<br />
font-size: 32px;<br />
line-height: 32px;<br />
margin: 0;<br />
vertical-align: bottom;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
#features-container {<br />
margin-top: 60px;<br />
}<br />
<br />
<br />
.list-tile {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
border-left: 3px solid transparent;<br />
color: #FFF;<br />
display: inline-block;<br />
min-height: 62px;<br />
margin-bottom: 10px;<br />
padding: 10px;<br />
position: relative;<br />
vertical-align: top;<br />
}<br />
<br />
.list-tile.blue {<br />
background-color: #2E8BCC;<br />
border-color: #2E8BCC;<br />
}<br />
.list-tile.green {<br />
background-color: #339933;<br />
border-color: #339933;<br />
}<br />
<br />
.list-tile h4, .list-tile h5 {<br />
display: inline;<br />
}<br />
.list-tile h4 {<br />
font-size: 20px;<br />
font-weight: 400;<br />
line-height: 40px;<br />
}<br />
.list-tile h5 {<br />
font-size: 18px;<br />
font-weight: 400;<br />
line-height: 20px;<br />
padding-right: 80px;<br />
}<br />
<br />
.list-tile .list-tile-icon {<br />
color: #FFFFFF;<br />
display: block;<br />
font-size: 40px;<br />
font-weight: 400;<br />
height: 100%;<br />
line-height: 62px;<br />
position: absolute;<br />
right: 0;<br />
text-align: center;<br />
top: 0;<br />
width: 80px;<br />
}<br />
/*.list-tile.blue .list-tile-icon {*/<br />
/*background-color: #2E8BCC;*/<br />
/*}*/<br />
/*.list-tile.green .list-tile-icon {*/<br />
/*background-color: #339933;*/<br />
/*}*/<br />
<br />
.list-tile .donate-form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
/* hover */<br />
.list-tile.blue:hover {<br />
text-decoration: none;<br />
background-color: #C9E2F3;<br />
color: #2E8BCC;<br />
}<br />
.list-tile.blue:hover .list-tile-icon { color: #2E8BCC; }<br />
<br />
.list-tile.green:hover {<br />
text-decoration: none;<br />
background-color: #ABE3AB;<br />
color: #339933;<br />
}<br />
.list-tile.green:hover .list-tile-icon { color: #339933; }<br />
<br />
<br />
<br />
/* Social proof buttons from GitHub & Twitter */<br />
.bs-docs-social {<br />
padding: 15px 0;<br />
text-align: center;<br />
background-color: #f5f5f5;<br />
border-top: 1px solid #fff;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
<br />
/* Quick links on Home */<br />
.bs-docs-social-buttons {<br />
margin-left: 0;<br />
margin-bottom: 0;<br />
padding-left: 0;<br />
list-style: none;<br />
}<br />
.bs-docs-social-buttons li {<br />
display: inline-block;<br />
padding: 5px 8px;<br />
line-height: 1;<br />
*display: inline;<br />
*zoom: 1;<br />
}<br />
<br />
<br />
/*<br />
Index Donate tile<br />
*/<br />
.metro .tile.wide.donate {<br />
height: 110px;<br />
padding: 20px;<br />
width: 270px;<br />
cursor: default;<br />
}<br />
.metro .tile.wide.donate .text {<br />
font-size: 15px;<br />
font-weight: normal;<br />
height: 18px;<br />
line-height: 18px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate .text-header3 {<br />
font-size: 30px;<br />
font-weight: 300;<br />
line-height: 32px;<br />
max-height: 110px;<br />
text-align: left;<br />
}<br />
.metro .tile.wide.donate form {<br />
margin: 10px auto;<br />
text-align: center;<br />
}<br />
<br />
<br />
/* Subhead (other pages)<br />
------------------------- */<br />
.subhead {<br />
text-align: left;<br />
border-bottom: 1px solid #ddd;<br />
}<br />
.subhead h1 {<br />
font-size: 60px;<br />
}<br />
.subhead p {<br />
margin-bottom: 20px;<br />
}<br />
.subhead .navbar {<br />
display: none;<br />
}<br />
<br />
<br />
<br />
/* Marketing section of Overview<br />
-------------------------------------------------- */<br />
<br />
.marketing {<br />
text-align: center;<br />
color: #5a5a5a;<br />
}<br />
.marketing h1 {<br />
margin: 60px 0 10px;<br />
font-size: 60px;<br />
font-weight: 200;<br />
line-height: 1;<br />
letter-spacing: -1px;<br />
}<br />
.marketing h2 {<br />
font-weight: 200;<br />
margin-bottom: 5px;<br />
}<br />
.marketing p {<br />
font-size: 16px;<br />
line-height: 1.5;<br />
}<br />
.marketing.metro .tile.wide {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 100%;<br />
}<br />
<br />
.marketing .marketing-byline {<br />
margin-bottom: 40px;<br />
font-size: 20px;<br />
font-weight: 300;<br />
line-height: 1.25;<br />
color: #999;<br />
}<br />
/*.marketing img {*/<br />
/*display: block;*/<br />
/*margin: 0 auto 30px;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Footer<br />
-------------------------------------------------- */<br />
<br />
/*.footer {*/<br />
/*padding: 70px 0;*/<br />
/*margin-top: 70px;*/<br />
/*border-top: 1px solid #e5e5e5;*/<br />
/*background-color: #f5f5f5;*/<br />
/*}*/<br />
/*.footer p {*/<br />
/*margin-bottom: 0;*/<br />
/*color: #777;*/<br />
/*}*/<br />
/*.footer-links {*/<br />
/*margin: 10px 0;*/<br />
/*}*/<br />
/*.footer-links li {*/<br />
/*display: inline;*/<br />
/*padding: 0 2px;*/<br />
/*}*/<br />
/*.footer-links li:first-child {*/<br />
/*padding-left: 0;*/<br />
/*}*/<br />
<br />
<br />
<br />
/* Special grid styles<br />
-------------------------------------------------- */<br />
<br />
.show-grid {<br />
margin-top: 10px;<br />
margin-bottom: 20px;<br />
}<br />
.show-grid [class*="span"] {<br />
background-color: #eee;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
min-height: 40px;<br />
line-height: 40px;<br />
}<br />
.show-grid:hover [class*="span"] {<br />
background: #ddd;<br />
}<br />
.show-grid .show-grid {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
}<br />
.show-grid .show-grid [class*="span"] {<br />
background-color: #ccc;<br />
}<br />
<br />
<br />
<br />
/* Mini layout previews<br />
-------------------------------------------------- */<br />
.mini-layout {<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
box-shadow: 0 1px 2px rgba(0,0,0,.075);<br />
}<br />
.mini-layout,<br />
.mini-layout .mini-layout-body,<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
height: 300px;<br />
}<br />
.mini-layout {<br />
margin-bottom: 20px;<br />
padding: 9px;<br />
}<br />
.mini-layout div {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.mini-layout .mini-layout-body {<br />
background-color: #dceaf4;<br />
margin: 0 auto;<br />
width: 70%;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar,<br />
.mini-layout.fluid .mini-layout-header,<br />
.mini-layout.fluid .mini-layout-body {<br />
float: left;<br />
}<br />
.mini-layout.fluid .mini-layout-sidebar {<br />
background-color: #bbd8e9;<br />
width: 20%;<br />
}<br />
.mini-layout.fluid .mini-layout-body {<br />
width: 77.5%;<br />
margin-left: 2.5%;<br />
}<br />
<br />
<br />
<br />
/* Download page<br />
-------------------------------------------------- */<br />
<br />
.download .page-header {<br />
margin-top: 36px;<br />
}<br />
.page-header .toggle-all {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Space out h3s when following a section */<br />
.download h3 {<br />
margin-bottom: 5px;<br />
}<br />
.download-builder input + h3,<br />
.download-builder .checkbox + h3 {<br />
margin-top: 9px;<br />
}<br />
<br />
/* Fields for variables */<br />
.download-builder input[type=text] {<br />
margin-bottom: 9px;<br />
font-family: Menlo, Monaco, "Courier New", monospace;<br />
font-size: 12px;<br />
color: #d14;<br />
}<br />
.download-builder input[type=text]:focus {<br />
background-color: #fff;<br />
}<br />
<br />
/* Custom, larger checkbox labels */<br />
.download .checkbox {<br />
padding: 6px 10px 6px 25px;<br />
font-size: 13px;<br />
line-height: 18px;<br />
color: #555;<br />
background-color: #f9f9f9;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
cursor: pointer;<br />
}<br />
.download .checkbox:hover {<br />
color: #333;<br />
background-color: #f5f5f5;<br />
}<br />
.download .checkbox small {<br />
font-size: 12px;<br />
color: #777;<br />
}<br />
<br />
/* Variables section */<br />
#variables label {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Giant download button */<br />
.download-btn {<br />
margin: 36px 0 108px;<br />
}<br />
#download p,<br />
#download h4 {<br />
max-width: 50%;<br />
margin: 0 auto;<br />
color: #999;<br />
text-align: center;<br />
}<br />
#download h4 {<br />
margin-bottom: 0;<br />
}<br />
#download p {<br />
margin-bottom: 18px;<br />
}<br />
.download-btn .btn {<br />
display: block;<br />
width: auto;<br />
padding: 19px 24px;<br />
margin-bottom: 27px;<br />
font-size: 30px;<br />
line-height: 1;<br />
text-align: center;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
<br />
<br />
/* Misc<br />
-------------------------------------------------- */<br />
<br />
/* Make tables spaced out a bit more */<br />
h2 + table,<br />
h3 + table,<br />
h4 + table,<br />
h2 + .row {<br />
margin-top: 5px;<br />
}<br />
<br />
/* Example sites showcase */<br />
.example-sites {<br />
margin-left: 20px;<br />
}<br />
.example-sites img {<br />
max-width: 100%;<br />
margin: 0 auto;<br />
}<br />
<br />
<br />
<br />
/* Fake the :focus state to demo it */<br />
.focused {<br />
border-color: rgba(82,168,236,.8);<br />
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);<br />
outline: 0;<br />
}<br />
<br />
/* For input sizes, make them display block */<br />
.docs-input-sizes select,<br />
.docs-input-sizes input[type=text] {<br />
display: block;<br />
margin-bottom: 9px;<br />
}<br />
<br />
/* Icons<br />
------------------------- */<br />
.the-icons {<br />
margin-left: 0;<br />
list-style: none;<br />
}<br />
.the-icons li {<br />
float: left;<br />
width: 25%;<br />
line-height: 25px;<br />
}<br />
.the-icons i:hover {<br />
background-color: rgba(255,0,0,.25);<br />
}<br />
<br />
/* Example page<br />
------------------------- */<br />
.bootstrap-examples p {<br />
font-size: 13px;<br />
line-height: 18px;<br />
}<br />
.bootstrap-examples .thumbnail {<br />
margin-bottom: 9px;<br />
background-color: #fff;<br />
}<br />
<br />
<br />
/* Toasts<br />
------------------------- */<br />
<br />
#alerts-container {<br />
position: fixed;<br />
top: 5px;<br />
right: 5px;<br />
padding: 0;<br />
z-index: 1100;<br />
}<br />
<br />
#alerts-container .toast {<br />
/* add a shadow */<br />
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);<br />
}<br />
<br />
<br />
/* Bootstrap code examples<br />
-------------------------------------------------- */<br />
<br />
/* Base class */<br />
.bs-docs-example {<br />
position: relative;<br />
margin: 15px 0;<br />
padding: 39px 19px 14px;<br />
*padding-top: 19px;<br />
background-color: #fff;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Echo out a label for the example */<br />
.bs-docs-example:after {<br />
content: "Example";<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
padding: 3px 7px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
background-color: #f5f5f5;<br />
border: 1px solid #ddd;<br />
color: #9da0a4;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
<br />
/* Remove spacing between an example and it's code */<br />
.bs-docs-example + .prettyprint {<br />
margin-top: -20px;<br />
padding-top: 15px;<br />
}<br />
<br />
/* Tweak examples<br />
------------------------- */<br />
.bs-docs-example > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.bs-docs-example .table,<br />
.bs-docs-example .progress,<br />
.bs-docs-example .well,<br />
.bs-docs-example .alert,<br />
.bs-docs-example .hero-unit,<br />
.bs-docs-example .pagination,<br />
.bs-docs-example .navbar,<br />
.bs-docs-example > .nav,<br />
.bs-docs-example blockquote {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example .pagination {<br />
margin-top: 0;<br />
}<br />
<br />
.bs-docs-example-commands {<br />
margin-bottom: 5px;<br />
}<br />
.bs-docs-example-commands .win-command{<br />
display: inline-block;<br />
vertical-align: top;<br />
}<br />
<br />
/* sample customization of win-command */<br />
.bs-docs-example .win-command.orange .win-commandicon,<br />
.bs-docs-example .win-command.orange .win-label {<br />
color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange .win-commandring {<br />
border-color: #F09609;<br />
}<br />
.bs-docs-example .win-command.orange:hover .win-commandring {<br />
background-color: rgba(240, 150, 9, 0.4);<br />
}<br />
<br />
<br />
.bs-navbar-top-example,<br />
.bs-navbar-bottom-example {<br />
z-index: 1;<br />
padding: 0;<br />
height: 90px;<br />
overflow: hidden; /* cut the drop shadows off */<br />
}<br />
.bs-navbar-top-example .navbar-fixed-top,<br />
.bs-navbar-bottom-example .navbar-fixed-bottom {<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
.bs-navbar-top-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-top-example:after {<br />
top: auto;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-navbar-bottom-example .navbar {<br />
margin-bottom: 0;<br />
}<br />
form.bs-docs-example {<br />
padding-bottom: 19px;<br />
}<br />
<br />
/* Images */<br />
.bs-docs-example-images img {<br />
margin: 10px;<br />
display: inline-block;<br />
}<br />
<br />
/* Tooltips */<br />
.bs-docs-tooltip-examples {<br />
text-align: center;<br />
margin: 0 0 10px;<br />
list-style: none;<br />
}<br />
.bs-docs-tooltip-examples li {<br />
display: inline;<br />
padding: 0 10px;<br />
}<br />
<br />
/* Popovers */<br />
.bs-docs-example-popover {<br />
padding-bottom: 24px;<br />
background-color: #f9f9f9;<br />
}<br />
.bs-docs-example-popover .popover {<br />
position: relative;<br />
display: block;<br />
float: left;<br />
width: 260px;<br />
margin: 20px;<br />
}<br />
<br />
<br />
<br />
/* Responsive docs<br />
-------------------------------------------------- */<br />
<br />
/* Utility classes table<br />
------------------------- */<br />
.responsive-utilities th small {<br />
display: block;<br />
font-weight: normal;<br />
color: #999;<br />
}<br />
.responsive-utilities tbody th {<br />
font-weight: normal;<br />
}<br />
.responsive-utilities td {<br />
text-align: center;<br />
}<br />
.responsive-utilities td.is-visible {<br />
color: #468847;<br />
background-color: #dff0d8 !important;<br />
}<br />
.responsive-utilities td.is-hidden {<br />
color: #ccc;<br />
background-color: #f9f9f9 !important;<br />
}<br />
<br />
/* Responsive tests<br />
------------------------- */<br />
.responsive-utilities-test {<br />
margin-top: 5px;<br />
margin-left: 0;<br />
list-style: none;<br />
overflow: hidden; /* clear floats */<br />
}<br />
.responsive-utilities-test li {<br />
position: relative;<br />
float: left;<br />
width: 25%;<br />
height: 43px;<br />
font-size: 14px;<br />
font-weight: bold;<br />
line-height: 43px;<br />
color: #999;<br />
text-align: center;<br />
border: 1px solid #ddd;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test li + li {<br />
margin-left: 10px;<br />
}<br />
.responsive-utilities-test span {<br />
position: absolute;<br />
top: -1px;<br />
left: -1px;<br />
right: -1px;<br />
bottom: -1px;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.responsive-utilities-test span {<br />
color: #468847;<br />
background-color: #dff0d8;<br />
border: 1px solid #d6e9c6;<br />
}<br />
<br />
<br />
<br />
/* Sidenav for Docs<br />
-------------------------------------------------- */<br />
<br />
.bs-docs-sidenav {<br />
width: 228px;<br />
margin: 30px 0 0;<br />
padding: 0;<br />
background-color: #fff;<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/<br />
}<br />
<br />
.bs-docs-sidenav > li > a {<br />
display: block;<br />
width: 190px \9;<br />
margin: 0 0 -1px;<br />
padding: 8px 14px;<br />
border: 1px solid #e5e5e5;<br />
}<br />
.bs-docs-sidenav > li:first-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > li:last-child > a {<br />
-webkit-border-radius: 0;<br />
-moz-border-radius: 0;<br />
border-radius: 0;<br />
}<br />
.bs-docs-sidenav > .active > a {<br />
position: relative;<br />
z-index: 2;<br />
padding: 9px 15px;<br />
border: 0;<br />
text-shadow: 0 1px 0 rgba(0,0,0,.15);<br />
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);<br />
}<br />
/* Chevrons */<br />
.bs-docs-sidenav .icon-chevron-right {<br />
float: right;<br />
margin-top: 2px;<br />
margin-right: -6px;<br />
opacity: .25;<br />
}<br />
.bs-docs-sidenav > li > a:hover {<br />
background-color: #f5f5f5;<br />
}<br />
.bs-docs-sidenav a:hover .icon-chevron-right {<br />
opacity: .5;<br />
}<br />
.bs-docs-sidenav .active .icon-chevron-right,<br />
.bs-docs-sidenav .active a:hover .icon-chevron-right {<br />
background-image: url(../img/glyphicons-halflings-white.png);<br />
opacity: 1;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
.bs-docs-sidenav.affix-bottom {<br />
position: absolute;<br />
top: auto;<br />
bottom: 270px;<br />
}<br />
<br />
<br />
<br />
/* Icons demo page<br />
-------------------------------------------------- */<br />
#icomoon-container {<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container section,<br />
#icomoon-container header,<br />
#icomoon-container footer {<br />
display: block;<br />
padding: 0;<br />
}<br />
<br />
#icomoon-container .glyph {<br />
float: left;<br />
text-align: center;<br />
background: #F4F4F4;<br />
padding: .75em;<br />
margin: .75em 1.5em .75em 0;<br />
width: 7em;<br />
}<br />
#icomoon-container .glyph input {<br />
width: 100%;<br />
text-align: center;<br />
font-family: consolas, monospace;<br />
}<br />
#icomoon-container .glyph input,<br />
#icomoon-container .mtm {<br />
margin-top: .75em;<br />
border: 0;<br />
padding: 0 10px;<br />
}<br />
<br />
.fs1 {<br />
font-size: 2em;<br />
}<br />
#icomoon-container header {<br />
}<br />
#icomoon-container header h1 {<br />
}<br />
#icomoon-container .clearfix:before,<br />
#icomoon-container .clearfix:after { content: ""; display: table; }<br />
#icomoon-container .clearfix:after { clear: both; }<br />
#icomoon-container footer {<br />
margin-top: 2em;<br />
padding: .5em 0;<br />
box-shadow: 0 -2px #eee;<br />
}<br />
#icomoon-container .box1 {<br />
display: inline-block;<br />
width: 11em;<br />
padding: .25em .5em;<br />
background-color: #fff;<br />
margin: .5em 1em .5em 0;<br />
font-size: 16px;<br />
text-align: center;<br />
}<br />
#icomoon-container .box1 span {<br />
display: block;<br />
font-size: 32px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
/*<br />
ListView demo<br />
*/<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"],<br />
.mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] {<br />
color: #FFF;<br />
}<br />
<br />
<br />
<br />
<br />
/* Responsive<br />
-------------------------------------------------- */<br />
<br />
/* Desktop large<br />
------------------------- */<br />
@media (min-width: 1200px) {<br />
.bs-docs-container {<br />
max-width: 970px;<br />
}<br />
.bs-docs-sidenav {<br />
width: 258px;<br />
}<br />
.bs-docs-sidenav > li > a {<br />
width: 230px \9; /* Override the previous IE8-9 hack */<br />
}<br />
}<br />
<br />
/* Desktop<br />
------------------------- */<br />
@media (max-width: 980px) {<br />
/* Unfloat brand */<br />
body > .navbar-fixed-top .brand {<br />
float: left;<br />
margin-left: 0;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
}<br />
<br />
/* Inline-block quick links for more spacing */<br />
.quick-links li {<br />
display: inline-block;<br />
margin: 5px;<br />
}<br />
<br />
/* When affixed, space properly */<br />
.bs-docs-sidenav {<br />
top: 0;<br />
margin-top: 30px;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/* Tablet to desktop<br />
------------------------- */<br />
@media (min-width: 768px) and (max-width: 980px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
}<br />
/* Adjust sidenav width */<br />
.bs-docs-sidenav {<br />
width: 166px;<br />
margin-top: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
top: 0;<br />
}<br />
}<br />
<br />
/* Tablet<br />
------------------------- */<br />
@media (max-width: 767px) {<br />
/* Remove any padding from the body */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Widen masthead and social buttons to fill body padding */<br />
.jumbotron {<br />
padding: 40px 20px;<br />
margin-top: -20px; /* Offset bottom margin on .navbar */<br />
margin-right: -20px;<br />
margin-left: -20px;<br />
}<br />
.masthead h1 {<br />
font-size: 90px;<br />
}<br />
.masthead p,<br />
.masthead .btn {<br />
font-size: 24px;<br />
}<br />
.marketing .span4 {<br />
margin-bottom: 40px;<br />
}<br />
.bs-docs-social {<br />
margin: 0 -20px;<br />
}<br />
<br />
/* Space out the show-grid examples */<br />
.show-grid [class*="span"] {<br />
margin-bottom: 5px;<br />
}<br />
<br />
/* Sidenav */<br />
.bs-docs-sidenav {<br />
width: auto;<br />
margin-bottom: 20px;<br />
}<br />
.bs-docs-sidenav.affix {<br />
position: static;<br />
width: auto;<br />
top: 0;<br />
}<br />
<br />
/* Unfloat the back to top link in footer */<br />
.footer {<br />
margin-left: -20px;<br />
margin-right: -20px;<br />
padding-left: 20px;<br />
padding-right: 20px;<br />
}<br />
.footer p {<br />
margin-bottom: 9px;<br />
}<br />
}<br />
<br />
/* Landscape phones<br />
------------------------- */<br />
@media (max-width: 480px) {<br />
/* Remove padding above jumbotron */<br />
body {<br />
padding-top: 0;<br />
}<br />
<br />
/* Change up some type stuff */<br />
h2 small {<br />
display: block;<br />
}<br />
<br />
/* Downsize the jumbotrons */<br />
.jumbotron h1 {<br />
font-size: 45px;<br />
}<br />
.jumbotron p,<br />
.jumbotron .btn {<br />
font-size: 18px;<br />
}<br />
.jumbotron .btn {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
/* center align subhead text like the masthead */<br />
.subhead h1,<br />
.subhead p {<br />
text-align: center;<br />
}<br />
<br />
/* Marketing on home */<br />
.marketing h1 {<br />
font-size: 30px;<br />
}<br />
.marketing-byline {<br />
font-size: 18px;<br />
}<br />
<br />
/* center example sites */<br />
.example-sites {<br />
margin-left: 0;<br />
}<br />
.example-sites > li {<br />
float: none;<br />
display: block;<br />
max-width: 280px;<br />
margin: 0 auto 18px;<br />
text-align: center;<br />
}<br />
.example-sites .thumbnail > img {<br />
max-width: 270px;<br />
}<br />
<br />
#hero-image {<br />
margin: 0;<br />
}<br />
<br />
/* Do our best to make tables work in narrow viewports */<br />
table code {<br />
white-space: normal;<br />
word-wrap: break-word;<br />
word-break: break-all;<br />
}<br />
<br />
/* Modal example */<br />
.modal-example .modal {<br />
position: relative;<br />
top: auto;<br />
right: auto;<br />
bottom: auto;<br />
left: auto;<br />
}<br />
<br />
/* Tighten up footer */<br />
.footer {<br />
padding-top: 20px;<br />
padding-bottom: 20px;<br />
}<br />
/* Unfloat the back to top in footer to prevent odd text wrapping */<br />
.footer .pull-right {<br />
float: none;<br />
}<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* Win8 animation<br />
-------------------------------------------------- */<br />
.metro .tile {<br />
-webkit-transition: all 0.3s ease-out;<br />
-moz-transition: all 0.3s ease-out;<br />
-o-transition: all 0.3s ease-out;<br />
-ms-transition: all 0.3s ease-out;<br />
transition: all 0.3s ease-out;<br />
}<br />
<br />
.fadeOutback {<br />
-webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
-o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
animation: fadeOutBack 0.3s ease-out 1 normal forwards;<br />
}<br />
<br />
.fadeInForward-1,.fadeInForward-2,.fadeInForward-3 {<br />
/*remember: in the second animation u have to set the final values reached by the first one*/<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
<br />
-webkit-transform: translateZ(-5em) scale(0.75);<br />
-moz-transform: translateZ(-5em) scale(0.75);<br />
-o-transform: translateZ(-5em) scale(0.75);<br />
-ms-transform: translateZ(-5em) scale(0.75);<br />
transform: translateZ(-5em) scale(0.75);<br />
}<br />
<br />
.fadeInForward-2 {<br />
-webkit-animation-delay: .55s;<br />
-moz-animation-delay: .55s;<br />
-ms-animation-delay: .55s;<br />
-o-animation-delay: .55s;<br />
animation-delay: .55s;<br />
}<br />
<br />
.fadeInForward-3 {<br />
-webkit-animation-delay: .7s;<br />
-moz-animation-delay: .7s;<br />
-ms-animation-delay: .7s;<br />
-o-animation-delay: .7s;<br />
animation-delay: .7s;<br />
}<br />
<br />
@keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
-moz-transform: translateX(-2em) scale(1);<br />
-o-transform: translateX(-2em) scale(1);<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeOutBack {<br />
0% {<br />
-moz-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-moz-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeOutBack" {<br />
0% {<br />
-webkit-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-webkit-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeOutBack" {<br />
0% {<br />
-ms-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-ms-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeOutBack" {<br />
0% {<br />
-o-transform: translateX(-2em) scale(1);<br />
transform: translateX(-2em) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
70% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
95% {<br />
-o-transform: translateZ(-5em) scale(0.6);<br />
transform: translateZ(-5em) scale(0.6);<br />
filter: alpha(opacity=50);<br />
opacity: 0.5;<br />
}<br />
100% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
<br />
}<br />
<br />
@keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
-moz-transform: translateZ(-5em) scale(0);<br />
-o-transform: translateZ(-5em) scale(0);<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
-moz-transform: translateZ(0) scale(1);<br />
-o-transform: translateZ(0) scale(1);<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-moz-keyframes fadeInForward {<br />
0% {<br />
-moz-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-moz-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-webkit-keyframes "fadeInForward" {<br />
0% {<br />
-webkit-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-webkit-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-ms-keyframes "fadeInForward" {<br />
0% {<br />
-ms-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-ms-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
@-o-keyframes "fadeInForward" {<br />
0% {<br />
-o-transform: translateZ(-5em) scale(0);<br />
transform: translateZ(-5em) scale(0);<br />
filter: alpha(opacity=0);<br />
opacity: 0;<br />
}<br />
100% {<br />
-o-transform: translateZ(0) scale(1);<br />
transform: translateZ(0) scale(1);<br />
filter: alpha(opacity=100);<br />
opacity: 1;<br />
}<br />
<br />
}<br />
<br />
<br />
--> <br />
</style> <br />
<!-- bootmetro-icons.css --><br />
<br />
<style type="text/css"> <br />
<!-- <br />
<br />
#globalWrapper{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
<br />
}<br />
<br />
#top-section{<br />
border: 0px;<br />
padding: 0px;<br />
min-width: 100%;<br />
}<br />
<br />
#p-logo{<br />
border: 0px;<br />
padding: 0px;<br />
max-height: 0px;<br />
}<br />
<br />
#menubar{<br />
border: 0px;<br />
padding: 0px;<br />
font-size: 8px;<br />
<br />
}<br />
<br />
body{<br />
min-width:1400px;<br />
}<br />
<br />
.navbar{<br />
background-color: white;<br />
padding-left: 30px;<br />
}<br />
<br />
--> <br />
</style> <br />
<br />
<!-- All JavaScript at the bottom, except for Modernizr and Respond.<br />
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries<br />
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --><br />
<script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script><br />
<br />
<script type="text/javascript"><br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-3182578-6']);<br />
_gaq.push(['_trackPageview']);<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
</script><br />
<br />
<br />
<br />
</head><br />
<br />
<body><br />
<!--[if lt IE 7]><br />
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p><br />
<![endif]--><br />
<br />
<div class="navbar navbar-fixed-top"><br />
<div class="navbar-inner" style="padding-top:12px;"><br />
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a><br />
<ul class="nav"><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<li class="dropdown"><br />
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL&#x25be;</a><br />
<ul class="dropdown-menu"><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li><br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li><br />
<li><a href=""></a></li><br />
<li><a href=""></a></li><br />
<li><a href=""></a></li><br />
</ul><br />
</li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice">HUMAN PRACTICE</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Team">OUR TEAM</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li><br />
<br />
<li class="divider-vertical"></li><br />
<br />
<li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li><br />
<br />
</ul><br />
<br />
<ul class="nav pull-right"><br />
<li><a href="https://2013.igem.org/Main_Page">iGEM</a></li><br />
</ul><br />
</div><!-- /navbar-inner --><br />
</div><!-- /navbar --><br />
<br />
<!-- Grab Google CDN's jQuery. fall back to local if necessary --><br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><br />
<script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script><br />
<br />
<!--[if IE 7]><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"><br />
<![endif]--><br />
<br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script><br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script><br />
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script><br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
$('.panorama').panorama({<br />
//nicescroll: false,<br />
showscrollbuttons: true,<br />
keyboard: true,<br />
parallax: true<br />
});<br />
<br />
// $(".panorama").perfectScrollbar();<br />
<br />
$('#pivot').pivot();<br />
<br />
</script><br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Project
Team:KIT-Kyoto/Project
2013-09-27T15:15:33Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">PROJECT</li><br />
<li class=""><br />
<a href="#Overview">Project Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Results">Results</a><br />
<ul class="nav"><br />
<li><a href="#1,SDS-PAGE">1,SDS-PAGE</a></li><br />
<li><a href="#2, Growth Curves">2, Growth Curves</a></li><br />
<li><a href="#3, Bioassay using Drosophila">3, Bioassay using Drosophila</a></li><br />
<li><a href="#4,The comparing with the ability of ATF1 and ATF2">4,The comparing with the ability of ATF1 and ATF2</a></li><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Future">Future</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<img src="https://static.igem.org/mediawiki/2013/1/14/Project_toptop.jpg" width="800"><br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Project Overview</h2><br />
<p>We are trying to construct a novel E.coli that has fruity flavor like Japanese rice wine (Japanese sake). In order to accomplish the purpose, yeast genes related with production of the Japanese sake fragrance were introduced into E. coli cells. We also tried to develop a way to eliminate bad smells of E. coli in parallel. Although we previously won a gold prize by the development of a novel pen (E. coli Pen) in 2010, its bad smells were weak points and must be improved. We will overcome this problem through the progress of our new project in 2013. So far, “smell” is not a popular keyword and not a major field in iGEM. However, we believe that our project will provide a new point of view to iGEM friends.</p><br />
<br />
</div><br />
<br />
<div id="Results" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Results</h2><br />
<br />
<h3 id="1,SDS-PAGE" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">1,SDS-PAGE</font></b></p></h3><br />
<p>We constructed ATF2 generator. (BBa_K1049002) Our team KIT-Kyoto 2013 constructed this part for the purpose of measurement. T7 promoter is an IPTG-inducible promoter. We added 20µL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 ˚C. 2 hours after, we extracted soluble proteins from it by FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<br><br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<p>Myosin 200kDa β‐Galactosidase 120kDa Bovine Serum Albumin 95kDa Glutamine dehydrogenase 68kDa Ovalbumin 50kDa Carbonic Anhydrase 36kDa Myoglobin 27kDa Lysozyme 20kDa Aprotinin 10kDa</p><br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br><br />
<h3 id="3, Bioassay using Drosophila" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">3, Bioassay using Drosophila</font></b></p></h3><br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/e7/ATF2result_htm_m7be19f37.png" alt=""/ width="550px" ><br />
</div><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/1/1f/The_number_of_fly.jpg" alt=""/ width="550px" ><br />
</div><br />
<p>This is the result. For 1 hour, 7 flies gathered to the ATF2. These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br><br />
<br><br />
<h3 id="4,The comparing with the ability of ATF1 and ATF2" style="margin-top:-70px; padding-top:70px;" ><br />
<p><b><font size="5">4,The comparing with the ability of ATF1 and ATF2</font></b></p></h3><br />
<p>In addition, according to the previous study [2], the ability of ATF2 protein to produce isoamyl acetate in yeast is higher than that of ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<div class="thumbnail" style="width:560px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/parts/d/d5/Earlystudy.png" alt=""/ width="550px" ><br />
</div><br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006) Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006. Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
<br><br><br />
<br />
<br />
</div><br />
<br />
<div id="Future" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Future</h2><br />
<p>Our main parts designed this time were these two, but we have an idea that we insert GFP, RFP, or CFP in these parts. By using fluorescence protein reporters, we can see the expression of the enzyme more exactly. However, there are many kinds of fluorescence proteins. Which protein is the best in our future projects? We examined how each fluorescence protein affects the growth of E. coli cells.</p><br />
<br />
<div class="thumbnail" style="width:800px; margin: 0 auto;" ><br />
<img src="https://static.igem.org/mediawiki/2013/2/29/Kairyo.png" alt=""/ width="550px" ><br />
<div class="caption"><br />
<br />
</div><br />
</div><br />
<p>2013 KIT-Kyoto iGEM team assessed influence of fluorescence proteins on the growth of E.coli. We used BBa_I13521, BBa_I13522 and BBa_I13600 in order to measure the growth.<br />
We made growth curve of various transformants expressing reporter genes. The purple line is control. A blue curve indicates E coli cells expressing mRFP. The red curve is E coli cells expressing GFP, The green curve is E coli cells expressing eCFP.<br />
Growth of Escherichia coli is promoted with mRFP and eCFP. On the other hand, the cells with GFP showed the delay of growth. Therefore, it is thought that you should use mRFP or eCFP in the experiment to have to get more products earlier.<br />
Other teams will be able to choose appropriate parts in the future by our result that comparing these three parts and having made characterize</p><br />
<br />
<p><br />
As you know, there are the three primary colors for light. In the case of light, various colors are expressed by a combination of <font color="#0000ff">blue</font>, <font color="#ff0000">red</font>,and <font color="#00ff00">green</font>.<br />
<br />
We apply this way of thinking to smell. In the fragrance company, the specific smell is really made by blending several kinds of elements of various smells. For example, the smell of apple constitutes these nine kinds of elements. According to this concept, we will create various elements of smell in <I>E. coli</I> cells and can produce about lots of fragrances by blending them. <br />
In addition, if we can reproduce the synthetic course of the element smell in the biosynthesis in <i>E.coli</i> perfection, we can create smells semipermanently.<br />
<br />
Imagine the world in which you can control all smells!!!<br />
We recommend the optimum methods for smell control.<br />
One of them is “ <i>E.coli</i> aromatherapy”. If the aroma diffuser contains several kinds of aroma oil produced by genetically modified <i>E.coli</i>, you can enjoy aromatherapy using fragrances you like.<br />
<br />
<p>We believe our approach help us make better environment in our lives!</p><br />
<br />
<h2>Reference</h2><br />
<br />
<p>[1]Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace",</p><br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", Seibutsu-Kogaku Kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</p><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:46:27Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/e/e4/Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/34/Fig._11_2020_Olympic.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/8/81/Fig._12_Olympic_Flame-1.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/0a/Fig._13_Parthenon.jpg" ></p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/f/f8/Fig._14_The_Olympic_Emblem_with_the_rising_sun.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/37/Fig._15_Olympic_Flame-2.jpg" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._11_2020_Olympic.jpg
File:Fig. 11 2020 Olympic.jpg
2013-09-27T13:45:59Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:44:25Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/e/e4/Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg" ><br />
<img src="" ><br />
<img src="https://static.igem.org/mediawiki/2013/8/81/Fig._12_Olympic_Flame-1.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/0a/Fig._13_Parthenon.jpg" ></p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/f/f8/Fig._14_The_Olympic_Emblem_with_the_rising_sun.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/3/37/Fig._15_Olympic_Flame-2.jpg" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._15_Olympic_Flame-2.jpg
File:Fig. 15 Olympic Flame-2.jpg
2013-09-27T13:44:00Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._14_The_Olympic_Emblem_with_the_rising_sun.jpg
File:Fig. 14 The Olympic Emblem with the rising sun.jpg
2013-09-27T13:42:04Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._13_Parthenon.jpg
File:Fig. 13 Parthenon.jpg
2013-09-27T13:39:21Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 13 Parthenon.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._13_Parthenon.jpg
File:Fig. 13 Parthenon.jpg
2013-09-27T13:38:59Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:38:09Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/e/e4/Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/8/81/Fig._12_Olympic_Flame-1.jpg" ><br />
<img src="" ><br />
<img src="" ></p><br />
<p><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._12_Olympic_Flame-1.jpg
File:Fig. 12 Olympic Flame-1.jpg
2013-09-27T13:37:41Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:37:06Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013/e/e4/Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ></p><br />
<p><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg
File:Fig. 10 The Olympic Emblem with Traditional Japanese designs.jpg
2013-09-27T13:36:15Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 10 The Olympic Emblem with Traditional Japanese designs.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:31:20Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/e/eb/Fig._9_The_World_and_Sports_map.jpg" ><br />
<p><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ></p><br />
<p><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
</p><br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._9_The_World_and_Sports_map.jpg
File:Fig. 9 The World and Sports map.jpg
2013-09-27T13:31:05Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 9 The World and Sports map.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:28:50Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/b/bf/Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<img src="" ><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg
File:Fig. 8 Olympic Flame and Tokyo Tower.jpg
2013-09-27T13:28:30Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 8 Olympic Flame and Tokyo Tower.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:27:30Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/archive/e/e2/20130927132509%21Fig._5_Tokyo_Towers_and_Gold_Medal.jpg" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/06/Fig._6_Olympic-ene.jpg" ><br />
<img src="" ><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._6_Olympic-ene.jpg
File:Fig. 6 Olympic-ene.jpg
2013-09-27T13:26:45Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 6 Olympic-ene.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._5_Tokyo_Towers_and_Gold_Medal.jpg
File:Fig. 5 Tokyo Towers and Gold Medal.jpg
2013-09-27T13:25:09Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 5 Tokyo Towers and Gold Medal.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._5_Tokyo_Towers_and_Gold_Medal.jpg
File:Fig. 5 Tokyo Towers and Gold Medal.jpg
2013-09-27T13:24:48Z
<p>Faust034: uploaded a new version of &quot;File:Fig. 5 Tokyo Towers and Gold Medal.jpg&quot;</p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T13:18:00Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
<br />
<p>The KIT Student’s Works of Bio-Art Class in 2013</p><br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:Fig._10_The_Olympic_Emblem_with_Traditional_Japanese_designs.jpg
File:Fig. 10 The Olympic Emblem with Traditional Japanese designs.jpg
2013-09-27T12:58:22Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._9_The_World_and_Sports_map.jpg
File:Fig. 9 The World and Sports map.jpg
2013-09-27T12:57:23Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._8_Olympic_Flame_and_Tokyo_Tower.jpg
File:Fig. 8 Olympic Flame and Tokyo Tower.jpg
2013-09-27T12:48:27Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._6_Olympic-ene.jpg
File:Fig. 6 Olympic-ene.jpg
2013-09-27T12:44:17Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/File:Fig._5_Tokyo_Towers_and_Gold_Medal.jpg
File:Fig. 5 Tokyo Towers and Gold Medal.jpg
2013-09-27T12:38:04Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Parts
Team:KIT-Kyoto/Parts
2013-09-27T12:03:36Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
</head><br />
</html><br />
<br />
<br />
<br />
<div class="document"><br />
<h2>Parts</h2><br />
<p>We designed and constructed these parts originally. </p><br />
<groupparts>iGEM013 KIT-Kyoto</groupparts><br />
<p><b>BBa_K1049000</b></p><br />
<p>This gene encodes an enzyme involved in the production of aromatic odor in yeast cells. we submitted a new BioBrick part that encodes an aldehyde degradative enzyme.</p><br />
<p><b>BBa_K1049001</b></p><br />
<p>It is the gene encoding aldehyde dehydrogenase of yeast.<br />
We have submitted a new BioBrick part, which was the ATF2 gene encoding the enzyme that produces isoamyl acetate from isoamyl alcohol.</p><br />
<p><b>BBa_K1049000</b></p><br />
<p>This device converts isoamyl alcohol to the odor isoamyl acetate.Sequence and Features.</p><br />
<br />
----<br />
<br />
<p>We constructed ATF2 generator; BBa_K1049002 in order to measure the quantitative data.<br />
T7 promoter is an IPTG-inducible promoter. We added 20uL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 degree C. 2 hours after, we extracted soluble proteins from it by using FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
https://static.igem.org/mediawiki/2013/4/48/KITSDS.png<br />
<br />
<br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<br />
<p>Myosin 200kDa</p><br />
<br />
<p>β‐Galactosidase 120kDa</p><br />
<br />
<p>Bovine Serum Albumin 95kDa</p><br />
<br />
<p>Glutamine dehydrogenase 68kDa</p><br />
<br />
<p>Ovalbumin 50kDa</p><br />
<br />
<p>Carbonic Anhydrase 36kDa</p><br />
<br />
<p>Myoglobin 27kDa</p><br />
<br />
<p>Lysozyme 20kDa</p><br />
<br />
<p>Aprotinin 10kDa</p><br />
<br />
<br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br />
https://static.igem.org/mediawiki/2013/2/22/KIT_flie.png<br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. <br />
This is the result. For 1 hour, 7 flies gathered to the ATF2.<br />
These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br />
<br />
<p>In addition, according to this previous study [2], the ability of ATF2 protein producing isoamyl acetate in yeast is higher than ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<br />
https://static.igem.org/mediawiki/2013/f/fd/Early.png<br />
<br />
<br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006)<br />
<br />
Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006.<br />
<br />
Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
----<br />
<p>[1] Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace", </p><br />
<br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", seibutsu-kogaku kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</div></div>
Faust034
http://2013.igem.org/File:Early.png
File:Early.png
2013-09-27T12:02:21Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Parts
Team:KIT-Kyoto/Parts
2013-09-27T11:58:48Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
</head><br />
</html><br />
<br />
<br />
<br />
<div class="document"><br />
<h2>Parts</h2><br />
<p>We designed and constructed these parts originally. </p><br />
<groupparts>iGEM013 KIT-Kyoto</groupparts><br />
<p><b>BBa_K1049000</b></p><br />
<p>This gene encodes an enzyme involved in the production of aromatic odor in yeast cells. we submitted a new BioBrick part that encodes an aldehyde degradative enzyme.</p><br />
<p><b>BBa_K1049001</b></p><br />
<p>It is the gene encoding aldehyde dehydrogenase of yeast.<br />
We have submitted a new BioBrick part, which was the ATF2 gene encoding the enzyme that produces isoamyl acetate from isoamyl alcohol.</p><br />
<p><b>BBa_K1049000</b></p><br />
<p>This device converts isoamyl alcohol to the odor isoamyl acetate.Sequence and Features.</p><br />
<br />
<br />
<p>We constructed ATF2 generator; BBa_K1049002 in order to measure the quantitative data.<br />
T7 promoter is an IPTG-inducible promoter. We added 20uL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 degree C. 2 hours after, we extracted soluble proteins from it by using FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
https://static.igem.org/mediawiki/2013/4/48/KITSDS.png<br />
<br />
<br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<br />
<p>Myosin 200kDa</p><br />
<br />
<p>β‐Galactosidase 120kDa</p><br />
<br />
<p>Bovine Serum Albumin 95kDa</p><br />
<br />
<p>Glutamine dehydrogenase 68kDa</p><br />
<br />
<p>Ovalbumin 50kDa</p><br />
<br />
<p>Carbonic Anhydrase 36kDa</p><br />
<br />
<p>Myoglobin 27kDa</p><br />
<br />
<p>Lysozyme 20kDa</p><br />
<br />
<p>Aprotinin 10kDa</p><br />
<br />
<br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br />
https://2013.igem.org/File:KIT_flie.png<br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. <br />
This is the result. For 1 hour, 7 flies gathered to the ATF2.<br />
These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br />
<br />
<p>In addition, according to this previous study [2], the ability of ATF2 protein producing isoamyl acetate in yeast is higher than ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<br />
画像<br />
<br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006)<br />
<br />
Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006.<br />
<br />
Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
----<br />
<p>[1] Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace", </p><br />
<br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", seibutsu-kogaku kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</div></div>
Faust034
http://2013.igem.org/File:KIT_flie.png
File:KIT flie.png
2013-09-27T11:58:32Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Parts
Team:KIT-Kyoto/Parts
2013-09-27T11:56:50Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
</head><br />
</html><br />
<br />
<br />
<br />
<div class="document"><br />
<h2>Parts</h2><br />
<p>We designed and constructed these parts originally. </p><br />
<groupparts>iGEM013 KIT-Kyoto</groupparts><br />
<p><b>BBa_K1049000</b></p><br />
<p>This gene encodes an enzyme involved in the production of aromatic odor in yeast cells. we submitted a new BioBrick part that encodes an aldehyde degradative enzyme.</p><br />
<p><b>BBa_K1049001</b></p><br />
<p>It is the gene encoding aldehyde dehydrogenase of yeast.<br />
We have submitted a new BioBrick part, which was the ATF2 gene encoding the enzyme that produces isoamyl acetate from isoamyl alcohol.</p><br />
<p><b>BBa_K1049000</b></p><br />
<p>This device converts isoamyl alcohol to the odor isoamyl acetate.Sequence and Features.</p><br />
<br />
<br />
<p>constructed ATF2 generator; BBa_K1049002 in order to measure the quantitative data.<br />
T7 promoter is an IPTG-inducible promoter. We added 20uL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 degree C. 2 hours after, we extracted soluble proteins from it by using FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
https://static.igem.org/mediawiki/2013/4/48/KITSDS.png<br />
<br />
<br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<br />
<p>Myosin 200kDa</p><br />
<br />
<p>β‐Galactosidase 120kDa</p><br />
<br />
<p>Bovine Serum Albumin 95kDa</p><br />
<br />
<p>Glutamine dehydrogenase 68kDa</p><br />
<br />
<p>Ovalbumin 50kDa</p><br />
<br />
<p>Carbonic Anhydrase 36kDa</p><br />
<br />
<p>Myoglobin 27kDa</p><br />
<br />
<p>Lysozyme 20kDa</p><br />
<br />
<p>Aprotinin 10kDa</p><br />
<br />
<br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br />
画像<br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. <br />
This is the result. For 1 hour, 7 flies gathered to the ATF2.<br />
These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br />
<br />
<p>In addition, according to this previous study [2], the ability of ATF2 protein producing isoamyl acetate in yeast is higher than ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<br />
画像<br />
<br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006)<br />
<br />
Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006.<br />
<br />
Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
----<br />
<p>[1] Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace", </p><br />
<br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", seibutsu-kogaku kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</div></div>
Faust034
http://2013.igem.org/File:KITSDS.png
File:KITSDS.png
2013-09-27T11:56:24Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Parts
Team:KIT-Kyoto/Parts
2013-09-27T11:39:19Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
</head><br />
<br />
<br />
<div class="document"><br />
<h2>Parts</h2><br />
<p>We designed and constructed these parts originally. </p><br />
<groupparts>iGEM013 KIT-Kyoto</groupparts><br />
<p><b>BBa_K1049000</b></p><br />
<p>This gene encodes an enzyme involved in the production of aromatic odor in yeast cells. we submitted a new BioBrick part that encodes an aldehyde degradative enzyme.</p><br />
<p><b>BBa_K1049001</b></p><br />
<p>It is the gene encoding aldehyde dehydrogenase of yeast.<br />
We have submitted a new BioBrick part, which was the ATF2 gene encoding the enzyme that produces isoamyl acetate from isoamyl alcohol.</p><br />
<p><b>BBa_K1049000</b></p><br />
<p>This device converts isoamyl alcohol to the odor isoamyl acetate.Sequence and Features.</p><br />
<br />
<br />
<p>constructed ATF2 generator; BBa_K1049002 in order to measure the quantitative data.<br />
T7 promoter is an IPTG-inducible promoter. We added 20uL IPTG (100mM) to our genetically modified E.coli after cultivation at 28 and 37 degree C. 2 hours after, we extracted soluble proteins from it by using FastBreak™ Cell Lysis Reagent and did SDS-polyacrylamide gel electrophoresis.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/parts/9/98/KIT2013SDS.png" width="300" height="150"><br />
<br />
<p>ATF2 gene encodes AATase, which is about 62kDa. The consumption of protein marker is like this.</p><br />
<br />
<p>Myosin 200kDa</p><br />
<br />
<p>β‐Galactosidase 120kDa</p><br />
<br />
<p>Bovine Serum Albumin 95kDa</p><br />
<br />
<p>Glutamine dehydrogenase 68kDa</p><br />
<br />
<p>Ovalbumin 50kDa</p><br />
<br />
<p>Carbonic Anhydrase 36kDa</p><br />
<br />
<p>Myoglobin 27kDa</p><br />
<br />
<p>Lysozyme 20kDa</p><br />
<br />
<p>Aprotinin 10kDa</p><br />
<br />
<br />
<p>You can find the band at lanes which are added IPTG just beneath the band of 68kDa.</p><br />
<br />
<br />
画像<br />
<br />
<p>Next, to confirm the activity of AATase, we added isoamyl alcohol after IPTG induction and cultivated for about 2 hours. We used E. coli cells carrying the empty vector (pET-15b) as a control and compare it with the E.coli cells carrying pET15b-ATF2 after addition of isoamyl alcohol. To compare the production of isoamyl acetate, we carried out a bioassay using Drosophila. Because Drosophila favors the fruit odor like isoamyl acetate. [1]</p><br />
<br />
<p>After the addition of IPTG and isoamyl acetate, the culture was impregnated into the filter and placed in a case containing 10 Drosophilas. We monitored the behavior of Drosophila. <br />
This is the result. For 1 hour, 7 flies gathered to the ATF2.<br />
These results clearly indicate that ATF2 produces isoamyl acetate from isoamyl alcohol.</p><br />
<br />
<br />
<br />
<p>In addition, according to this previous study [2], the ability of ATF2 protein producing isoamyl acetate in yeast is higher than ATF1 protein.</p><br />
<br />
<p>It is known that both ATF1 and ATF2 protein are involved in producing isoamyl acetate.</p><br />
<br />
画像<br />
<br />
<p>In 2006, MIT iGEM team submitted ATF1 coding sequence. (BBa_J45006)<br />
<br />
Our new part, ATF2 coding sequence, fall under the category of the improvement of function existing BioBrick Part, BBa_J45006.<br />
<br />
Herewith, our team, KIT-Kyoto 2013 iGEM team, meets the additional requirements for a Gold Medal.</p><br />
<br />
----<br />
<p>[1] Dong H Cha et al. "A four-component synthetic attractant for Drosophila suzukii (Diptera: Drosophilidae) isolated from fermented bait headspace", </p><br />
<br />
<p>[2] Yoshimoto Hiroyuki et al. "Mechanisms of Acetate Ester Production and Control in Yeasts -Monograph-", seibutsu-kogaku kaishi 79(2), 33-40, 2001-02-25</p><br />
<br />
</div><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T11:27:19Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/b/b6/13-08-09_10_47_57.jpg" width="200" height="200"><br />
<br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
</div><br />
<br><br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br><br><br />
</div><br />
<br />
</div><br />
<br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/File:13-08-09_10_47_57.jpg
File:13-08-09 10 47 57.jpg
2013-09-27T11:26:42Z
<p>Faust034: </p>
<hr />
<div></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T10:34:52Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/d/d2/%E5%86%99%E7%9C%9F_13-08-09_10_32_14.jpg" width="200" height="200"><br />
<br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
</div><br />
<br><br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br><br><br />
</div><br />
<br />
</div><br />
<br />
<br />
</body><br />
</html></div>
Faust034
http://2013.igem.org/Team:KIT-Kyoto/Humanpractice
Team:KIT-Kyoto/Humanpractice
2013-09-27T10:34:02Z
<p>Faust034: </p>
<hr />
<div>{{Template:KIT-Kyoto-1}}<br />
{{Template:KIT-Kyoto-header}}<br />
<br />
<html class="no-js"><br />
<head><br />
<br />
</head><br />
<br />
<body><br />
<br />
<div class="document"><br />
<div id="doc-left"><br />
<ul class="nav metro-nav-list"><br />
<li class="nav-header">Human practice</li><br />
<li class=""><br />
<a href="#Overview">Overview</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#opencampus">Campus visit</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<li class=""><br />
<a href="#Survey">Survey</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
<li class=""><br />
<a href="#Bioart">Introduction the class of Bioart</a><br />
<ul class="nav"><br />
</ul><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div id="doc-right" class="metro"><br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br />
<br />
<br />
<div id="Overview" style="margin-top:-50px; padding-top:50px;" ><br />
<h2>Overview</h2><br />
<p>People all over the world today tend to lose interest in science, so we think that this tendency disturb progress of synthetic biology. For example, ordinary people seem to think recombinant DNA technologies, which are the basis of synthetic biology as unpleasant. In this way, they do not fully understand what recombinant DNA technologies are, and they still hesitate to buy and eat GM foods. These problems seem to be faced in the world when recombinant DNA technologies will be developed and used in many fields. We want a lot of people to know not only in Japan but also in the world, so we try these things as Human Practice.</p><br />
<br />
</div><br />
<br />
<div id="opencampus" style="margin-top:-50px; padding-top:50px;"><br />
<h2>At the campus visit (2013/08/9,10)</h2><br />
<p>We prepared a booth to introduce iGEM in KIT Campus visit and explained our activity of iGEM to a visitor. </p><br />
<p>To make the presentation simple, we tried to avoid using technical terms. </p><br />
<p>Besides, we displayed model organisms used in genetics, such as fruit-fly Drosophila melamogaster, and colon bacterium Eschericia coli. Students could see Drosophila mutants. And we displayed "E.Coli Pen" and some pictures drawn with it. </p><br />
<p>We aimed to make their understanding clear, and make them feel familiar to genetic engineering.</p><br />
<p>There were about 100 students and their parents who came to our booth. They told us that their ideas and conceptions about biology were broadened by looking closely at the model organisms.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/94/DSC_1.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/c/c8/DSC_0091.jpg" width="200" height="200" ><br />
<img src="https://static.igem.org/mediawiki/2013/0/04/DSC_0102.jpg" width="200" height="200"><br />
<img src="https://static.igem.org/mediawiki/2013/d/d2/%E5%86%99%E7%9C%9F_13-08-09_10_32_14.jpg" width="200" height="200"><br />
<br />
<br />
</div><br />
<div id="Survey" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Survey</h2><br />
<p>“What project do we do in ? iGEM 2013?” It is the first difficulty for us to decide it.<br />
In order to get a clue, we have researched about public awareness on genetic technology and gene modified foods, as a human practice project.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f3/2013_tikuwa1.png" width="600" height="361"><br />
<br />
<p>Figure 1 indicates that the respondents can accept either genetically modified foods or non-genetically modified foods. “Non- genetically modified” was 59%, “genetically modified” was 3%, and “do not care” was 38%. These results suggest that more than half of Japanese consumers tend to choose “non- genetically modified” foods.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/f4/2013_tikuwa2.png" width="600" height="355" ><br />
<br />
<p>Figure 2 shows that respondents who answered “non- genetically modified” in Question2 chose the same answer regardless of the price, meaning that they would buy “non- genetically modified” foods if those were more expensive than “genetically modified” foods. More than half of respondents (51%) answered "yes", and 47% said "yes and no", and 2% said "no". This result suggest that approximately half of consumers would not to buy genetically modified foods regardless of the price.<br />
We also concluded that approximately 30% of Japanese consumers absolutely reject genetically modified foods at present.</p><br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/2013/9/93/2013_tikuwa_3.png" width="600" height="360" ><br />
<p><br />
Figure 3 shows the impression of consumers on the words “genetically modifying”. As the result, 14% of respondents answered "positive", 48% "it does not matter", and 38% "negative", suggesting that more than one-third Japanese have a negative impression on the words “genetically modifying”.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2013/8/80/2013_tikuwa4.png" width="600" height="361" ><br />
<br />
<p>We asked the reason of “negative impression” from six choices: "1. many unknown parts are remained.”, “2. availability is not clear”, “3. effect on health is not clear.”, “4. its dangerousness has been reported by mass media”, “5. no reason”, “6. others.” Figure 4 demonstrates that reasons 1 and 3 account for the majority (about 80 %). It was considered that most Japanese distrust genetic engineering because of lack of correct information.</p><br />
<br />
<p>Through the survey, we are sure that it must be quite effective to announce the correct information about the genetic engineering for Japanese consumers in order to improve their negative imporession on it.</p><br />
<br />
</div><br />
<div id="Bioart" style="margin-top:-50px; padding-top:50px;"><br />
<h2>Introduction the class of Bioart</h2><br />
<p>&nbsp;&nbsp;2013/09/17~2013/09/19<br></p><br />
<p>In our college KIT, bioart was firstly introduced as a lecture with practical course called "Fusion of Science and Art" using our project 2010, E. coli pen in this year. Undergraduate students who major not only biology but also various fields of science can take the lecture.</p><br />
<p>Students learned the mechanism that the ink of E. coli pen emits fluorescence and drew paintings on agar plates using E. coli inks. And they gave a presentation on their concept of bioart.</p><br />
<p>Furthermore, the bioart described in E.coli Pen will be carried by the textbook of the high school student.</p><br />
<p>We realize synthetic biology spreads out steadily.</p><br />
<p>This lecture helps various students to know synthetic biology and to feel familiar with genetic engineering. We expect that it will develop into global lecture and disseminate synthetic biology to the world from Japan like iGEM which was a practical course of bioengineering in MIT.</p><br />
<p>Furthermore, the bioart described in E.coli Pen is carried by the textbook of the high school student.</p><br />
</div><br />
<br />
<img src="https://static.igem.org/mediawiki/2013/f/fe/Ecolipen1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/4/45/Color1.png" width="300" height="150"><br />
<img src="https://static.igem.org/mediawiki/2013/9/92/Olympic2.png" width="300" height="150" ><br />
<br><br><br />
</div><br />
<br />
</div><br />
<br />
<br />
</body><br />
</html></div>
Faust034